Recorder Embeds provides an opportunity for brands to collect authentic and engaging Video content on their website using the Vouch Public Recorder.
Vouch currently offers two different Embed types for it’s Recorder, these are:
Button Embed
Inline Embed
The following guide outlines how to create an Embed for your Vouch Campaign and implement it onto your website.
Create a Recorder Embed
To create a Recorder Embed for your Vouch Campaign, simply navigate to the Campaign Request you have created and load up the details page.
On the right hand side of the details page under the header, Share to Collect Responses, simply click on the Embed recorder button to load the Embed editor.
At the top of the Embed editor, you will be presented with the option to alternate between the Button and Inline Recorder Embed options.
Button Recorder Embed
The Button Recorder Embed allows for brands to add a simple button to their website which will then load the Vouch Recorder in a modal. The modal will inherit any customisations applied to the Campaign already, including what pages to display, colours and any cover videos or messages.
The customisation options offered for the Button Recorder Embed are:
Button Text | Define how curved / square GIF edges are |
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 |
The Embed Code for the Button Recorder is a simple Javascript snippet, which will handle both rendering the Button and generating the Modal for the Recorder.
Inline Recorder Embed
The Inline Recorder Embed allows for brands to render the Vouch Recorder within an iFrame on their website. The Recorder will inherit any customisations applied to the Campaign already, including what pages to display, colours and any cover videos or messages.
As it is a simple iFrame, inheriting from the Campaign Settings, there are no customisation options on the Inline Embed.
The Embed Code for the Inline Recorder is a simple HTML snippet which will render an iFrame on the brand’s website.