Embed Claap videos on webpages, email, and third-party platforms
Learning Objective
By the end of this tutorial, you'll know how to embed Claap videos on webpages using responsive or fixed embed codes, share them as animated thumbnails in email, and enable automatic embedding across platforms like Jira, GitHub, Slack, and Asana.
Prerequisites
You should already have:
A Claap workspace with at least one recorded video
The Claap Chrome extension installed (required for platform auto-embedding)
Access to the webpage builder, email client, or third-party platform where you want to embed
Embed a Claap video on a webpage
Claap generates an iframe embed code you can paste into any webpage builder. Before copying the code, choose between two embed modes:
Responsive embed : the video player scales automatically to fit the container it's placed in, preserving the original aspect ratio. To resize the player, adjust the parent container in your webpage builder. You cannot change dimensions inside the embed code itself.
Fixed embed : you set the width and height values before pasting. Use dimensions that match your video's original aspect ratio to avoid letterboxing.
Open the video you want to embed In your Claap workspace, open the claap you want to embed on your webpage.
Open the embed options Click [Share], then click [Embed]. The embed panel opens with both embed mode options available.
Select your embed mode Select [Responsive] or [Fixed]. If you select [Fixed], adjust the width and height values in the panel before proceeding.
Copy the embed code Click [Copy embed code]. The iframe code is now on your clipboard. Paste it into your webpage builder where you want the video to appear.
Verify: The video plays natively in your webpage without redirecting to Claap.
Share a Claap video as an animated thumbnail in email
When embedding in email, Claap uses a GIF thumbnail instead of an iframe most email clients don't support video playback. The GIF links back to the full Claap video, so recipients can watch with one click.
Open the video you want to share In your Claap workspace, open the claap you want to include in your email.
Open the embed options Click [Share], then click [Embed].
Copy the GIF thumbnail Click [Copy GIF Thumbnail]. The animated thumbnail link is now on your clipboard.
Paste into your email Paste the link into the body of your email message. The claap video thumbnail renders as an animated GIF for your recipient.
Verify: Your email shows an animated GIF preview with the claap title visible beneath it.
Auto-embed Claap videos on third-party platforms
The Claap Chrome extension enables automatic embedding across popular project management, customer support, and collaboration tools. When you paste a Claap link into a supported platform, the extension either embeds the Claap player directly or renders an animated GIF depending on what that platform supports.
In both cases, the claap title appears below the embed and links to the full video.
Copy your Claap video link In your Claap workspace, open the claap you want to share. Copy the claap link from your browser's address bar.
Paste the link into the supported platform Navigate to the supported platform and paste the claap link into the relevant input field. The platform automatically renders the embed or GIF.
Supported platforms and embed locations:
Platform | Where embedding works |
Asana | Threads |
ClickUp | Replies and new reply input |
Intercom | Discussions and new/edit reply inputs |
Jira | Issue descriptions, replies, and new/edit reply inputs |
Trello | Card descriptions, replies, and new reply input |
GitHub | Issue descriptions, replies, and new/edit reply inputs |
GitLab | Issue descriptions, replies, and new/edit reply inputs |
Linear | Issue descriptions, comments, and new/edit comment inputs |
Gmail | New email text input (GIF only) |
Manage auto-embed settings You can turn auto-embedding on or off per platform from the Claap Chrome extension. Click the settings icon in the Chrome extension and toggle the embed options on or off.
