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.

Embedding Claap videos directly in the tools your team already uses removes friction from sharing — viewers watch in context without navigating to a separate link. Whether you're dropping a walkthrough into a Jira ticket, sending an animated preview in an email, or publishing a demo on a webpage, embedding keeps your audience engaged where they already are.

You should already have:

Claap generates an iframe embed code you can paste into any webpage builder. Before copying the code, choose between two embed modes:

Step 1: Open the video you want to embed In your Claap workspace, open the claap you want to embed on your webpage.

Step 2: Open the embed options Click [Share], then click [Embed]. The embed panel opens with both embed mode options available.

Step 3: Select your embed mode Select [Responsive] or [Fixed]. If you select [Fixed], adjust the width and height values in the panel before proceeding.

Step 4: 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.

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.

Step 5: Open the video you want to share In your Claap workspace, open the claap you want to include in your email.

Step 6: Open the embed options Click [Share], then click [Embed].

Step 7: Copy the GIF thumbnail Click [Copy GIF Thumbnail]. The animated thumbnail link is now on your clipboard.

Step 8: 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.

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.

Step 9: 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.

Step 10: 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:

Step 11: 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.

Situation: A product manager has recorded a Claap walkthrough explaining a new feature's expected behavior and wants to attach it to the relevant Jira issue for the engineering team.

Goal: Embed the walkthrough directly in the Jira issue description so engineers can watch it without leaving Jira.

How they did it:

Result: Engineers see the embedded video directly in the Jira issue and can watch the walkthrough without switching tools.

Situation: A sales rep wants to include a product demo in a cold outreach email and needs it to stand out in the inbox.

Goal: Embed an animated preview of the demo in the email body so the recipient sees motion content before clicking.

How they did it:

Result: The recipient saw an animated preview of the demo in the email and clicked through to watch the full claap.