1. Knowledge Base
  2. >
  3. Embedding External Sites as a Section

Embedding External Sites as a Section

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.

Being able to embed an external webpage within your site is a great way to seamlessly integrate 3rd party tools into your website, such as reservations, food and event registration. 
  1. To begin, you will want to copy a secure URL of a compatible site that starts with HTTPS. Some websites will not have a security certificate or SSL or be restricted from being embed within other websites
For example, this is a secure URL:
User-added image
 
This is not a secure URL:
User-added image
  1. Once you have your URL you will want to launch your website editor.
    User-added image
  2. Navigate to the page that you would like to add the section to, and between any 2 sections click the + Add Section icon.
    User-added image
  3. From the left, choose the Embed URL category and then click the design in the panel to the right to add the section to the page.
    User-added image
  4. Now that you have the section on your site, navigate to the Settings Panel on the right side of the screen and under Iframe URL click the sample URL to open the entry window.
    User-added image
  5. In the window that opens, paste your URL into the entry area then click Save.
    User-added image
  6. If your URL is compatible you will now see the site embedded as a section.
    User-added image
  7. Finally, for your section to go live on your website, you will always want to Save and Publish using the button at the top of the editor.
You now have a section seamlessly integrating a 3rd party website into your own!