24/7/365 Support(866) 96-GATOR
  1. Knowledge Base
  2. >
  3. Add HTML code To Website

Add HTML code To Website

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.

There are many web tools available that allow small business owners to reach, target, and convert website site visitors into happy customers. Many of those web tools require the owner of a website to embed a small snippet of code into the website’s header or footer known as "HTML."

In this article, we will cover the basics on how to add "HTML" code or " how to embed" into your website builder tool from the Header or Footer as well as using the Element to embed code to a page.


Adding HTML Code to Website Builder (Header Or Footer):

To add a snippet of code into your website header or footer, you'll want to follow these steps:
  1. Login and Open your website builder so that you are on your main dashboard.

  2. Click the Manage button to the bottom left on your dashboard.

  3. Look for and select the Advanced option.

    User-added image

  4. A Settings Menu will appear where you can add snippets of code to the header or footer.

    - You can also hide your website from search engines during significant redesigns.
    - You can also add Add Site Titles & Meta Descriptions To Pages to improve your SEO performance.

    User-added image

    Once you are finished adding your snippets of code into the header or footer, click the Save button, and, you're done! The elements you embed should now display according to the code.


Adding HTML Code to Website Builder (Pages):

To add a snippet of code into your website page body, you'll first want to make sure your builder is upgraded to this feature otherwise you'll be met with a prompt asking you to do so.

Once you confirm your builder's features, you'll want to follow these steps to begin adding code to your pages:

  1. Login and Open your website builder so that you are on your main dashboard.

  2. Click the "Elements" button at the top left on your dashboard.

    User-added image

  3. Look for and select the HTML/Page Embed option.

    User-added image


    User-added image

  4. Once loaded, you will be back on your main designer screen, and you will see a new section added to your page that shows “</>Embed HTML” with a toolbar above.

  5. Pro Tip: The toolbar items are similar to other elements aside from the "Embed HTML" button.

  6. Once you click the "Embed HTML" button in the toolbar, you'll see the following pop-up appear.

    User-added image

    Once you are finished adding your snippets of code into the page section, click the "OK" button, and you're done! The elements you embed should now display according to the code.