Videos on your website can be a great way to introduce yourself or show examples of previous work to website visitors. This article will teach you how to add a video code to your GoSite website, and how to copy an embed code from both Youtube and Vimeo.

Before getting started, make sure you are logged into GoSite on a computer and have the website editor open. Not sure how to get to the website editor? Check out Accessing the GoSite Website Editor.

Note:

  • The GoSite website editor is currently only accessible from a computer. Edits cannot currently be made from the mobile app.

  • It is not currently possible to add videos to website banners.

  • If you would like to add a .mp4 video file to your website, send an email to [email protected] with the video file and specific instructions on where you would like the video to be added.


Table of Contents

  1. Embedding a Video Code Into the website editor: Step-by-step instructions

  2. Embedding a video code into the website editor: Video walk-through

  3. Copying the embed code for a Youtube Video

  4. Copying the embed code for a Vimeo Video


Embedding a Video Code Into the website: Step-by-step instructions

  1. Hover your mouse over the section where you would like the video to appear and click on the pencil icon.

  2. Find the "Code" button under the "Widgets" section on the left-hand side.

  3. Drag the “Code” widget button to your desired location in the section. A box with the words "Add your custom html" will appear where you dropped the widget.

  4. Click on "Add your custom html" to pull up the "Embed Code Settings" on the left-hand side.

  5. Paste the copied Vimeo or Youtube embed code into the box under "Paste Embed Code Here". There should be a preview of the video where it previously said "Add your custom html"

    Note: If there is a code already in the Paste Embed Code Here box, delete it before you paste your embed code.

  6. Your video has now been added. Make sure to press "Save" and then "Publish" to push your changes live!


Embedding a Video Code Into the GoSite Sites Editor: Video walk-through

Below is a video walkthrough of adding an embed code onto your GoSite Sites Editor. The embed code was copied from Vimeo prior to opening the GoSite Sites Editor.


Copying the embed code for a YouTube video

  1. Log in to Youtube.

  2. Navigate to the "Your Channel" page and upload the video you want to appear on your website.

  3. Play the uploaded video and right click on the middle of the video.

  4. Select “Copy Embed Code” from the drop-down list.

  5. Continue to Embedding a Video Code Into the GoSite Sites Editor for steps on how to add the copied embed code into your website.


Copying the embed code for a Vimeo video

  1. Log in to Vimeo.

  2. Click on the "New Video" button and upload the video you want to appear on your website.

  3. Go to the uploaded video and then click on the “Share” button in the upper right corner.

  4. Click on the “Copy Embed Code” from the drop-down list.

  5. Continue to Embedding a Video Code Into the GoSite Sites Editor for steps on how to add the copied embed code into your website.


Still need help?
Visit us at gosite.com to chat, or email us at [email protected].

Did this answer your question?