Skip to content

Install

Add AI chat to Carrd

A Carrd landing page can use MivoChat when its current plan and editor provide a custom code embed.

Check your Carrd plan for Embed availability, then add an Embed element set to Code with the MivoChat loader. Publish, allow the public origin, and test the live page; confirm the current Carrd plan features first.

Prefer to let your AI coding agent do it? Copy the agent prompt.

Installation steps

  1. 1

    Prepare

    Check Carrd's current plan details and editor for an Embed element that accepts Code; availability can depend on the plan.

  2. 2

    Configure

    Add an Embed element, choose Code, and paste the complete MivoChat script tag.

    <script src="https://mivochat.app/widget.js" data-site="YOUR_SITE_KEY" async></script>
  3. 3

    Publish

    Publish the Carrd site and add the final HTTPS hostname to MivoChat Allowed websites.

  4. 4

    Verify

    Open the public page outside the editor, confirm the launcher appears, and test a question from your website content.

Use a Code embed only when available

Carrd is built around one-page sites, so a Code Embed is often the simplest install when the account exposes that element. Check your Carrd plan and current feature list; do not upgrade based on an older screenshot or assume an Embed element is available on every plan.

Keep the complete script inside the Code embed and verify Carrd accepts it after saving. A text or Markdown element will show the tag to visitors but will not execute it.

Carrd's element placement controls the page layout, not the widget's own position. Keep the embed unobtrusive and confirm it does not add an unexpected blank section or push the main call to action below the fold.

<script src="https://mivochat.app/widget.js" data-site="YOUR_SITE_KEY" async></script>

Check the published page

Carrd's editor preview is not the final origin. Publish to the custom or Carrd hostname you plan to use, allow that exact origin, and test in a private window.

If the saved embed disappears or is sanitized, recheck current Carrd embed support and account permissions. Do not paste the tag into an unsupported field; use a support link to a chat-enabled page when code embeds are unavailable.

Before you change the setup

Who this is for
a Carrd site owner whose current account exposes a Code Embed element
What you need
Carrd editor access, a plan that exposes code embeds, and the public site key
Where it goes
an Embed element set to Code, if supported by the current Carrd plan
Watch out for
Do not assume every Carrd plan includes embeds; confirm current plan features before relying on the element

Test the support boundary

  • Does the published page source contain the loader?
  • Does the launcher appear on the final hostname?
  • Does an unsupported question reach the team?

Frequently asked questions

No Embed element is available

Check your Carrd plan and current feature list; use a visible link to a chat-enabled page if the plan lacks code embeds.

The tag displays on the page

Use an Embed element set to Code rather than a text element, then republish.

The editor shows chat but visitors do not

Test the published URL and approve that exact origin in MivoChat.

The published site has no loader

Confirm Carrd saved the code embed and inspect the generated page source before changing the snippet.

Keep exploring

The r3-final-a evaluation measured 95% answerability-tier accuracy on 224 questions; this is an evaluation result, not a guarantee. AI replies use Anthropic. See the method and results and subprocessors and data locations.

Try MivoChat on your support pages.

Start a 14-day trial, connect public pages, and test what gets answered or handed to your team. Check current paid billing status on pricing.