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. First, 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 embedded within other websites
For example, this is a secure URL:
Secured URL
 
This is not a secure URL:
Not a Secured URL
  1. Once you have your URL you will want to launch your website editor.
    launch your website editor
  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.
    Add Section
  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.
    Choose Embed URL
  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.
    Navigate to the Settings Panel
  5. In the window that opens, paste your URL into the entry area, then click Save.
    paste your URL into the entry area
  6. If your URL is compatible, you will now see the site embedded as a section.
    If your URL is compatible, you will now see the site embedded as a section
  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.
    Save and Publish
You now have a section seamlessly integrating a 3rd party website into your own!