Ability to set links as type SMS

Hi, i have a simple question, there is any way to make a SMS link, like this:

tx!

Hi @inovu, at the moment, the link types that are built in do not include the sms type. I have converted this post a Wish List item.

Looking at the page you referenced, it seems the html link is:

<a href="sms:1-408-555-1212">New SMS Message</a>

This link can be added as a html snippet to the page, in the location you need it, by using an embed widget: http://help.webflow.com/faq/how-to-use-the-embed-widget-to-add-custom-code-to-a-webpage

I hope this helps!

1 Like

Absolutely true if you need just to have a recipient number filled in. If you want to also have a body (message) filled, things are getting complicated a little bit.

iOS 8+:

<a class="w-button" href="sms:1-408-555-1212&body=This is a test message.">Send SMS to me!</a>

For Android:

<a class="w-button" href="sms:1-234-567-8901?body=This is a text message">Send SMS to me!</a>

It would be wise to define with JavaScript if the device agent (the device the user is browsing from) is an Android or iOS device and show a proper src value. Also you should cover the case if user is coming from neither of those mobile devices and then simply not show the button.

You can see how this works at the test page I made: http://sms-test.webflow.io/
Also in case you want to play around here is the preview link: https://preview.webflow.com/preview/sms-test?preview=9972bbaafcad153ce4b9ad5d76b517e7

Good luck! :slight_smile:

3 Likes