I am seeking code that will allow phone numbers provided by the chatbot to be clickable links to either text or call. Is this possible?

Hey there, @PeterC :wave: Sina is absolutely right, it’s enough to ask the bot in the Instruction to display phone numbers as link. Please try it out and let us know if it worked for you :slightly_smiling_face: By the way, if you’d like to change the color of the links, this CSS code might be help…

Sina and Max, thank you! Very helpful. Any suggestions to tell the Chatbot to only link phone numbers for Mobile View? I’ve worded the instructions in many different ways with no success.

I’ll discuss it with the devs and let you know once they respond :slightly_smiling_face:

Please try to use this code in the Custom CSS field on the General tab of your widget’s settings and let me know if it helped: @media (min-width: 540px) { [class*="widget-window__MessagesContainer-sc"] a[href^="tel:"] { text-decoration: none; color: inherit !important; pointer-events:…

@Max Crazy, there’s nothing that can’t be done. Instead of blood, you have CSS code in your veins. :flushed: :face_with_peeking_eye: A valuable combination to archive in CSS/AI chat..

@Max The link is still there, but the text-decoration makes it less obvious.

Oh, I see, thanks! I’ll discuss with the devs if it’s possible to make the numbers unclickable :slightly_smiling_face:

hmmm. perhaps ?? pointer-events: 'none' !important; not work with :hover @media (min-width: 540px) { [class*="widget-window__MessagesContainer-sc"] a[href^="tel:"] { text-decoration: none; color: inherit !important; pointer-events: 'none' !important; } [class*="widget-window__…

Interesting workaround, thanks for sharing! Let’s wait for the devs response and see how to achieve this without cursor “not allowed” :slightly_smiling_face:

Code to make Phone Numbers serve as links

Ask the Community General Questions

Sina (Sina) March 28, 2025, 9:10am 2

Hi @PeterC

insert this Text at the Instructions

Display the phone number as a link

The bot then creates the following link tel:0123xxxx

Please try it out and let me know if you like the result

Topic		Replies	Views
AI Chatbot: How to open the SMS messenger on phone number click Elfsight Widgets Tips ai-chatbot	1	58	April 25, 2025
Add a button caption with part of the text linking to a phone number Customization pricing-table	6	49	December 4, 2024
Display phone number next to WhatsApp icon Appointment Booking	0	35	October 16, 2024
Tel: HTML link Event Calendar Released	3	156	October 11, 2022
Link text on the call to action button to WhatsApp WhatsApp Chat Released	2	235	October 23, 2023

Code to make Phone Numbers serve as links

Related topics