{"id":5553,"date":"2021-08-26T09:04:37","date_gmt":"2021-08-26T09:04:37","guid":{"rendered":"https:\/\/chemicloud.com\/kb\/?post_type=ht_kb&#038;p=5553"},"modified":"2022-03-18T10:26:01","modified_gmt":"2022-03-18T10:26:01","slug":"how-to-add-custom-links-to-your-pages-in-the-website-builder","status":"publish","type":"ht_kb","link":"https:\/\/chemicloud.com\/kb\/article\/how-to-add-custom-links-to-your-pages-in-the-website-builder\/","title":{"rendered":"How to Add Custom Links to your Pages in the Website Builder"},"content":{"rendered":"<p>The Website Builder wouldn&#8217;t be worth it&#8217;s weight in code if it didn&#8217;t let you set custom links to off-site pages, now wouldn&#8217;t it?<\/p>\n<p>This Knowledgebase Article covers how to set custom links on your pages or images in the Website Builder.<\/p>\n    \t\t<div class=\"hts-messages hts-messages--info   hts-messages--withicon \"   >\r\n    \t\t\t    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tCreating your website doesn\u2019t have to be a hassle. Our <a href=\"https:\/\/chemicloud.com\/website-builder\/#60b65e4e63b58\" target=\"_blank\" rel=\"noopener\">website builder<\/a> makes it easy to create a beautiful website in minutes without coding or design skills.     \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h2 id=\"how-to-add-custom-links-to-your-pages-in-the-website-builder\">How to Add Custom Links to your Pages in the Website Builder<\/h2>\n<p><strong>Step 1:<\/strong> Login to your cPanel. There&#8217;s a lot of ways to do this, but the sure fire easiest way is to login to your <a href=\"https:\/\/lab.chemicloud.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Client Area<\/a>, then open your cPanel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4061\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab.jpg\" alt=\"\" width=\"1674\" height=\"496\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab.jpg 1674w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-300x89.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-1024x303.jpg 1024w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-768x228.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-50x15.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-1536x455.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-60x18.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-100x30.jpg 100w\" sizes=\"auto, (max-width: 1674px) 100vw, 1674px\" \/><\/p>\n<p><strong>Step 2:<\/strong> Scroll down to the Software section and open the Website Builder:<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5423\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-783x270.jpg\" alt=\"\" width=\"643\" height=\"222\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-783x270.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-300x103.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-768x264.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-50x17.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-60x21.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-100x34.jpg 100w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1.jpg 1330w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/a><\/p>\n<p><strong>Step 3:<\/strong> Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5430\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-783x403.jpg\" alt=\"\" width=\"643\" height=\"331\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-783x403.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-300x154.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-768x395.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-50x26.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-1536x790.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-60x31.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-100x51.jpg 100w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8.jpg 1885w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/a><\/p>\n<p><strong>Step 4:<\/strong> Once the Site Admin area opens, click Pages from the menu on the left, then click All Pages.<\/p>\n<p>You will be presented with thumbnail previews of each page in your Site.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5554\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13.jpg\" alt=\"\" width=\"1918\" height=\"1604\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13.jpg 1918w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13-300x251.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13-783x655.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13-768x642.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13-50x42.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13-1536x1285.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13-60x50.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-13-100x84.jpg 100w\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" \/><\/a><\/p>\n<p>Choose the page which will have a link to a page or content on another site and click the pencil icon after hovering over that page to open the Website Editor. I&#8217;m going to use the About Us section on my Home page for this.<\/p>\n<p><strong>Step 5:<\/strong> Once the page you want to edit and insert a link into is open, choose the area on the page which has content you want to link. For my example, I&#8217;m going to insert my address and create a link to Google Maps so that opens if someone clicks on it.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5557\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12.jpg\" alt=\"\" width=\"1918\" height=\"1088\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12.jpg 1918w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12-300x170.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12-783x444.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12-768x436.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12-50x28.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12-1536x871.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12-60x34.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-12-100x57.jpg 100w\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" \/><\/a><\/p>\n<p>Below, I have made my edits and as you can see from the tools on the left below &#8220;Edit Title&#8221;, there is an option to &#8220;Link to&#8221;:<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5558\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8.jpg\" alt=\"\" width=\"1918\" height=\"1235\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8.jpg 1918w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8-300x193.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8-783x504.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8-768x495.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8-50x32.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8-1536x989.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8-60x39.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4-8-100x64.jpg 100w\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" \/><\/a><\/p>\n<p><strong>Step 6:<\/strong> After you type in \/ paste in the URL you want to link to, the options will change to give you the option to open the link in a new tab\/window, if you so desire.<\/p>\n<p>For myself, I&#8217;m going to enable that as it&#8217;s helpful, since I want them to be able to quickly get back to my website.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5559\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8.jpg\" alt=\"\" width=\"792\" height=\"1165\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8.jpg 792w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8-204x300.jpg 204w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8-532x783.jpg 532w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8-768x1130.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8-34x50.jpg 34w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8-41x60.jpg 41w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-8-68x100.jpg 68w\" sizes=\"auto, (max-width: 792px) 100vw, 792px\" \/><\/a><\/p>\n<p><strong>Step 7:<\/strong> Once you&#8217;ve made your changes, be sure to click Update in the top right corner to publish the changes.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5560\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6.jpg\" alt=\"\" width=\"1918\" height=\"502\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6.jpg 1918w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6-300x79.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6-783x205.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6-768x201.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6-50x13.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6-1536x402.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6-60x16.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-6-100x26.jpg 100w\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" \/><\/a><\/p>\n<p>And that&#8217;s how you create links in the Website Builder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Website Builder wouldn&#8217;t be worth it&#8217;s weight in code if it didn&#8217;t let you set custom links to off-site pages, now wouldn&#8217;t it? This Knowledgebase Article covers how to set custom links on your pages or images in the Website Builder. How to Add Custom Links to your Pages&#8230;<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"ht-kb-category":[225],"ht-kb-tag":[],"class_list":["post-5553","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-website-builder-getting-started"],"_links":{"self":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/5553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/comments?post=5553"}],"version-history":[{"count":4,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/5553\/revisions"}],"predecessor-version":[{"id":7187,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/5553\/revisions\/7187"}],"wp:attachment":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/media?parent=5553"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb-category?post=5553"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb-tag?post=5553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}