How to embed a claap video

Drive more views by sharing your video on your webpage or by email.

Thomas Hernandez avatar
Written by Thomas Hernandez
Updated over a week ago

Bring Claap anywhere with our embed modes. From webpage embeds, to email or anywhere you work, we've got you covered.

Embed on a webpage

Let your claap video play natively within your webpage with our embed code.

There are two options to embed a claap video: responsive and fixed.

Responsive embed

Responsive claap videos will automatically adjust to fit a specific screen or window size. This means the player will adjust to the dimensions of the container where it's placed, all while preserving your video's original aspect ratio.

If you wish to change the size of the player iframe, you’ll need to adjust the parent container in your webpage. You cannot adjust the dimensions inside the embed code itself.

Fixed embed

When choosing a fixed embed, you decide the dimensions of your claap video.

Adjust the width and height values before pasting the code into your webpage builder. We recommend using dimensions that yield the same aspect ratio as your original file.

Instructions

  1. Open the claap you wish to embed

  2. Click on Share

  3. Click on Embed

  4. Select size: responsive or fixed

  5. Click on copy embed code

Embed on email

You can also share your claap video as an animated thumbnail in the body of your email. Here's how it works:

  1. Open the video you'd like to share, click Share, and select Embed.

  2. Click Copy GIF Thumbnail to add it to your clipboard.

  3. Past the link into your email message and your claap video thumbnail will display as a gif.

Embed on popular platforms

You can also automatically embed a claap video on popular platforms like Github, JIRA, Slack, Asana and others.

Depending on the platform, the claap player will be embedded or we will show a GIF of the claap instead. This is dependent if the platform supports our embed code. In both cases (embed or GIF), we put the title of the claap just below, directing to the claap, so that the user can click.

To embed a claap video, simply grab the claap link as shown above and paste in where it is supported:

You can find which platforms we support and the expected behavior here:

  • Asana: in threads

  • ClickUp: in replies + new reply input

  • Intercom: in the discussions + new/edit reply inputs

  • JIRA: In the issue descriptions, replies and new/edit reply inputs

  • Trello: In card descriptions, replies, and new reply input

  • Github: in the issue descriptions, replies, and new/edit reply inputs

  • Gitlab: in the issue descriptions, replies, and new/edit reply inputs

  • Linear: in the issue descriptions, comments, and new/edit comment inputs

  • Gmail: in the “new email” text input (GIF only)

You can activate or deactivate Claap embed modes directly from your Chrome extension. Click on the setting icon and toggle those options on/off:

If you're looking at how to integrate claap with Notion or Slack, check these articles:


💡Still got questions? Don't be shy — Ask the Community or get in touch with Claap support, we're here to help!


Did this answer your question?