{"id":910,"date":"2022-08-08T15:48:56","date_gmt":"2022-08-08T15:48:56","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/08\/6454367-hostinger-website-builder-how-to-add-links\/"},"modified":"2026-08-27T08:21:42","modified_gmt":"2026-08-27T08:21:42","slug":"6454367-hostinger-ai-builder-manual-mode-how-to-add-links","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6454367-hostinger-ai-builder-manual-mode-how-to-add-links\/","title":{"rendered":"Hostinger AI Builder: How to add links in manual mode"},"content":{"rendered":"

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

Adding a link to the navigation menu<\/h2>
    \n
  1. \n

    Within the editor, open the Pages and navigation <\/b>panel <\/b>on the left<\/p>\n<\/li>\n

  2. \n

    Click Add link<\/b>:<\/p>\n

    \"\"<\/div>\n<\/li>\n
  3. \n

    Rename the link; you can use any symbols, including emojis 📞 ✉️ 🚚<\/p>\n<\/li>\n

  4. \n

    For the Link to<\/b>, select the object<\/b> to link to:<\/p>\n

      \n
    1. \n

      Web address <\/b>– insert any URL<\/p>\n<\/li>\n

    2. Pages <\/strong>– select from existing pages<\/li>\n
    3. \n

      File download<\/b> – upload a file from your local device<\/p>\n<\/li>\n

    4. \n

      Section <\/b>– link to a particular section<\/a><\/b> within your website<\/p>\n<\/li>\n

    5. \n

      Phone number <\/strong>– insert any phone number, including the country code<\/p>\n<\/li>\n

    6. \n

      Email address <\/strong>– insert any email address<\/p>\n<\/li>\n

    7. WhatsApp <\/strong>– insert any phone number connected to WhatsApp<\/li>\n<\/ol>\n<\/li>\n
    8. \n

      (Optional) Open in new tab<\/b><\/p>\n<\/li>\n

    9. \n

      (Optional) Hide page <\/b>– hides a page (in this case, the link) from the navigation menu<\/p>\n<\/li>\n

    10. \n

      Finally, save the changes:
      \n\"\"<\/p>\n<\/li>\n<\/ol>

      Adding a link to a text element<\/h2>
        \n
      1. \n

        Click on a text element and select Edit text<\/b><\/p>\n<\/li>\n

      2. \n

        Select (highlight) the text <\/b>you want to hyperlink<\/p>\n<\/li>\n

      3. \n

        Click on the link<\/b> symbol<\/b><\/p>\n<\/li>\n

      4. \n

        For the Link to<\/b>, select the object<\/b> to link to<\/p>\n<\/li>\n

      5. \n

        (Optional) Open in new tab<\/b><\/p>\n<\/li>\n

      6. \n

        Finally, save the changes:<\/p>\n<\/li>\n<\/ol>

        \"\"<\/div>

        Adding a link to an image element<\/h2>
          \n
        1. \n

          Click on an image element and select Edit image<\/b><\/p>\n<\/li>\n

        2. \n

          Open the Action <\/b>tab<\/p>\n<\/li>\n

        3. \n

          For the On click<\/b>, select Open link<\/b><\/p>\n<\/li>\n

        4. \n

          For the Link to<\/b>, select the object<\/b> to link to.<\/p>\n<\/li>\n

        5. \n

          (Optional) Open in new tab<\/b><\/p>\n<\/li>\n

        6. \n

          Click outside the settings box to close it; the changes are saved automatically:<\/p>\n<\/li>\n<\/ol>

          \"\"<\/div>

          Adding a link to a button element<\/h2>
            \n
          1. \n

            Click on a button element and select Edit button<\/b><\/p>\n<\/li>\n

          2. \n

            (Optional) Rename the button<\/p>\n<\/li>\n

          3. \n

            For the Link to<\/b>, select the object<\/b> to link to.<\/p>\n<\/li>\n

          4. \n

            (Optional) Open in new tab<\/b><\/p>\n<\/li>\n

          5. \n

            Click outside the settings box to close it; the changes are saved automatically:<\/p>\n<\/li>\n<\/ol>

            \"\"<\/div>

            Adding links to your social media channels<\/h2>
              \n
            1. \n

              Add a social icons element<\/a><\/b> to the preferred place on your website<\/p>\n<\/li>\n

            2. \n

              Click on the element and select Edit social icons<\/b><\/p>\n<\/li>\n

            3. \n

              Click on the settings wheel next to the suggested icons (Twitter, Facebook, Instagram) and insert your own links <\/b>there, or click Add new link <\/b>to add links to other social media platforms<\/p>\n<\/li>\n

            4. \n

              Click outside the settings box to close it; the changes are saved automatically:<\/p>\n<\/li>\n<\/ol>

              \"\"<\/div>
              Your links are now added across your navigation menu, text, images, buttons, and social icons.<\/div>\n","protected":false},"excerpt":{"rendered":"

              Add links to the navigation menu, text, images, buttons, and social icons in Hostinger AI Builder manual mode.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-910","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6454367-hostinger-website-builder-how-to-add-links\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6454367-hostinger-creador-de-sitios-web-como-agregar-enlaces\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6454367-hostinger-createur-de-site-web-comment-ajouter-des-liens\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6454367-hostinger-website-builder-bagaimana-menambahkan-tautan\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6454367-hostinger-svetainiu-kurimo-irankis-kaip-prideti-nuorodu\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6454367-hostinger-criador-de-sites-como-adicionar-links\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=910"}],"version-history":[{"count":4,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/910\/revisions"}],"predecessor-version":[{"id":17204,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/910\/revisions\/17204"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}