How to create forms with the form block

Forms allow your customers to get in touch, sign up for newsletters, or request custom quotes directly from your website. On WooShop, you use the Form block to build these without needing any extra plugins or coding knowledge.

How to set up your form

1. Add the Form block: Open the editor on the page where you want the form. Click the + icon or type /form and select the Form block.
2. Select a starting template: You’ll be prompted to choose a layout, such as a basic contact form or a newsletter sign-up. This saves time by pre-loading common fields like Name and Email.
3. Customize fields: Click on any field within the form to change its label, placeholder text, or make it a "Required" field. To add a new field, click the + icon inside the form container and choose a field type (like Text, Checkbox, or Dropdown).
4. Configure Form Settings: With the main Form block selected, look at the right-hand sidebar. Under Actions After Submit, decide what happens when a customer clicks "Send." Most users choose Email and Redirect (to send them to a "Thank You" page).
5. Set your notification email: In the sidebar, open the Email Settings tab. Enter the email address where you want to receive submissions. You can also customize the subject line so you know exactly which form the message came from.
6. Style the button: Click the submit button to change the text (e.g., from "Submit" to "Send Message") and adjust the colors to match your brand.
7. Save and test: Hit Update or Publish on your page. Always visit the live page and send a test submission to ensure the email arrives in your inbox.

Practical uses for your shop

• General Inquiries: A simple contact form on your "About" or "Contact" page for customer questions.
• Wholesale Requests: Use dropdowns and checkboxes to let other businesses apply to sell your products.
• Restaurant Reservations: Add date and time pickers to a form so customers can request a table.
• Service Bookings: If you offer consultations, use a form to collect specific details before you meet.

Troubleshooting common issues

I’m not receiving the notification emails.
Check your "From Email" in the Form settings. It should usually be an email address associated with your domain (e.g., [email protected]) rather than a personal Gmail address, which can often be flagged as spam by mail servers.

The form looks cramped on mobile.
The Form block is responsive by default, but if you have multiple columns, check the Field Style settings in the sidebar. You can set fields to be 100% width on mobile devices to ensure they are easy to tap.

I’m getting a lot of spam submissions.
Enable the "Honeypot" feature in the Form block settings. This is a hidden field that bots fill out but humans can’t see; if it’s filled, the form won’t send. For more protection, you can connect a Google ReCaptcha key in the site settings.

Summary

The Form block is the most direct way to open a line of communication with your customers. By choosing a template, setting your notification email, and testing the flow, you can have a working contact system ready in minutes.

Next steps:

• How to create a custom Thank You page
• Connecting your forms to an email marketing list
• Styling buttons and inputs globally