Send Collection Item Data (like Name, Slug or anything else) with your form field submit

Community resources Show & Tell
1

My friend Meodai just gave me a super tip to customize form fields within a collection item for this specific collection item.

My Case
My client wants to have an event collection where people can sign up for this event. This form field should be sent to a google sheet for further use. (Send Event-Details etc.)

So I set up a Collection for this event. Made a section for the sign up with a form block.
Added a hidden form field with the embed component into this form block.

00

and just copied the hidden field parameters in:
<input type="hidden" id="custId" name="custId" value="3487">

and changed the id and the name to “topic” could also be anything else that’s up to you.
and now did some webflow magic. I added the collection field “name” as a value. (top right bottom)

20
201630×1322 163 KB

Afterwards i connected my form field to zapier and my designated google sheet.

And Boom. Everything worked as expected.

13 Likes
2

Waow this is so simple! Very cool, very useful, thanks for the detailed how-to :slight_smile:

I had clients who were making their products’ landing pages as static pages — when they could have been automatized with CMS — because they wanted custom info in each page’s form. Such custom data can easily be handled by your technique.

4 Likes
3

Yes! Love this trick :slight_smile: used it on a gallery site I developed to customize a contact form on each artwork that is for sale, so it sends info on which artwork is being inquired about. Client was thrilled.

1 Like
4

This is something I love to do especially with dynamic content since I can use the embed component to pass along variables from the cms item. For instance I can pass along IDs I need in Zapier to do lookups on other connected platforms and then update those items.

Pro Tip: if you already have the Webflow CMS Item ID as a field in the CMS, you can pass that along too which is needed if you want to update that same CMS item. Giving you app like functionality from form buttons to trigger live changes on the site.

3 Likes
5

Also, this! :smiley:

3 Likes
6

thanks for sharing. it’s a lot of zip zap going on. Pretty impressive how you keep track on this while explaining it to the meetup!

It’s good to know that you guys at webflow work in a similar manner as I do.

Especially I like that you also use a regular div instead of the pre defined container as a container. I would use the Webflow Container, if i could just change it’s max-width inside the designer.

My students always get super confused, when I explain this (in the very beginning of my web design course). Because in all the tutorials in webflow’s university you use the wf-container.

7

@rileyrichter you mention a tool in the video above at 27:44 called ‘Mac’ (sp?). Do you have a link to that all, please? Can’t find it any search. Thank you muchly.

8

This is exactly my use-case! :slight_smile: :slight_smile: Good to know it works fine.

9

Hi Guys,

I know this is an old thread but I am trying to replicate what you have said above, I have a collection list with the checkbox element added to each collection item for the user to select the item, I have then added the html embed with the hidden input tag into the form block.

When the user selects the collection item and then submits the form only the first collection item is ever shown as being selected from the hidden input field. Any ideas would be really appreciated.

Regards

Chris