Vouch Embeds have been built in a manner so brands can manipulate the design of their respective Embeds without needing to log into the Vouch Platform.

This guide outlines the various parameters and CSS elements that can be edited per Embed type.

Inline Embed

The Vouch Inline Embed are designed to provide clients with a simple all-inclusive player than can easily be added to a website. Perfect to add to Case Studies and Testimonial pages.

Embed Parameters

The following Parameters are customisable in your Vouch Inline Embed.

Parameter

Description

Expected Value

vouchid

Vouch Responses

Vouch Short ID

showname

Show Customer Name

True / False

showlogo

Show Customer Logo

True / False

showcaption

Show Customer Caption

True / False

showcontrol

Show Video Playback Control

True / False

answeronly

Show Answer Only

True / False

delay

Question Delay

Number of seconds

autoplay

Autoplay Slideshow

True / False

CSS Elements

The following CSS Elements are customisable on your Vouch Inline Embed.

Style

Description

--vu-embed-inline-player-height

Height of the Player

--vu-embed-inline-player-width

Width of the Player

--vu-embed-inline-player-color

Question Text Colour

--vu-embed-inline-player-bg-color

Question Background Colour

--vu-embed-inline-player-control-color

Controller Button Colour

--vu-embed-inline-player-control-bg-color

Controller Background Colour

--vu-embed-inline-player-control-progress-color

Progress Colour

Jumbo Embed

The Vouch Jumbo Embed is designed to showcase your best Vouches in more detail, with a prominent player that clearly outlines the question and answer format of the Vouch videos.

Embed Parameters

The following Parameters are customisable in your Vouch Inline Embed.

Parameter

Description

Value Type

vouchid

Vouch Responses

Vouch Short ID

showname

Show Customer Name

True / False

showlogo

Show Customer Logo

True / False

showcaption

Show Customer Caption

True / False

showcontrol

Show Video Playback Control

True / False

autoplay

Autoplay Slideshow

True / False

CSS Elements

The following CSS Elements are customisable on your Vouch Jumbo Embed.

Style

Description

--vu-embed-jumbo-color

Question Panel Text Colour

--vu-embed-jumbo-bg-color

Question Panel Background Colour

--vu-embed-jumbo-control-color

Controller Button Colour

--vu-embed-jumbo-control-bg-color

Controller Background Colour

--vu-embed-jumbo-control-progress-color

Progress Colour

Popover Embed

The Vouch Popup Embed allows clients to add a floating Vouch player to the bottom corner of their website.

Embed Parameters

The following Parameters are customisable in your Vouch Popover Embed.

Parameter

Description

Value Type

vouchid

Vouch Responses

Vouch Short ID

showname

Show Customer Name

True / False

showlogo

Show Customer Logo

True / False

showcaption

Show Customer Caption

True / False

showcontrol

Show Video Playback Control

True / False

answeronly

Show Answer Only

True / False

delay

Question Delay

True / False

autoplay

Autoplay Slideshow

True / False

align

Popover Align

Left / Right

minimised

Minimise Player

True / False

vertical

Vertical Padding

Number of Pixels

horizontal

Horizontal Padding

Number of Pixels

CSS Elements

The following CSS Elements are customisable on your Vouch Popover Embed.

Style

Description

--vu-embed-popover-color

Popover Player Text Colour

--vu-embed-popover-position

Popover Player Position

--vu-embed-popover-bg-color

Popover Player Background Colour

--vu-embed-popover-control-color

Controller Button Colour

--vu-embed-popover-control-bg-color

Controller Background Colour

--vu-embed-popover-control-progress-color

Progress Colour


Further Information

  • Embed Types

  • Frequently Asked Questions about Embeds

  • Dynamically create Embeds

Did this answer your question?