Vouch Embeds : Button

Step by step guide to creating an Button Embed

Steven Birchall avatar
Written by Steven Birchall
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 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:


Further Information

Did this answer your question?