How to Add a Single Video to Your Website With Switcher

Switcher supports the ability to easily upload a single video and embed it directly on your website.

Note: To embed a video player with a playlist and the ability to livestream, check out the Switcher Player Overview article.

Jump to:

Requirements

  • Switcher Business, Business Plus, or Merchant plan
  • A website
  • A video to upload

How to Upload Your Video to Switcher

  • Go to the Switcher Dashboard.
  • Log into your account.
  • Click Video Library in the left sidebar.
  • Select Click to upload to library or drag and drop your file in the gray area.
  • Enter the video details.
    • Title
    • Description
    • Thumbnail (optional)
  • Click upload.

How to Access Your Video's Embed Code

  • Once the video has finished uploading and processing, locate it in your video library.
  • Click the share icon (arrow) next to the video.
  • Click Copy Embed Code.
  • Select the website editor you use from the list below to embed it onto your website.

How to Embed a Video on WebFlow

  • Go to your WebFlow page editor.
  • Click the plus icon in the top left to open the Add panel.
  • Click Embed.
  • Paste your video embed code.
  • Save and close the modal window.

How to Embed a Video on Wix

Wix requires the configuration of custom settings to embed a video on your website. This walkthrough covers every step to embed Switcher Player on a Wix website. If you would like assistance at any step of the process, please contact Switcher's support team at support@switcherstudio.com.


Add Switcher’s custom code to your website (required)

  • Go to your Wix page editor.
  • In the Tools & Settings section, select Custom Code.
  • Click Add Code below “Body - End”.
    • If you already have code here, click the ellipses and select Edit Code.
  • Paste the following code snippet in the “Paste Code Snippet Here” field.
<script src=“https://player.switcherstudio.com/embed.js”></script>
  • Select All Pages below “Add Code to Pages:”
  • Click Apply.

Note: This custom code allows Wix to utilize Switcher's video player. This code must be applied to the footer or “Body - End” of every web page. You will only need to complete these steps one time to add Switcher Players to your website.

Generate your custom Video Player URL (required)

  • Go to the Switcher Studio Dashboard.
  • Click Video Library in the left sidebar.
  • Select the video you would like to embed.
  • Click Copy Share Link.
  • Paste the share link in a notepad.
  • Copy the portion of the URL following the equal sign. For example, https://player.switcherstudio.com/watch?p=1df8a01f-ad4f-4e42-a74f-2b1eb89f03d2
  • Add the copied text to the end of the following URL.
https://player.switcherstudio.com/cms/wix?videoPlayerId=
  • The outcome will result in a custom video player URL that can be used when you embed the player on your Wix site. For example, "https://player.switcherstudio.com/cms/wix?videoPlayerId=1df8a01f-ad4f-4e42-a74f-2b1eb89f03d2". You will use your custom URL in the following steps.

Add the video player element to your Wix website

  • Go to your Wix page editor.
  • Click the plus icon on the left sidebar to open the “Add Elements” panel.
  • Go to Embed Code, then Popular Embeds, and click the plus icon next to “Custom element”.
  • Once the Custom Element has populated on the page, click Choose Source.
  • In the modal, select Server URL.
  • Paste your custom Switcher Server URL in the “Server URL” field.
  • Click Update.
  • Change the tag name to “switcher-player”.
    • Note: This is necessary for the embed code to work properly.
  • Close the modal and click Publish in the top-right corner.

How to Embed a Video on SquareSpace

  • Go to your Squarespace admin page.
  • Click Pages in the left sidebar.
  • Click the page you would like to use.
  • Click Edit in the top-left corner of the page preview.
  • Click Add Block.
  • Click Embed.
  • Click Code Snippet.
  • Click Embed Data.
  • Paste your embed code in the text field.
  • Hover over Done in the top-left corner and click Save.

Note: The preview page may display “Script Disabled”, but this only appears in the page editor. When you save the changes your video will appear.

How to Embed a Video on Shopify

  • Go to your Shopify admin page.
  • Click Online Store in the left sidebar.
  • Click Pages in the left sidebar.
  • Click the page you would like to add the video to.
  • Click <> in the top-right corner of the text editor.
  • Paste the video player embed code into the text editor.
  • Click Save in the bottom-right corner.

How to Embed a Video on WordPress

  • Tap Blue + icon (Toggle Block Inserter) in the top left corner

    Screenshot-2024-04-11-at-2-17-43-PM.png


  • Type "HTML" to locate "Custom HTML" block or scroll down to "Custom HTML" block

Screenshot-2024-04-11-at-2-21-28-PM.png


  • Click Preview to ensure that the video player has been properly embedded.
  • Be sure to click "Save" in the top right corner of Wordpress to ensure your changes are captured.