Are you tired of missing out on potential clients because your website doesn't have a contact form? Do you want to make it easy for people to get in touch with you? Look no further! In this post, we'll show you how to add a contact form to your Wix website in 10 easy steps.
Step 1: Log in to Your Wix Account
First, log in to your Wix account and navigate to your website's dashboard. In the dashboard, click the edit button to start designing in the Wix editor.
Step 2: Click the "Add" button in the left-hand elements bar
In the left corner of your dashboard, click on the "Add" button. This will open up a menu with various options. Choose "Contact & Forms."
Step 3: Choose a Form Template
Wix offers a range of pre-designed form templates. Browse through the options and select one that matches your brand style. You can always customize it later!
Step 4: Customize Your Form Fields
Now it's time to customize your form! Click on the form you want to customize and choose "Add new field" to add items to your form. You can choose from various field types, such as text, dropdown, checkbox, and more! To remove an item click on the section in the form and hit delete to remove the field. Drag the items and stretch them to how wide or long you want them in your form.
Step 5: Customize Colors & Fonts in the Form
Want to customize the design of your form? Click on the three dots at the top right corner of the form editor and select "Design." You can change colors, fonts, and backgrounds to match your brand style!
Step 6: Set Up Form Validation
Form validation helps ensure that users enter valid information and notifies them when they have not completed a required field or have filled out a field incorrectly. When this happens the errored section will be highlighted in the form based on how you customized the error field colors.
Click on the the field within the form that you'd like to make a required field (designated by * mark) or turn off a required field setting. Choose "Edit Field"
A box will pop up with text input settings. Scroll down until you get to the validations section. Check the option for required or uncheck this option to make it a optional field.
Exit the box.
Step 7: Connecting Your Form to Your Email
Click on the "Form Settings" icon at the top of the form editor.
In the "Settings" menu, click on "Email Notifications".
Enter the email address you want to receive form submission notifications
Every time a form is submitted on your website you will receive a notification of a new form submission at the email address input in the notifications section.
Step 8: Sending Users to Another Page or Showing a Success Message
Click on the "Form Settings" icon at the top of the form editor.
A box will pop up with a list of options
Choose submit message and select one of the following options for the action to take place after the form is submitted. The options inclde: + Show a success message + Redirect to another page on your website or lightbox + Link to external URL + Show link to file download
Step 9: Test Your Form
Finally, test your form by submitting information in it and sending it to yourself. This will help ensure the form is working properly and you can catch any errors or problems. Make sure everything is working correctly, and you're ready to go live!
Regularly review and update your form as your business evolves, or if you find that you need more specific details or want to improve its performance.
Get to Know the Biz
