# Add a feedback widget to a Carrd landing page

> Add an embed element to your Carrd page, paste the widget script into it, then publish. Carrd sites often collect pre-launch feedback, so the hosted feedback page link works well as a fallback for plans without embed code.

Source: https://escutaproduto.com/resources/feedback-widget-carrd
Last updated: 2026-10-09

## Why a Carrd page suits a feedback widget

A Carrd site is usually one landing page, sometimes before a product exists. The early visitors on that page are the people most able to tell you what is confusing. A feedback widget lets them say so from the page itself, without an email client or a separate survey.

Carrd does not let you change every part of the page's code, but it has an embed element for custom HTML. That element is where the widget lives. It is available on plans that allow custom code, so check your plan first. If embed code is not available, the hosted feedback page gives you the same result with a plain link.

## Add the widget with an embed element

In the Carrd editor, add an embed element to your page, choose the code option, and paste the script tag from your product's install page:

```html
<script src="https://escutaproduto.com/widget.js" data-key="pk_your_product_key" defer></script>
```

The script draws its floating button on the page, so the embed box itself can stay empty. Place the element near the bottom of the page, where an empty block is least noticeable. Publish, then open the live page in a private window and look for the Feedback button in the corner.

Carrd shows your edits in the editor, but visitors see only what you publish. Make a habit of testing the live URL after every change.

## Collect pre-launch feedback

Before launch, use the feedback types to learn different things. Bugs show where a form breaks or a link goes nowhere. Ideas show what visitors expect the product to do. Praise tells you which line of copy is already working, so you can keep it when you revise the page.

Set the product's statuses to match your stage. Planned means you intend to act, closed means you read it and decided against it, and done means it is in the product. A one-page launch project can run on new and closed alone, but the statuses help you keep the list manageable.

Pre-launch feedback also tends to come from people who are interested enough to visit. Reply to the ones who left an email, and say what you changed because of their message.

## Use the hosted page as a fallback

Some Carrd plans will not run the embed code, and some landing pages are better served by a button than a floating widget. The hosted feedback page works on any Carrd page, because it is just a link:

```text
https://escutaproduto.com/f/your-product-slug
```

Add a button element in Carrd that points to that address. Add ?lang=pt or ?lang=en when you want the form in Portuguese or English. If you already know a visitor's email, for example from a waitlist, add it with the email parameter so the field is filled in.

The hosted page is not indexed by search engines, so it is safe for feedback you do not want in public results. It uses your product's accent color, so it looks like part of the same project.

## Check the published page on a phone

Carrd pages are often built mobile-first, and a floating button in the corner can cover a call to action on a small screen. Open the live page on a phone and check the bottom corner. If the button is in the way, move it to the other side with the position option set to left.

If you want no floating button at all, add data-trigger="none" to the snippet, then place a button in the Carrd layout that carries the data-escuta-open attribute. The value selects the type, such as bug or idea.

## One product key for every Carrd page

Each Carrd site you run for one product can share the same product key. Every page then sends feedback to one product inbox, which keeps your launch, docs and pricing feedback together. The saved page URL shows which page a message came from, so you still know whether a bug is on the homepage or a sign-up page.

If you run unrelated landing pages, give each its own product in Escuta Produto. Then their inboxes, statuses and notifications stay separate.

## How Carrd feedback shows up in Escuta Produto

Messages arrive in the product's inbox with the page URL, browser and country added automatically. Filter by type, search for a word that many visitors used, and set statuses as you decide. Internal notes keep your reasoning private.

For fast replies, connect a Slack or Discord webhook. Each new item posts its type, rating, sender, an excerpt and a link to the dashboard. Replies go from your own email, because Escuta Produto does not send messages to customers for you.

## If the button does not show

Start by confirming the page is published, since Carrd visitors only see the saved public version. Open the live URL in a private window and look at the corner of the screen.

If it is still missing, check the embed element. Make sure the code is pasted in the code option and that the script tag is complete, with the data-key attribute and the closing tag. A pasted fragment often comes from copying only part of the snippet.

Then check the browser console for a blocked script or a policy error. Ad blockers sometimes block widgets by name, so test with extensions turned off. Finally, check allowed origins. Requests from a domain that is not on the list fail with a 403 response, which means the button shows but messages do not arrive.

## Related

- Widget options such as position and trigger are in the [widget docs](/docs/widget).
- The link-based option is in the [hosted page docs](/docs/hosted-page).
- For a different builder with an embed approach, read [Add a feedback widget to a Framer site](/resources/feedback-widget-framer).
- To understand the collect step, read [What is a feedback inbox?](/resources/what-is-a-feedback-inbox).

## Frequently asked questions

### Can I add a feedback widget to a Carrd page?

Yes, with an embed element that holds the script tag, if your plan allows custom code. Without that, add a button that links to your hosted feedback page. That route needs no code and works on any Carrd page.

### Is feedback before launch worth collecting?

Yes. Early visitors often point out confusing copy or a broken link that you no longer notice. Use bugs and praise to learn what works on the page, and use ideas to see what people expect before you build.

### Will the widget cover my call to action on a phone?

It can, because the floating button sits in a corner. Move it with the position option set to left, or turn the floating button off and add your own button with the data-escuta-open attribute next to your call to action.

### Can one product collect feedback from several Carrd pages?

Yes. Use the same product key on each page so all feedback lands in one inbox. The page URL saved with each message shows which page it came from, so you can still tell a homepage bug from a sign-up page problem.