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

Embedding External Sites as a Section

This content only applies to Gator Website Builder hosting plans which are accessible by going to app.gator.com.

For more articles, check out the HostGator Gator Website Builder category
or directly access the Gator Knowledge Base.


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 or + Sections tab from the left.
    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.
    User-added image
You now have a section seamlessly integrating a 3rd party website into your own!