{"id":397,"date":"2025-02-24T01:38:59","date_gmt":"2025-02-24T01:38:59","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2025\/02\/24\/10625194-hostinger-website-builder-how-to-add-social-media-icons-in-your-header\/"},"modified":"2026-09-25T04:17:05","modified_gmt":"2026-09-25T04:17:05","slug":"10625194-hostinger-ai-builder-manual-mode-how-to-add-social-media-icons-in-your-header","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/10625194-hostinger-ai-builder-manual-mode-how-to-add-social-media-icons-in-your-header\/","title":{"rendered":"Hostinger AI Builder: How to add social media icons to the header in manual mode"},"content":{"rendered":"

Add social media icons to your Hostinger AI Builder<\/a> manual mode website’s header to let visitors connect, follow, and interact with your social media profiles. Insert a link to your profile, and Hostinger AI Builder<\/a> automatically generates the matching icon, such as the LinkedIn icon for a LinkedIn profile link.<\/p>

Add social media icons<\/h2>

To add a social media icon to your website’s header, follow these steps:<\/p>

    \n
  1. Click on the header section and select Edit header<\/b><\/a>:
    \n\"Hostinger<\/li>\n
  2. Open the Elements <\/b>tab <\/b>and toggle the Show social icons <\/b>to enable them:
    \n\"\"<\/li>\n
  3. Click Edit social icons:
    \n\"\"<\/li>\n
  4. Now, add the links to your social media platforms. You may also change the icon size and color:
    \n\"\"<\/li>\n<\/ol>
    <\/div>

    NOTES<\/b><\/p>