Adding Vocal Video Embed Codes to Your Site

Every Vocal Video embed code, for a video, a video card or a gallery, is a short piece of HTML that you paste into your website. This guide shows where to paste it on the most common website builders.

To get an embed code, see How to Share and Embed Videos, Video Cards and Featured Quotes or Video Galleries: the Complete Guide.

In this article:

Where to Paste the Embed Code

Because the embed code is HTML, you need to paste it into an area of your website or CMS that accepts custom HTML. The exact steps depend on the platform you use.

WordPress

If you use self-hosted WordPress or managed WordPress hosting, add a Custom HTML block and paste the Vocal Video embed code into that block.

The WordPress block inserter with the 'Custom HTML' block highlighted

WordPress.com may restrict iframes in some plans. If your embed does not display on WordPress.com, contact WordPress support or reach out to us at support@vocalvideo.com.

A WordPress page with a Custom HTML block in Preview mode showing the embedded Vocal Video player

Squarespace

In Squarespace, add a Code Block to the page and paste the Vocal Video embed code into the block.

A Squarespace Code Block containing the Vocal Video embed code, with scripts disabled in the editor and the video player visible

Wix

In Wix, add a custom HTML element or embed element, then paste the Vocal Video embed code into that element.

The Wix Add Elements panel with 'Embed Code' selected and the 'Embed HTML' option highlighted under Popular Embeds

The Wix HTML Settings panel with 'Code' selected and the Vocal Video embed code pasted in, next to the embedded player on the page

Webflow

In Webflow, add an Embed element where you want the video to appear, then paste the Vocal Video embed code into the element.

The Webflow HTML Embed Code Editor, where embed code is pasted into the Custom Code field before clicking 'Save & Close'

Shopify

You can add Vocal Video embeds to Shopify themes, product pages, content pages, or blog posts.

  • To add a video to a theme, edit the appropriate Liquid template and paste the embed code where you want the video to appear.
  • To add a video to a page, blog post, or product description, open the editor's HTML/source view and paste the embed code there.

The Shopify theme editor with a Custom Liquid section holding the Vocal Video embed code and the video player showing in the page preview

The Shopify page editor with the 'Show HTML' button highlighted in the Content toolbar

HubSpot

In HubSpot, add the embed code through a rich text module or an HTML/embed option, depending on the page type and editor you are using.

The HubSpot 'Add to page' panel showing the Media modules, including the 'Video' module

For the most predictable results, use HubSpot's option to embed external media with an embed code.

The HubSpot Video module set to 'Embed code' with the Vocal Video embed code pasted in and the player showing on the page

Leadpages

In Leadpages, paste the Vocal Video embed code into an HTML widget.

The Leadpages Widgets panel with the 'HTML' widget circled

ConvertKit

In ConvertKit, paste the Vocal Video embed code into an HTML block on your landing page or form.

The ConvertKit content block menu with the 'HTML Block' option listed

Ghost

In Ghost, paste the Vocal Video embed code into an HTML block in the post or page editor.

The Ghost editor's card menu with the 'HTML' card highlighted

A Ghost post with the Vocal Video player embedded below the title

Other Platforms

If your platform is not listed here, look for an option to add custom HTML, embed code, iframe code, or a code block. Most website builders and content management systems support this.

If you have questions, contact us at support@vocalvideo.com.

After You Embed

Embeds update automatically: when you edit and republish a video, or add videos to a gallery, every page it's embedded on shows the change. You never need to replace the embed code.

If you want to measure engagement from embedded videos, see How to Capture Analytics with Vocal Video Embeds. For SEO-related settings, see Video Visibility & SEO Settings and How Our Video SEO Features Can Boost Your Rankings.

When you embed your videos publicly, tag @vocalvideo on social media or send us the page. We love seeing where customers use their videos.