Your website’s contact page is more than just a way for visitors to reach you—it’s a critical touchpoint that can convert casual browsers into paying clients.
Your contact page is often the final step in a potential client’s decision-making process and is the most important one to convert users from a website browser to a customer lead. A well-designed, user-friendly contact page can make it easy for visitors to get in touch, and increase your businesses credibility, whilst a poorly designed one can frustrate users and lead to missed opportunities.
Having an optimised contact page can improve the impression your potential client has of your business, builds trust and credibility and increase the number of users who will fill out your form. So let’s dive into how to get you the best contact page possible …
Best practices for your contact form design and layout
The design and layout of your contact form can significantly impact how many enquiries you receive. Here are some best practices to keep in mind:
Keep It Simple and Focused
When it comes to contact forms, less is more. Ask only for the information you truly need. The more fields you add, the more intimidating the form can become, potentially deterring visitors from completing it.
Essential fields only: Typically, a name, email address, and a message field are all you need. If additional information is necessary, consider breaking it up into steps to avoid overwhelming the user.
Clear labels and instructions: Make sure each field is clearly labelled. If you need specific information, include brief instructions or examples.
Single column layout: A single-column form is easier to follow and more mobile-friendly, ensuring a better user experience on all devices.
Make It visually appealing
Your form should be designed to match the overall aesthetic of your website while still standing out enough to draw attention.
Use contrast: Ensure your submit button stands out by using a colour that contrasts with the rest of your page.
Whitespace: Don’t overcrowd your form. Use whitespace effectively to make your form easy on the eyes and guide users through the process.
Responsive design: Ensure your form looks good on both desktop and mobile devices. Test the form on different screen sizes to make sure it’s easy to fill out everywhere.
Creating and customising contact forms in Squarespace and Wix
Now that you know what makes a good contact form, let’s look at how you can create one in both Squarespace and Wix.
Setting up a contact form in Squarespace
Navigate to your contact page
Select ‘Add Block’ > ‘Form’
Add or remove fields as needed. Use the drag-and-drop interface to rearrange the order of fields into an order that makes sense for you and your users.
Link your form to an email address, Google Drive, or Mailchimp to store form submissions. If you’re just launching your website, or not expecting too many enquiries per day, linking to an email address can be a good start, but you may need to update this as your enquiry numbers grow.
Use the design tab to adjust colours, fonts, and spacing to match your brand.
Setting up a contact form in Wix
Go to the “Add” menu in your Wix Editor, then choose “Contact” and select a pre-designed form.
Click on the form to start customising. You can add, remove, or reorder fields as needed.
Ensure the form is connected to an email address so you can receive submissions.
Use the Wix Editor to change the form’s appearance, ensuring it aligns with your site’s design.
What title do you add to your contact form?
A generic ‘Contact Us’ title might get the job done, but a more engaging title can encourage more users to fill out the form. Creative and specific titles can spark curiosity or clearly convey the value of getting in touch, and can help your contact page to be more aligned to your users’ needs. Some examples of contact form titles we love are:
Ready to [your service]
Let’s tackle [your service] together
Need help? We’re just a message away
Get your FREE consultation today
Tell us about your vision
What else should you include on your contact page?
A contact form alone isn’t enough for most contact pages. Your contact page should also include additional information that helps build trust and makes it easier for clients to reach out – giving them alternate options to only being able to use your contact form. Examples of other things you could add to your contact page include:
Business information: Include your business address, phone number, and email address. This adds credibility and gives visitors multiple ways to contact you.
Location map: If you have a physical location, embedding a Google Map can be helpful, especially if you want to encourage people to come to your physical address.
FAQs: Address common questions to reduce the number of basic enquiries and provide quick answers.
Anything to encourage engagement: This is often the final stage of a user’s journey on your website, and some may need that extra little push to get in touch and sign up for your services. We recommend including a short, friendly message inviting visitors to get in touch, either above the form or within the page. And/ or, consider displaying client testimonials, awards, or certifications to build trust and give users any extra confidence they need to reach out to you.
Integrating contact forms
To maximise the efficiency of your contact forms, consider integrating them with your email marketing platform. Both Squarespace and Wix offer integrations with popular tools like Mailchimp, allowing you to automatically add new contacts to your mailing list.
Integrating with these tools can then allow you to set up automatic confirmation emails to acknowledge receipt of the enquiry. This reassures users that their message has been received and sets expectations for when they might hear back from you. It also sets you up for segmentation, allowing you to use the form data to segment your email list, and send more targeted campaigns based on the user’s interests or needs.
Analysing form data and performance
Finally, it’s important to regularly analyse your contact form’s performance to ensure it’s working effectively.
Key metrics to monitor:
Submission rate: Track how many visitors fill out and submit your form.
Abandonment rate: Monitor how many users start filling out the form but don’t complete it. This could indicate an issue with the form’s design or length.
Source of traffic: Identify which channels are driving the most form submissions (e.g., search engines, social media, or email campaigns).
Investing time in optimising your contact page = more enquiries!
Invest time in refining your contact page, and you’ll likely see an increase in the number of quality enquiries you receive, ultimately helping your service-based business grow. These tips should give you a great place to start on either creating or improving your contact form, but if you have any difficult with understanding or implementing these, then reach out to us for help. This means you can also check out our contact form and see if we are practicing what we preach at the same time!