What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
In Hostinger AI Builder’s manual-mode editor, open Add elements, drag Social icons onto the page, then select it and choose Edit social icons to add your profile links and adjust its appearance.
Place social icons on a page
- In the manual-mode editor, expand Add elements in the left panel.
- Drag Social icons to the spot where you want the icons to appear.
- Select the element on the page and choose Edit social icons.
Hostinger’s social icons guide describes this workflow and says recognized social profile links generate matching icons automatically.
As an Amazon Associate I earn from qualifying purchases.
Add and check the destinations
Enter the profile links you want visitors to open. Hostinger’s link-editing instructions say to use the settings wheel beside a suggested icon to enter its URL; choose Add new link to add another destination. Click outside the settings box to save automatically.
- Remove icons you do not need and make sure every remaining link goes to the intended profile.
- For an email icon, enter an email address. For a phone icon, enter the phone number without symbols, as Hostinger instructs.
- If a profile URL is not recognized, the builder may show a standard link symbol instead of a platform-specific icon. Hostinger advises contacting support about the link format.
Adjust the element’s appearance
With the page-level element selected, use its available style and layout settings to adjust how the icons are presented. Hostinger’s manual-mode element guide covers element settings. The controls available for a page element should not be assumed to match the separate controls for header icons.
#1 Best Overall
- HTML CSS Design and Build Web Sites
- Comes with secure packaging
- It can be a gift option
Page icons and header icons are configured separately
If you want icons in the site header rather than in the page content, open the header editor and use its Elements controls. Hostinger’s header styling guide describes a separate show-icons setting and controls for profile links, icon size, regular color, and hover color. These header options are not guaranteed to be available on the page-level social icons element.
The social icons element links visitors to profiles; it does not embed an Instagram feed or Pinterest board. Hostinger describes those as separate features.
Quick Recap
Best Value
Rank #4
- Brand: Wiley
- Set of 2 Volumes
- A handy two-book set that uniquely combines related technologies Highly visual format and accessible language makes these books highly effective learning tools Perfect for beginning web designers and front-end developers
Rank #3
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.




