1. Knowledge Base
  2. >
  3. Add A Hyperlink To An Element

Add A Hyperlink To An Element

Looking for help for the GATOR Builder by HostGator Website Builder product? Please see GATOR's Knowledge Base.
This content only applies to those using GATOR Builder by HostGator.

Learn how to turn an element into a hyperlink to make navigating your website easier than ever. You can apply the link methods below to any element when the universal hyperlink icon is present in that Element’s toolbar. 
In this article, we will discuss how to link Elements like images, shapes, and text.


Linking Elements:

Once you’ve added or selected an Element, such as an image, text, or a shape, you can add an external link or link to another page completing the following:

  1. First, you'll need to add or select the Element by clicking directly on it.
    User-added image
  2. Once you select the Element, its toolbar will appear either above or below the element where you will see the Chainlink icon.
    User-added image
  3. You can attach a link to almost any Element; like images, shapes, or icons to make unique buttons. You can also highlight text and select the Attach Link option from the text toolbar.
    User-added image
  4. Once you click on the hyperlink button to attach a link, you will see a Pop-up menu appear with various options for linking.
    User-added image

Once you open the Attach hyperlink pop-up, you will have the following options:

  • Website Page: Click the drop-down menu and select an existing page from your website to link an Element to a page.
    User-added image
  • URL: You can paste in your URL to point people externally or to your shop site.
    User-added image
  • Email or Phone: You can also make links that have the effect of calling or opening up the user's Email client. Pro Tip: On mobile phones especially, linking your telephone number in this manner will allow people to automatically call you. Adding your email to the email section will also cause the user's email client to open so they can send you a message.
    User-added image
  • Document: You can also make a document link which essentially will cause the user to download whatever document you attach to the link.
    User-added imageautoUser-added image 
    Clicking the Document option will give you a pop-up menu where you can:
    1. Upload files into the #3 section.
    2. Sort Documents into Folders.
    3. Manage Documents Individually
    4. Cancel/Confirm Upload 
  • ​​​​​​No Link: To remove a link that is already saved to an Element, click on the link, click the Attach Link button, and select the No Link button in the popup.
    User-added image
  1. Once you have made your selection choose Ok at the bottom.
    User-added image
  2. Make sure to Save and Publish your changes to make them live.
    User-added image
There are no limits to how many links you can create but it’s recommended to put a little thought into the path you want your users to follow when visiting your site. When possible, try to affiliate your site with other reputable websites to build your reputation online.

Pro Tip: One important aspect of SEO is backlinking. Backlinking is basically when any website links to another website. Doing this can give your site a reputation that can be tracked and used to rank you higher in search engines, rather than other sites that may not be recommended or have the best content.