Use the input from the form for cms

Design help Data API
1

Hi,

  1. is it possible to get the input from a user that fill a form and create a new cms record automatically?
  2. is it possible to get the input from a user that fill a form and use it to a link of a button, for example, the user fills a phone number and when he submitted it will take him to the link will be sms://[phone number the entered]
Forward input field to another form
2

Hey,

I think the answer you are looking for is in this video it is within the first 18 minutes.
Webflow Workshop #64: A sneak peek into the Webflow CMS API - YouTube "

for you second question i dont have an answer but i will let you know when i think of one :slight_smile:

1 Like
3

thanks, do you know if it will work with image upload?

4

i think so,
When the cms api was just new i tried a few things but not sure if images are supported but i think so :smiley:
Good luck

Tonight i will ask my wife if she has a sollution for you phone number question :slight_smile:

5

you are awsome! thanks

6

Hi @argogiant
any solution?

7

$(‘.buttonclass’).on(‘click, touchstart’, function(){
var telNr = $(‘#telNrinputfield’).val();
window.location = ‘sms://’+telNr;
});

you’ll need to add jquery:

8

Yes, but you would likely need some back end logic. You could have a form submission webhook that triggers a new CMS item to be created using the CMS api. This would definitely require some development skills.

If I understand your question correctly, yes. If the place that you need to display the telephone number is on the same page as the form, then you could just get the input’s value with document.getElementById('phoneInput').value , otherwise if it’s on a second page you would probably need to pass the value over by using a URL query string like https://yoursite.com/nextpage?phone=123456789

Hope that helps.
Jason

1 Like
9

where do I need to put this row? where do I write it?
sorry for my poor knowledge on development (and my English haha)

10

This is custom code, so you would need to wrap it in script tags and put in somewhere in your site (like a script embed or in the page footer code).

When someone clicks the form submit button, this example function grabs the input value and prepopulates another text input with its value:

<script>
    document.getElementById('submitButton').addEventListener('click', prepopulateField);

    function prepopulateField() {
        var phoneNumber = document.getElementById('phoneInput').value;
        var newField = document.getElementById('newField');
        newField.value = phoneNumber;
    }
</script>

document.getElementByID('submitButton') is referencing the form submit button. You need to make sure that you set element IDs within the Webflow designer for this to work. I made a video series on setting up user auth with a Webflow site where I show how to do this, you might find it useful.

Jason

2 Likes
11

Dude, you saved me! Thanks

12

Hey guys, I am new to webflow and looking for a solution where if a person submits a form, he instantly receives a new SMS message from me.
Is there a way to do this? If yes, how?

Please see my read only link here:
https://preview.webflow.com/preview/saarathi?utm_medium=preview_link&utm_source=designer&utm_content=saarathi&preview=ecd542c1c4d76d186c26b9da552adcbb&mode=preview

I want to send SMS to people who enter their phone numbers in the form. Also, I dont know coding, please let me know the required solution for this.

Thank you.

13

Looks like there have been some really good suggestions so far, but…they were from some time ago. Since then there have been some easier ways of accomplishing this.

Wanted to chime in with a screencast walking through how to do exactly this with only Webflow and a free Integromat account, it’s fairly straight forward these days:

This is interesting :slightly_smiling_face: It may be possible by changing the redirect_url returned from Integromat (in the above screencast) to that SMS link instead.

If anyone stumbles on this and gives it a try, I’d love to hear if it worked! :nerd_face: