Should be fine to but there is a bit of scripting involved.
You’re invoking the modal as an interaction which means that to do this, you’ll want to bind a second click event listener to your button. jQuery is the easiest way.
If you can bind your button text to the Service name, you can keep it pretty tight;
Create a hidden input element in your form, let’s ID it service
This way, clicking the button will populate a hidden field with the appropriate service name. Submitting the form will carry that through. If they are then on the same page, and click another button, the same thing will happen with that new next.
Thanks so much for the guidance, much appreciated. This is a bit above my development experience but I think I am close.
I can see that the jQuery is collecting the service name (still not passing it though)
I can submit the form
I can see a column named ‘service’ in the collected form
As mentioned, the service is still not populating within the submitted forms data. As you can see I can’t seem to separate the code (I’ve left it visible) which returns the ‘service names’ as they all now appear on the form at the same time. I think if I limit them I will only get the first service name with each button.
It may just be my lack of understanding with what order to place things or something basic like that.
you’ll need to read up a bit on jquery to make the selector adjustments you need
button text needs to contain the service name you want to display
form needs a hidden field to insert it into
If you’re really not familiar with coding and don’t want to research those details, I do programming work, PM me if you’d like to book an hour or two. This is a small piece though, you should be able to work out the details with what I’ve given and a bit of google time
Something you think would be straight forward in webflow but is not unfortunately.
The only issue for my particular situation is that changing the button names to match the service names makes the design a bit cumbersome and repetitive.