Can't override formblock

Hello! I’m trying to use a Symbol with a form inside but I can’t add overrides to that form in the symbol. I tried to create a nested Symbol with this form, but I still can’t override.

image

image

The override options doesn’t show. Is it possible to create symbols for Form blocks?


Here is my site Read-Only: Read-only project

Hi @Vitor_Cordeiro great question around building more dynamic forms with overrides in your site. At this time it’s not possible to perform overrides on native form elements in Webflow, yet.

You can create symbols out of form elements in a Webflow site, but I’m not sure I understand the desired end result.

Could you tell me a little bit more about which fields you’re trying to override, as well as what you’re hoping to achieve with the form, please? Thank you so much!

Hey Waldo! Thanks for the response. Right now, I just want to allow the editors to change the text from the form button.

1 Like

Thank you so much for following up @Vitor_Cordeiro

If the form button is different on each collection page, then you can do this with a little custom code to replace the button text.

Step 1: Style the submit button

Step 2: Publish your site and open it in the browser

Step 3: Open Inspector or DevTools and copy the code for the submit button

Shared with CloudApp

The code should look something like this if you’d rather copy and paste from below:
<input type="submit" value="Submit" data-wait="Please wait..." class="button w-button">

Step 4: Add an embed element underneath your existing submit button and use conditional visibility to display the embed element if you have a specific field in your collection (a text field) set, otherwise hide if it’s not set to always have a submit button

Step 5: Set the value attribute to pull text from your collection field

Shared with CloudApp

Please let me know if this is helpful or if you have any additional questions.
I’m happy to help you further!

1 Like