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.
The override options doesn’t show. Is it possible to create symbols for Form blocks?
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!
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
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
Please let me know if this is helpful or if you have any additional questions.
I’m happy to help you further!