Adding Promo Video Maker to Smart Builder

Follow

Are you looking to add intro videos, testimonial videos, product demos, video ads, or more directly onto your landing page?

Add a video from Promo to your landing page to boost engagement and drive more conversions.

This article will explain how to embed a Promo video onto your landing page. 

What You'll Need:

  • A Promo.com account with a video you've created on the platform. 

Installing the Promo Video Maker App

  1. Navigate to the Apps tab on the left-hand side of Smart Builder.
  2. Search and locate the Promo Video Maker App.
  3. Click the plus button next to Promo Video Maker to install the app.
  4. You may see a pop-up that appears, explaining that this App is swappable, like so:
    A pop-up on top of Smart Builder explaining that this App is swappable.

See our documentation to learn more about swappable elements: Swapping Elements in Smart Builder

Once you've installed the App, you can apply it to the landing page.

Adding a Promo Video Element to Your Page

Now that you've installed the app, you can add a video into Smart Builder, by replacing a current element on the page with a Promo video instead. 

  1. Single-click an element on the page & click the Change Element icon. A pop-up will appear.
  2. Within the drop-down menu, scroll down and select Promo Video from the list (under the Media tab).
  3. A Promo video placeholder will appear on your page:
    Gif demo of user changing an image element to Promo video instead.

Importing a Video from Promo

Next, you will need to copy your Promo video URL. 

  1. Navigate to the editor of your video in Promo.
  2. Click the Save & Preview button at the bottom-left corner of Promo; the page that appears provides you with different embed and share options.
  3. Select the Get video option.
  4. A pop-up will appear with the share link. Copy the link provided:
    A link for the Promo video in a pop-up window.

The video link will look something like this: https://promo.com/share/1234567890987654321.

Back in Smart Builder, locate the Promo video element and follow the steps below.

  1. Single-click the Promo Video placeholder, and click the gear icon on the bottom-left. A small window will appear with the Add Promo Video setting.
  2. In the Promo.com URL field, paste the URL of your Promo video:
    Annotated image of Promo Video settings pop-up.
  3. Adjust the Playback Settings to your liking:
    • Autoplay: The video will automatically play once your visitors land on the page.
    • Loop Video: The video will continue to play again (i.e., loop) after it ends. 
  4. Click anywhere outside of the window, and the video will load in Smart Builder:
    Gif demo of a user pasting the Promo Video embed code; the video appears in Smart Builder.

And that's it!

To test out the video in real-time, Preview your page, or publish it to test the live version. 

Preview Promo Video in Smart Builder.

Be sure to Save and Publish your landing page to finalize these changes.