Hostinger AI Builder: How to add links in manual mode

Add links to the navigation menu, text, images, buttons, and social icons in Hostinger AI Builder manual mode.

Updated 6 days ago

Add links to various places on your Hostinger AI Builder manual mode website, including the navigation menu, text, images, buttons, and social icons.

Adding a link to the navigation menu

  1. Within the editor, open the Pages and navigation panel on the left

  2. Click Add link:

  3. Rename the link; you can use any symbols, including emojis 📞 ✉️ 🚚

  4. For the Link to, select the object to link to:

    1. Web address – insert any URL

    2. Pages – select from existing pages
    3. File download – upload a file from your local device

    4. Section link to a particular section within your website

    5. Phone number – insert any phone number, including the country code

    6. Email address – insert any email address

    7. WhatsApp – insert any phone number connected to WhatsApp
  5. (Optional) Open in new tab

  6. (Optional) Hide page – hides a page (in this case, the link) from the navigation menu

  7. Finally, save the changes:

Adding a link to a text element

  1. Click on a text element and select Edit text

  2. Select (highlight) the text you want to hyperlink

  3. Click on the link symbol

  4. For the Link to, select the object to link to

  5. (Optional) Open in new tab

  6. Finally, save the changes:

Adding a link to an image element

  1. Click on an image element and select Edit image

  2. Open the Action tab

  3. For the On click, select Open link

  4. For the Link to, select the object to link to.

  5. (Optional) Open in new tab

  6. Click outside the settings box to close it; the changes are saved automatically:

Adding a link to a button element

  1. Click on a button element and select Edit button

  2. (Optional) Rename the button

  3. For the Link to, select the object to link to.

  4. (Optional) Open in new tab

  5. Click outside the settings box to close it; the changes are saved automatically:

Adding links to your social media channels

  1. Add a social icons element to the preferred place on your website

  2. Click on the element and select Edit social icons

  3. Click on the settings wheel next to the suggested icons (Twitter, Facebook, Instagram) and insert your own links there, or click Add new link to add links to other social media platforms

  4. Click outside the settings box to close it; the changes are saved automatically:

Your links are now added across your navigation menu, text, images, buttons, and social icons.