Vouch Embeds : Inline Player

Step by step guide to creating an Inline Embed

Updated over a week ago

Vouch Embeds provides the quickest and easiest way to showcase your best responses across your Digital Properties in just a few clicks.

Vouch offers eight Embed types for all users, Inline Player, Popover, Jumbo, Dialogue, Button, GIF, Email and Card. The following guide shows outlines the steps involved in creating an Inline Player embed type.

Creating your Embed

To create your first Embed simply navigate to the relevant Vouch Response, Recording, Upload or Playlist you wish to embed and load up the details page.

From the details page, click on the Embed option located within the share section on the right hand menu.

This will load up the Embed Editor where you can select Inline Player from the top menu.

Configuring your Embed

Inline Player Settings

Brands are provided a series of configuration options for each Embed type, allowing them to optimise the appearance and functionality of the Embed to best suit their preferences.

The Inline Player Embed offers the following Configuration options:

Customised Display Name

Overwrite default Display name

Show Customer Name

Display Customer Name

Show Customer Logo

Display Company Logo + Name

Show Captions

Display Transcription Captions

Show Playback Controls

Display Play / Pause and Next / Previous

Primary Color

Background color for Card

Secondary Color

Question and Caption text color for Card

Orientation Settings

The orientation customisation options available include:


Render to fill available space.


Available Orientations:

  • Portrait (9:16)

  • Landscape (16:9)

  • Square (1:1)

Video Sizing

Choose to:

  • Crop & Centre video to fit

  • Preserve aspect ratio & letterbox

Playback Mode

The Playback Mode configuration options allow for a brand to define what Questions they wish to include on the respective Embed or not and if the embed auto-plays.

Define what questions to show

Question Settings

Select to Display:

  • Questions & Answers as a sequence

  • Answers as a sequence


Auto Play the Video

Embedding on your Website

Once you have finished configuring the Embed within the Editor, the only remaining step in the process is to add the Embed to your website. Vouch offers two ways to embed your Vouch Embed. These are:

  • iFrame Embed

  • Standard Embed

The Standard Embed is the recommended approach for clients as it will natively render your play on the page which you have added it. The iFrame Embed is designed for implementations within other applications or on websites that do not support Javascript.

The iFrame Embed link can also be used on any service which support oEmbed.

For more specific guides on how to add the Vouch Embed to you website, click on one of the guides below:

For more specific guides on how to add the Vouch Embed to a specific application, click on one of the guides below:

Further Information

Did this answer your question?