Streaming live at 10am (PST)

Stylize Google Form Check Boxes Not working

I am attempting to stylize a google form, used the same tips and tricks following this thread Styling Google form on Webflow

But I still can not get checkboxes to work.

I even added the “data-value” custom attributes to the check boxes as @samliew mentioned and still nothing. I’m unsure if the name attribute I’ve assigned to my check boxes is correct because when I inspect the associated google form, all the check boxes inside the checkbox element have the same name at least from what I can tell.

This is on my TestDonate page, the box “What would you like for a donation Item?” in particular.

Preview: https://preview.webflow.com/preview/49th-state-brewing-company?utm_medium=preview_link&utm_source=designer&utm_content=49th-state-brewing-company&preview=345ccbee5781a78dfe473f14102cc485&pageId=5e0e422cdf64330f5b19b6eb&mode=preview

Actual: https://www.49statebrewing.com/testdonate

The google form itself: https://docs.google.com/forms/d/e/1FAIpQLSfg-N_yuFNP-_qfBQGQHkW9rd0Hh0oCcpEXo8g4ck_OsuJxOg/viewform

Picture of inspecting the google form checkbox, bottom highlight on right shows name field.

Picture of webflow checkbox settings utilizing the google name and that data-value:“Beer” custom attribute.

Here is my public share link: LINK
(how to access public share link)

I am having this same issue! I am trying to solve it now so will keep you updated.

1 Like

Hey, has anyone found a solution to this?

Hi @LOyster @DrNinjamonkey @smellsfunn !

Did you manage to get checkboxes to work with your Google Form? I’m also looking for a solution, I’ll keep you posted if I find the answer! :slightly_smiling_face:

Unfortunately no… could not find the support needed to solve this.

Thanks @LOyster for your answer.

I looked at https://www.49statebrewing.com/testdonate. Do you use a google form behind this form? because it looks like it works?

@AurelieBrebant
It submits most of the information properly, but the check boxes do not populate in the google form submission. It’s not an embedded google form if that’s what you meant, it’s a webflow form that has the fields mapped to the respective fields of a google form. You might be able to embed an actual google form and then stylize it with custom CSS in the Head area of the page properties, I haven’t gone to the trouble of trying that.