How do I add a button or link that opens Carti?

Yes — any button or link on your storefront can open the Carti chat. There is nothing extra to install beyond the Carti app, and it works on every page where your storefront widget loads.

The quickest way: a link

Point any link at #carti-open:

<a href="#carti-open">Chat with us</a>

When a shopper clicks it, Carti opens instead of jumping anywhere. If the page's scripts have not finished loading yet, the link simply does nothing — a safe no-op — so it can never break your page.

Any element: the data-carti-open attribute

For a <button>, an icon, or any element that is not a link, add data-carti-open:

<button data-carti-open>Ask a question</button>

Both approaches do the same thing — use whichever matches the element you already have.

Optional — open with a message ready to send

Add data-carti-prompt to start the conversation with a specific question. This is great for tailoring the entry point to the page it sits on:

<a href="#carti-open" data-carti-prompt="I have a question about sizing.">
  Ask about sizing
</a>

Optional — label where the click came from

If you place several of these around your store, add data-carti-entry to tag the source in your Carti analytics:

<a href="#carti-open"
   data-carti-prompt="Help me find a gift."
   data-carti-entry="homepage_hero">
  Find the perfect gift
</a>

Where to put it

• Theme editor: add a Custom Liquid block (or an HTML / custom section) and paste one of the snippets above.
• An existing button: many theme button blocks have a Link field — set it to #carti-open.
• Theme code: add the attribute to any element directly in your .liquid templates.

No settings to toggle and no separate install — just the attribute, and you are done.