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 Button 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 Button from the top menu.
Configuring your Embed
Button 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.
For the Button Embed, brands have the opportunity to customise not only the launch button, but the Embed itself. Under the button setting, the following configuration options are available:
Button Text | Text displayed in Button |
Font Size | Size of the Text on Button |
Font Weight | Boldness of the Text on Button |
Horizontal Padding | Space above and below Button Text |
Vertical Padding | Space left and right Button Text |
Button : Background Color | Background Color for Button at rest |
Button : Text Color | Text Color for the Button at rest |
Button : Border Color | Outline Color for the Button at rest. |
Hover : Background Color | Background Color for Button on hover |
Hover : Text Color | Text Color for the Button on hover |
Hover : Border Color | Outline Color for the Button on hover |
Display Settings
The Button Embed modal is based on the Dialogue embed. The customisation options available include:
Customised Display Name | Overwrite default Display name |
Show Captions | Display Transcription Captions |
Primary Color | Background Color for Embed Tile |
Secondary Color | Text Color for Embed Tile |
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 | |
Autoplay | Auto Play the Video |
Define what questions to show | |
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. The Button Embed offers only one Embed type, the Standard Embed.
For more specific guides on how to add the Vouch Embed to you website, click on one of the guides below: