Can you embed an interactive demo in Carrd?

Only on a paid plan -- the Embed element is a Pro feature and there is no free-tier workaround. On the free tier, a screenshot linked to the hosted demo works well and often performs better on a one-pager anyway.

Should I embed or link the demo on a Carrd page?

On a one-pager, a link often wins. An embed takes a large share of a page that only has room for a few elements, whereas a screenshot with a clear button keeps the page focused.

Where should the demo go on a Carrd landing page?

Below the headline and value proposition, not at the very top, so the page explains what the product is before demonstrating it. Check it on a phone, since Carrd traffic skews heavily mobile.

← Back to blog

How to Add an Interactive Demo to Carrd

August 19, 2026

Carrd is the fastest way to put a landing page up, and it is a common choice for a first product page or a launch.

It also has real constraints, and knowing them before you design the page saves an afternoon.

Embedding requires a paid plan

Carrd's Embed element is a Pro feature. If you are on the free tier there is no way to put an iframe on the page, and no workaround worth attempting.

The subscription is inexpensive and it is still worth asking whether you need it, because the alternative on Carrd is genuinely good.

The alternative is a button, and it is fine

A Carrd page is short by nature. A screenshot of the product with a prominent "See it working -- 60 seconds, no signup" button gets people to the demo without an embed at all.

On a one-pager this often performs better than embedding, because an embed takes a large share of a page that only has room for a few things.

If you do embed

Add an Embed element, choose the code option, and paste your iframe.
Set `width: 100%` and an aspect ratio. Carrd containers are narrow, and a fixed width will overflow.
Put it below your headline and value proposition, not at the very top, so the page still explains itself before it demonstrates.
Check it on a phone. Carrd traffic skews heavily mobile, especially from launch posts and social.

Launch pages have a specific job

If this Carrd page is for a launch, the visitor arrived from a post and has seconds of patience. The demo should be your shortest one, and the page should ask for one thing.

A page with an embedded demo, an email form, a feature list and three links asks for four things and gets none of them.

Frequently asked questions

Can you embed an interactive demo in Carrd?: Only on a paid plan -- the Embed element is a Pro feature and there is no free-tier workaround. On the free tier, a screenshot linked to the hosted demo works well and often performs better on a one-pager anyway.
Should I embed or link the demo on a Carrd page?: On a one-pager, a link often wins. An embed takes a large share of a page that only has room for a few elements, whereas a screenshot with a clear button keeps the page focused.
Where should the demo go on a Carrd landing page?: Below the headline and value proposition, not at the very top, so the page explains what the product is before demonstrating it. Check it on a phone, since Carrd traffic skews heavily mobile.

Keep reading

This is what Demorta does

Click through it — the same kind of demo you can record of your own product.

Try it on your own product

Record your first interactive demo free.

Five demos on the free plan, forever. No credit card, no trial countdown, no sales call. Install the Chrome extension, click through your product once, and you have a shareable link in about ten minutes.

Start free →