To add a form to your website:
Add a Form Block:
Go to the block library and select one of the available form blocks.
Edit Form Fields:
Click on the form block and navigate to the Layers panel. Here are the options you can customize:
Hide/Unhide Fields: Choose which fields to display or hide.
Required Fields: Make a field mandatory by unhiding the “Required value” element.
Invalid Format State: Define the text shown for invalid input by unhiding the “Invalid pattern” element and editing it directly on the canvas.
Character Limits: Set minimum and maximum character lengths for input fields by unhiding and editing the “Min length” and “Max length” elements.
Submit Button: Customize the “Submit” button’s appearance and text.
Success and Error Messages: Define the messages shown after form submission by unhiding and editing the “Success message” and “Error
Message” elements.
Edit Text Content:
You can rewrite the text for all the elements mentioned above. If you need help, Muse can assist with copywriting. Simply click on the text, then hit the “Lightning” button to open Muse with your element pre-selected.
Connect to Formspark:
Our form blocks are integrated with Formspark, which collects responses. To enable this, ensure you have a Formspark account.
Click on the Form element in the Layers panel.
In the right-side panel, find “Connect to Formspark.”
Open a new or existing form in Formspark, copy the Form ID, and paste it into the provided field.
Check out the video below to watch how a contact form can be added and edited on your website. 👇