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 Popover 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 Popover from the top menu.
Configuring your Embed
Launch Mode
The Popover Embed is designed to load over the top of the page it has been embedded on. The first configuration option a brand has is to define whether or not the Embed should load in either it's minimised or maximised state.
Opened | Load Popover in expanded mode |
Minimised | Load Popover in minimised mode |
Popup Position Settings
The next set of configuration options for the Popover Embeds is to define whether it should load on either the left or right hand side of the screen, and how many pixels it should be from both the base of the screen and the side of the screen.
Left | Align the Popover Embed to the Left |
Right | Align the Popover Embed to the Right |
Side-Padding | Define Popover position on the X axis |
Bottom-Padding | Define Popover position on the Y axis |
Popup Display 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 Popover 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:
Orientation | Available Orientations:
|
Video Sizing | Choose to:
|
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:
|
Autoplay | 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: