Add a Click-to-Call feature to a message

Updated 9 months ago by Cris Villar

There are a couple of options if you want to set a click-to-call link in your landbot. Learn how!

To create a click-2-call, all you need to do is add some {html} to your regular Send a Message blocks.
  1. You can add this snippet to a Send a Message block to create a hyperlink to a phone number:

    {html}<a href="tel:<strong>phone_number</strong>"><strong>Text of the link</strong></a>{/html}

    Example

    {html}<a href="tel:<strong><a href="tel:(303)%20499-7111" value="+13034997111" target="_blank" data-mt-detrack-inspected="true">+1-303-499-7111</a></strong>"><strong>Call us</strong></a>{/html}

    It will look like this on the builder (you can click on the HTML icon to automatically generate HTML tags):


    And like this for your visitors:



  2. Or, you can give it some style so it looks like a button inside the message and not just a link by adding this snippet:

    {html}<div class="menu-button hu-color_light hu-background-color_accent hu-border-color_accent-dark hu-background-color_accent-light_hover"><a target="_blank" style="color:white;text-decoration:none;text-align:center;" href="tel:<strong>phone_number</strong>"><strong>Text of the button</strong></a></div>{/html}

    Example:

    {html}<div class="menu-button hu-color_light hu-background-color_accent hu-border-color_accent-dark hu-background-color_accent-light_hover"><a target="_blank" style="color:white;text-decoration:none;text-align:center;" href="tel:<strong><a href="tel:(303)%20499-7111" value="+13034997111" target="_blank" data-mt-detrack-inspected="true">+1-303-499-7111</a></strong>"><strong>CALL</strong></a></div>{/html}

    This will look like this:


Happy calling!   🙌


How did we do?