How To Embed Vimeo Videos In Clickfunnels Professionally

Vimeo video in Clickfunnels

In this article, you’ll learn how you can embed Vimeo videos to your funnels built in Clickfunnels so they look professional. This will also let you use autoplay for the videos and add custom overlays. And all of this in as little as a few minutes and without dealing with custom code!

A great example of how your Vimeo video will look in the end is the video in the Traffic Secrets funnel.

Embed Vimeo video in Clickfunnels

What’s the difference between the simple Vimeo embedding and the one we’ll use?

  • Instead of having a regular Vimeo placeholder image, you actually see the video auto-playing.
  • You can use overlays and a different play button. Only once a user clicks on Play, it’ll restart the video and allow them to watch it.
  • The video is looped so your if you have a short video, people won’t see a random end screen even before they watch the video.

If you have the required skills, you can add some custom code to make your Vimeo videos look like this. The easiest and fastest way though would be to use CF Power Scripts.

CF Power Scripts is a #1 add-on for Clickfunnels which lets you integrate additional features to your funnels that Clickfunnels doesn’t offer by default.

To embed the Vimeo video in Clickfunnels and give them a nice and professional look you’ll need to use CF Vimeo Pro script.

CF Vimeo Pro Power Script will let you insert your Vimeo videos as shown in the example above without dealing with custom code.

Additionally you’ll be able to show and/or hide content on your funnel step, once your visitor watched the entire video.

Unlike the solution provided by CF Pro Tools the CF Vimeo Pro script works with multiple Vimeo videos on the same funnel step.

Embed Your Vimeo Videos In Clickfunnels

Let’s go straight to it and see how you can set everything up! You can either watch the step-by-step video or to keep reading the post.

Step 1: Adding CF Vimeo Pro Script To The Funnel

  • Log in to your CF Power Scripts account and head to the Power Scripts tab.
  • Select the funnel and the funnel step where you want to add the script.
  • Click on the icon next to the page name and open the page in the page editor.
    Note: if you’re running a split test, you’ll see both page variations listed and you’ll need to apply the script to both pages.

Step 2: Changing Settings In Clickfunnels

  • Click on the video element to open its settings.
  • Select Vimeo in the Video Type field and enter the Vimeo video ID (NOT the video URL!) which you can find at the end of the video URL.
  • Open the CSS Info by clicking on the hashtag icon.
Video settings in Clickfunnels
  • In the Title field enter cfps-vm-pro-VIDEO ID. Click Update and save the changes.
    This is required so the script works properly when you embed the same Vimeo video in different spots in Clickfunnels or if you want to add multiple Vimeo videos to the same page but don’t want to apply the script to all of them.
  • If you want to add an overlay with a custom Play button, you’ll need to use the following variation of the title: cfps-vm-pro-pb-VIDEO ID. Click Update and save the changes.
CSS Info of the video element
CSS Info of the video element

Step 3: Changing Settings For The CF Vimeo Pro Script

  • Head back to CF Power Scripts and click Add New.
  • Choose the CF Vimeo Pro script from the list.

The only thing that is left to do is to define the settings for the script.

  • First, you can choose if you want to disable the player interaction on the page. If you choose “Yes” the visitors of your page won’t be able to interact with the play bar, fast forward or pause the video, or adjust the volume.
  • The next setting is for the text that shows up in the top left corner of the video saying “Click to turn on sound”.

    You can either enter a text of your choice (even in another language) or enter the URL to an image of your choice. On top of that, you can change the color of the text, background, and icon.
  • At last, you can choose a Play button and set a color for it or enter the URL to an image of your choice starting with https://
  • After you chose the right settings click Add Script.

Show/Hide Elements Once Your Visitors Watch The Entire Video

With the help of CF Vimeo Pro not only can you embed videos in Clickfunnels but also hide or show elements, sections, or rows only when people watched the whole video.

Here’s how you can do it:

  • Go back to the Clickfunnels page editor.
  • Create elements that you want to show or hide.
  • Go to the settings of the element by clicking on it. Open the CSS Info by clicking on the hashtag icon.
  • Change the title to cfps-hide-for-vm-VIDEO ID.
    It means that once a visitor watched the video completely, the element will disappear.
  • If you want to show the element after the video is played, use the following title: cfps-show-for-vm-VIDEO ID.

That’s all you need to do to embed Vimeo videos in Clickfunnels so they autoplay and look professional. Thanks to CF Power Scripts you can do it in as little as a few minutes.

Not only can you put the video on autoplay and use custom overlays, but also show/hide elements once visitors watched the whole video.

It’s only one of the scripts that CF Power Scripts offers to its users! Check out other scripts to integrate additional features to your funnels and make them even more powerful.

How To Embed Vimeo Videos In Clickfunnels F.A.Q.

How to embed Vimeo videos in Clickfunnels?

If you want your Vimeo video look professional and autoplay when added to Clickfunnels, the best way to achieve it is to use CF Power Scripts.
Not only will you be able to put the video on autoplay and use custom overlays, but also show/hide elements once visitors watched the whole video.

How to autoplay Vimeo videos in Clickfunnels?

If you want your Vimeo video autoplay in your funnel and start playing from the beginning when a visitor clicks on it, the best way to achieve it is to use CF Power Scripts.
Not only will you be able to put the video on autoplay and use custom overlays, but also show/hide elements once visitors watched the whole video.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.