Or go to our Shopify Theme Detector directly
How To Add Contact Information To Shopify
Last modified: November 10, 2023
Customers like to know that they can contact you if they have any questions, problems or want to have some advice. Therefore, they want you to add your contact details to your website. All Shopify themes have an option that allows for a quick built-in contact form to be added to any store.
These are fairly easy to add to a ‘Contact’ page. And on these pages you can add other information like email addresses, physical addresses, telephone numbers, social media accounts and more. You can also have a live chat function added to your website, but this is different to your contact information.
To create a ‘Contact’ page with all the important information, follow these instructions.
| # | Name | Image | |
|---|---|---|---|
| 1 |
|
Powerful Contact Form Builder
|
|
| 2 |
|
Sticky Floating Contact Form
|
|
| 3 |
|
Easy Contact Form
|
|
| 4 |
|
Improved Contact Form
|
|
| 5 |
|
Free Contact Form
|
|
| 6 |
|
Form Builder | Mailchimp Forms
|
|
| 7 |
|
Contact Us Form with Captcha
|
|
| 8 |
|
Form Builder ‑ Contact Form
|
|
| 9 |
|
Contact Us Form ‑ Contact Form
|
|
| 10 |
|
Form Builder with File Upload Highlights
|
|
| 11 |
|
Easy Contact Form Builder
|
|
| 12 |
|
Contact Form ‑ Contact Us Form
|
|
|
Show More
|
|||
Step 1 – Login
The first step is to login to your Shopify admin page.
Step 2 – Create A Page
Now you need to create a new page by going to ‘Online Store’ and then ‘Pages’. On this menu, you should find and click on the option that says ‘Add Page’.
Step 3 – Page Title
Give your page a title, like ‘Contact Us’ or ‘Speak to us’.
Step 4 – Contact Information
Now you can add your contact information. You can make certain aspects of the contact information interactive. For instance, you could have a Facebook and Twitter button that takes the visitor directly to your product/business page on the respective social media channels.
For the email address, it is best that you don’t add your email address in the clear like [email protected]. This is often scraped by bots for use in spamming campaigns. Instead, you want to have a generic title like ‘Email Our Support Team’ and then use a link creator to add in this code:
Mailto:[email protected]
Replacing the [email protected] with your email address. This is harder for bots to scrape.
Step 5 – Add Contact Form
Now you should add the contact form. This can be done by simply changing the template of the page from page to page.contact. This will automatically add a contact form to your website.
Step 6 – Publish
When you’ve made all the changes that you need to, you can publish the page. Don’t worry about SEO for the contact us page. Although it is important, you’ll want more
Step 7 – Add To A Menu
It is one thing to have the contact page, but customers need to be able to find it. You need to make sure that you add the page to at least one menu. However, it is often best practice to add the page to the top, header menu and the footer menu.
Enhancing Your Shopify Contact Page
Accessibility of Contact Information
Ensure that contact details are easily accessible and visible. This can be achieved by placing them in the footer or header of every page, or by having a dedicated ‘Contact Us’ page.
Activating the Contact Template
Shopify provides a default contact form template that’s ready to use.
Ensure your contact page uses the ‘Contact’ template from the ‘Online store’ settings to incorporate this form.
This template automatically adds a contact form to your page, which you can then personalize in the page editor.
Testing and Troubleshooting
After setting up your contact page, it’s crucial to test the form to ensure it’s functioning correctly.
If issues arise, verify your contact information in ‘Settings’ and test email notifications. Remember, a functional contact page is key to providing excellent customer support.
Utilizing Social Media and Chat Options
Incorporate social media links and live chat options to provide customers with multiple channels to contact the business.
This caters to the varied preferences of customers and can lead to quicker response times.
Optimizing Contact Info Navigation and Support
Updating Site Navigation
If you’ve created a new contact page, update your site’s navigation to include the new link.
This ensures customers can easily find the contact form from any part of your site, improving their overall experience and your site’s usability.
SEO Considerations
While editing your contact page, the search engine listing preview will populate with your meta description and title tag.
This is a good moment to optimize these elements for search engines, which can be done through the ‘Edit website SEO’ option.
Ensuring Accessibility
Your contact page should be easily accessible, and adding it to your site’s navigation is a step towards that.
A well-placed contact form not only aids in customer support but also contributes to the success of your eCommerce business by building trust with your clients.
Regular Updates and Maintenance
Keep contact information up to date to avoid customer frustration. Regularly check all links, forms, and details to ensure they are current and functional.
Conclusion: How To Add Contact Information To Shopify
Adding contact information to Shopify is really important, it allows customers to contact you when they have a question, problem or want advice. However, you really need to ensure that you have the right information displayed on your site. You can just manually enter it in and use the inbuilt contact form that is built into Shopify templates, or you can use one of the top apps for the job.
One of the top contact page apps is the one created by NDNAPPS. Their app can help create contact us pop-ups and advanced contact us pages that will wow your customers. There is a free plan available, but their premium option provides you with more power and a higher chance of converting those who use the form.
-
How do I prevent spam submissions on my Shopify contact form?
Implement CAPTCHA or reCAPTCHA features, which can verify that submissions are from real users, or use spam filtering apps in the Shopify App Store to reduce unwanted form submissions.
-
Can I add attachments to the Shopify contact form?
Shopify’s native contact form doesn’t support file attachments. To allow customers to attach files, you’d need to use third-party apps or custom development.
-
Can I set up an autoresponder for my Shopify contact form?
Shopify allows you to set up an automated email response for new contact form submissions through the Notifications settings.
PageFly Landing Page Builder 
Shopify 
SEMrush 
Website Maintenance 
UpPromote