> ## Documentation Index
> Fetch the complete documentation index at: https://docs.chatsyncs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add Clickable CTA Buttons in ChatSyncs

> How to add a clickable CTA URL Button to a WhatsApp message in ChatSyncs — in a flow or template — so a tap opens a website instead of a text reply.

In ChatSyncs, a **CTA (Call-to-Action) button** is a tappable button on a WhatsApp message that
opens a website — unlike a reply button, which just sends text back to the bot.

**Example:** A message says "Your order has shipped!" with a button labeled **Track Order**.
Tapping it opens the tracking page directly — no copying a link, no typing.

## Add one in a Keyword Replies flow

<Frame>
  <img src="https://mintcdn.com/chatsyncs/XjclbddfdJGRoc9R/images/learn/automation-cta-buttons/step-01-cta-url-button-block.png?fit=max&auto=format&n=XjclbddfdJGRoc9R&q=85&s=cdea76f689eb3465fc589981cdb9eecf" alt="Keyword Replies flow canvas with the flow blocks panel open, CTA URL Button highlighted under Interactive in both the sidebar and the block-picker dropdown attached to a Button flow node" width="1901" height="806" data-path="images/learn/automation-cta-buttons/step-01-cta-url-button-block.png" />
</Frame>

<Steps>
  <Step title="Open the flow blocks panel">
    On the flow canvas, drag a connector out from wherever the button should appear (e.g. after
    a Button or Reply node) to open the list of components you can chain next.
  </Step>

  <Step title="Choose CTA URL Button">
    Select **CTA URL Button** under the **Interactive** section.
  </Step>

  <Step title="Configure the button">
    <Frame>
      <img src="https://mintcdn.com/chatsyncs/XjclbddfdJGRoc9R/images/learn/automation-cta-buttons/step-02-configure-cta-url-button.png?fit=max&auto=format&n=XjclbddfdJGRoc9R&q=85&s=6ac3ac1fc3a337dc4a3960f92e285c79" alt="Configure CTA URL Button panel with a Call to Action Button section showing Button Text set to Open Website and Button URL set to https://www.chatsyncs.com/" width="1902" height="808" data-path="images/learn/automation-cta-buttons/step-02-configure-cta-url-button.png" />
    </Frame>

    Under **Call to Action Button**, set:

    * **Button Text** — what the button says, e.g. `Open Website`.
    * **Button URL** — the page it opens, e.g. `https://www.chatsyncs.com/`.
  </Step>

  <Step title="Save">
    The button appears in the message preview, and the flow's **CTA URL Button** node tracks
    **Sent**, **Delivered**, **Subscribers**, and **Errors** once it's live.
  </Step>
</Steps>

## Add one in a Message Template

The [Message Template builder](/learn/chatsyncs-message-templates/creating-a-whatsapp-message-template-in-chatsyncs) has a **Call To Action** button type
(e.g. `Visit Website`, `Call Now`, `Book Demo`) for adding the same kind of button to an approved
template message.

## Frequently asked

<AccordionGroup>
  <Accordion title="What's the difference between a CTA button and a Quick Reply button?">
    A CTA button opens a website URL when tapped. A Quick Reply button sends text back to your
    bot instead — see [How to Create a Keyword-Based WhatsApp Chatbot](/learn/chatsyncs-automation/create-a-keyword-based-whatsapp-chatbot-in-chatsyncs) for
    building flows with either.
  </Accordion>

  <Accordion title="Can I add a CTA button to a template message, not just a live chat reply?">
    Yes — the [Message Template builder](/learn/chatsyncs-message-templates/creating-a-whatsapp-message-template-in-chatsyncs) has a **Call To Action**
    button field for exactly this.
  </Accordion>

  <Accordion title="How do I know if customers are actually clicking the button?">
    The CTA URL Button node on the flow canvas tracks **Sent**, **Delivered**, **Subscribers**,
    and **Errors** counts once the flow is live.
  </Accordion>
</AccordionGroup>