Requests - Embed recorder
Recorder Embeds provides an opportunity for brands to collect authentic and engaging Video content on their website using the 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 Request and implement it onto your website.
Create a Recorder Embed
To create an embed for your Request, simply navigate to the Request you have created and load up the details page.
To access, either click the Share button on the top right hand side of the request, or the share button next to your public access URL.
From the list, click embed recorder.
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 request 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.
To generate the embed code, simply click on the generate embed code button in the bottom right.
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 request already, including what pages to display, colours and any cover videos or messages.
As it is a simple iFrame, inheriting from the request settings, there are no customisation options on the inline embed.
To generate the embed code, simply click on the generate embed code button in the bottom right.
