back to Main Site
back to Publisher Guides

Embed Recast onto your website

Last updated:
October 10, 2024

Recast now offer a video and payment solution for your own website, where Publishers can monetise their on-demand and live stream content by embedding Recast into their website via a Recast widget.

Enabling your Recast widget for your channel

Creating a widget

To create a new Recast video widget on your website select ‘Widgets’ on the left-hand menu in your Recast for Business account.

Creating a widget

Then press ‘Create New’ at the top right of the screen to add a new widget. Any widgets you have created previously will be listed here.

Step 1: Enter the widget details

  • Add a ‘Widget name’: This is for your own reference and should give a clear description of what the widget is for or the type of content that will be placed in it. This will help you easily identify it later in your widgets list.
  • Add a ‘Widget heading’: This is the text that will be displayed above your videos on your site. You can leave this blank if you don’t want to display anything.
  • My content / other brands content: You can choose to create a widget from content on your own Recast channel or if you are an affiliate of another channel(s), then you can create a widget using their content. To be added as an affiliate of another channel please contact partnersupport@recast.tv.
  • Full channel view: This allows you to create widget that shows all the content published to your/an affiliate's channel. This will include the channel's title, logo, cover image, and available channel passes. The content on this widget can be reordered using the arrange content feature in Recast Publish
  • Create with selected videos & events: Selecting this option takes you to step 2 in the create widget flow where you can choose specific content to include in you widget

Then press ‘Next’ to continue

Step 2: Content

  • On-demand / live: A widget can only contain one type of content; you can choose between Live Streams or On-demand content. If you want to have multiple content types on your website you can create multiple widgets.
  • Select videos: You can choose all videos, a custom selection, or videos from a specific category. You can include between 1 to 50 videos when selecting a specific set of videos.
  • Order videos: You can choose how to order your videos on the widget.
  • Date: For on-demand content, you can sort by ‘Latest’. This will show your videos by their publish date and for Live streams you can sort by ‘Start time’.
  • Popularity: For both on-demand and Live streams you can also sort by ‘Popularity’. This is based on the number of recent purchases each video has.

Then press ‘Next’ to move to the next stage.

Step 3: Style

You can apply your own custom styles to your widget. Use the colour picker or type in the hexcode of the colour you want to apply.

  • Background colour: This will change the background colour of the widget container.
  • Accent colour: This will change the date text on the video details page.
  • Heading Font Colour: This will change the colour of the widget heading text that will display above the videos.
  • Video Title Colour: This will change the colour of the text displaying the video titles.
  • Meta Colour: This will change the colour of the supporting text.

You can also change the font that is displayed on the widget by typing the font family name into the text fields. For this to work correctly:

  • The font name must already function on your site as we won’t load in any new fonts.
  • The name needs to match exactly the font used on your site.

Then press ‘Next’ to move to the next stage.

Step 3: Style

As shown below, the styles selected will apply to the widget when it’s added on your website.

Step 4: Copy the code

You will now be provided with the code that needs to be embedded onto your website. Press ‘Copy to clipboard’ to copy the code.

Then press ‘Finish’ to save the widget.

Step 4: Copy the code

Step 5: Adding a widget to your website

You can copy the widget code either when creating the widget, or you can return to the list view and press to view the code. You can then copy from there.

The code provided is in two parts. There is the iFrame code which will be the container for your videos and the Javascript code which will allow it to function properly. These should both be placed together on your website where you want to display the videos.

The widget will fill the full width of the container it is placed in.

How your Users can purchase and watch your content

  • Sign up and Log in: Users can sign up to Recast without leaving your site either by interacting with videos or pressing the sign up button at the top of the widget. Fans who have already signed up to Recast will be able to log in and will have access to all their previously purchased content.
  • Top up and purchase: Users will be able to top up their wallet balance and purchase videos without leaving your site by either interacting with videos or pressing the wallet balance at the top of the widget.
  • Earning credits: If Users want to be able to earn credits they will be able to do this by inviting friends to sign up and watch content on Recast.
  • Watching videos: Users will now be able to watch live streams and on-demand videos directly on your site.