{"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-03-16T12:12:07","modified_gmt":"2026-03-16T12:12:07","slug":"6454367-hostinger-website-builder-how-to-add-links","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6454367-hostinger-website-builder-how-to-add-links\/","title":{"rendered":"Hostinger Website Builder: How to Add Links"},"content":{"rendered":"<p class=\"no-margin\">If you use <b>Hostinger Website Builder<\/b>, you can add links to a variety of places on your site:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_7fbec0c612\" target=\"_blank\" class=\"intercom-content-link\">Navigation Menu<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_6c42dd1994\" target=\"_blank\" class=\"intercom-content-link\">Text Element<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_dbc1634207\" target=\"_blank\" class=\"intercom-content-link\">Image Element<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_603b64867e\" target=\"_blank\" class=\"intercom-content-link\">Button Element<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_034f03579b\" target=\"_blank\" class=\"intercom-content-link\">Social Icons Element<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_7fbec0c612\">Adding a Link to the Navigation Menu<\/h2><ol>\n<li>\n<p class=\"no-margin\">Within the editor, open the <b>Pages and navigation <\/b>panel<b> <\/b>on the left<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click <b>Add link<\/b>:<\/p>\n<div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/7f69a4f0-a652-4904-aaab-251b618ceb09.jpg\" alt=\"The button that allows adding a link to the website's menu bar\"><\/div>\n<\/li>\n<li>\n<p class=\"no-margin\">Rename the link; you can use any symbols, including emojis &#128222; &#9993;&#65039; &#128666;<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">For the <b>Link to<\/b>, select the <b>object<\/b> to link to:<\/p>\n<ol>\n<li>\n<p class=\"no-margin\"><b>Web address<\/b>:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>URL <\/b>&ndash; insert any URL<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Phone number <\/b>&ndash; insert any phone number, including the country code<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Email<\/b> &ndash; insert any email address<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>File download<\/b> &ndash; upload a file from your local device<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Section <\/b>&ndash; <b><a href=\"\/support\/6460375-website-builder-how-to-link-to-a-particular-section\" target=\"_blank\" class=\"intercom-content-link\">link to a particular section<\/a><\/b> within your website<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b>Open in new tab<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b><a href=\"\/support\/6615140-website-builder-dofollow-and-nofollow-links\" target=\"_blank\" class=\"intercom-content-link\">Make link nofollow<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional)<b> Hide page <\/b>&ndash; hides a page (in this case, the link) from the navigation menu<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Finally, save the changes:<\/p>\n<\/li>\n<\/ol><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/235cd8cf-953c-4205-8fa9-e2b17d457cc2.jpg\" alt=\"A settings pop-up for adding a link to the website's menu bar \"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_6c42dd1994\">Adding a Link to a Text Element<\/h2><ol>\n<li>\n<p class=\"no-margin\">Click on a text element and select <b>Edit text<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Select (highlight) the text <\/b>you want to hyperlink<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click on the <b>link<\/b> <b>symbol<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">For the <b>Link to<\/b>, select the <b>object<\/b> to link to:<\/p>\n<ol>\n<li>\n<p class=\"no-margin\"><b>Web address<\/b>:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>URL <\/b>&ndash; insert any URL<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Phone number <\/b>&ndash; insert the phone number, including the country code<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Email<\/b> &ndash; insert any email address <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>File download<\/b> &ndash; upload a file from your local device<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Section <\/b>&ndash; <b><a href=\"\/support\/6460375-website-builder-how-to-link-to-a-particular-section\" target=\"_blank\" class=\"intercom-content-link\">link to a particular section<\/a><\/b> within your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Another page within your website<\/b> &ndash; select the page to link to<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b>Open in new tab<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b><a href=\"\/support\/6615140-website-builder-dofollow-and-nofollow-links\" target=\"_blank\" class=\"intercom-content-link\">Make link nofollow<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Finally, save the changes:<\/p>\n<\/li>\n<\/ol><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/0ad9e35c-f2f8-4293-9234-a7e84ff3dbd4.jpg\" alt=\"The pop-up of link settings when hyperlinking text\"><\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_dbc1634207\">Adding a Link to an Image Element<\/h2><ol>\n<li>\n<p class=\"no-margin\">Click on an image element and select <b>Change image<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Open the<b> Action <\/b>tab<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">For the<b> On click<\/b>, select<b> Open link<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">For the <b>Link to<\/b>, select the <b>object<\/b> to link to:<\/p>\n<ol>\n<li>\n<p class=\"no-margin\"><b>Web address<\/b>:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>URL <\/b>&ndash; insert any URL; this also allows <b><a href=\"\/support\/6460375-website-builder-linking-sections\" target=\"_blank\" class=\"intercom-content-link\">linking to specific sections<\/a><\/b> within your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Phone number <\/b>&ndash; insert any phone number, including the country code<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Email<\/b> &ndash; insert any email address<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>File download<\/b> &ndash; upload a file from your local device<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Section <\/b>&ndash; <b><a href=\"\/support\/6460375-website-builder-how-to-link-to-a-particular-section\" target=\"_blank\" class=\"intercom-content-link\">link to a particular section<\/a><\/b> within your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Another page within your website<\/b> &ndash; select the page to link to<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b>Open in new tab<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b><a href=\"\/support\/6615140-website-builder-dofollow-and-nofollow-links\" target=\"_blank\" class=\"intercom-content-link\">Make link nofollow<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click outside the settings box to close it; the changes are saved automatically:<\/p>\n<\/li>\n<\/ol><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/ae9c35c9-e211-4f69-a19a-98ae563d396a.jpg\" alt=\"The Action tab in the Image settings allows opening a link upon a click on an image\"><\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_603b64867e\">Adding a Link to a Button Element<\/h2><ol>\n<li>\n<p class=\"no-margin\">Click on a button element and select <b>Edit button<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) Rename the button<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">For the <b>Link to<\/b>, select the <b>object<\/b> to link to:<\/p>\n<ol>\n<li>\n<p class=\"no-margin\"><b>Web address<\/b>:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b>URL <\/b>&ndash; insert any URL; this also allows <b><a href=\"\/support\/6460375-website-builder-linking-sections\" target=\"_blank\" class=\"intercom-content-link\">linking to specific sections<\/a><\/b> within your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Phone number <\/b>&ndash; insert any phone number, including the country code<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Email<\/b> &ndash; insert any email address <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>File download<\/b> &ndash; upload a file from your local device<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Section <\/b>&ndash; <b><a href=\"\/support\/6460375-website-builder-how-to-link-to-a-particular-section\" target=\"_blank\" class=\"intercom-content-link\">link to a particular section<\/a><\/b> within your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Another page within your website<\/b> &ndash; select the page to link to<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b>Open in new tab<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">(Optional) <b><a href=\"\/support\/6615140-website-builder-dofollow-and-nofollow-links\" target=\"_blank\" class=\"intercom-content-link\">Make link nofollow<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click outside the settings box to close it; the changes are saved automatically:<\/p>\n<\/li>\n<\/ol><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/b7deb277-aad6-4287-b733-7d8e0b97f81c.jpg\" alt=\"A button settings pop-up that allows adding a link to a button element\"><\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_034f03579b\">Adding Links to Your Social Media Channels<\/h2><ol>\n<li>\n<p class=\"no-margin\">Add a <b><a href=\"\/support\/6474611-website-builder-how-to-add-social-media-icons\" target=\"_blank\" class=\"intercom-content-link\">social icons element<\/a><\/b> to the preferred place on your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click on the element and select <b>Edit social icons<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click on the settings wheel next to the suggested icons (Twitter, Facebook, Instagram) and insert your own links<b> <\/b>there, or click <b>Add new link <\/b>to add links to other social media platforms<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click outside the settings box to close it; the changes are saved automatically:<\/p>\n<\/li>\n<\/ol><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/2b3d61e1-abd8-4c62-a4cc-37dabfce821b.jpg\" alt=\"An element for adding links to social media channels\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Discover how to add various kinds of links to your site<\/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":[278],"tags":[],"class_list":["post-910","post","type-post","status-publish","format-standard","hentry","category-pages-and-navigation"],"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-PT","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":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/910\/revisions"}],"predecessor-version":[{"id":3710,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/910\/revisions\/3710"}],"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}]}}