I’m working on a Form Submission where I want to retrieve phone numbers from users, but I want to store additional data on that submission. For example, I want to pair the phone number with a link, like so: [link]/[phone number]. This would be helpful to integrate a ‘Contact via Whatsapp’ where the link would look something like: https://wa.me/[phone number]. This would be stored in the CMS collection and then I can use this link as a Call to Action that would redirect them to start a WhatsApp conversation.
Hey Andres, everything your describing sounds very simple and straightfoward. It’s not clear where you’re running into issues or what you’ve tried?
You’ll also want to share a readonly link to your project so we can see the part you’re having problems with.
One other thing I’m not clear on in your description- is why would you want the user to call themselves? If you are wanting them to be able to connect to you, you’d want your phone number in that link. Also, you’d probably want to create that link in your user interface and not in the CMS, though both are valid options.
As realtors sign up to our site, they will input their individual phone numbers, which will be stored in a collection item, under a ‘Realtors/Users’ collection. They will be given permission to publish their listings, which will be stored under a new collection that stores all listings.
In a nutshell, there will be an ‘All Listings’ page where potential buyers will be able to scout different properties from different realtors. In this case, I’m creating a CMS Card Item that contains the info of the property, and I want to include a WhatsApp button so that they buyer can click on it and automatically contact the realtor to which the property pertains to. For this, I’m thinking the easiest solution will be to add a custom HTML above the WhatsApp button that essentially uses the https://wa.me/ link but adds the phone number from the realtor from the collection, which would look something like this: https://wa.me/(phone number from collection).
FYI, I’m currently building this in Webflow, so there’s nothing I can share. Here is a link of a platform that does exactly that: https://mipleis.com/search?p=&propertyType=Terrenos
Each property in this link is from a different realtor, and if I click on different WhatsApp links, they all will contact different realtors, so that is exactly what I’m trying to accomplish here.
@choreus I see that you have built a button using an HTML embedd. Is there a way to just apply the link to an actual button by placing the HTML on top? I’m not a developer, so I wouldn’t know how to style the button if it’s custom HTML.
In your collection you can either store the full WA link in a URL field, e.g. http://wa.me/2398472398
Which will allow you to just bind it to any link or button.
Or you can store just the number itself ( no punctuation or spaces )
and then construct your link in an HTML Embed.
What do you mean by “it won’t work?” What happens?
What I can see in your screenshot looks right.
I have no idea which page of your site you’re doing this on, so I can’t check for you. But the most likely issue is that the resulting number is malformed or missing digits.
If you can’t figure it out, tell us which page you’re actually implementing this on, and share the published page link as well so we can see what you’re generating.
Ideally, when I click the button, it should redirect me to open a WhatsApp chat, the same thing as if you were to click this link right now: Share on WhatsApp. However, when I click the Whatsapp button it does nothing.
