Duplicate the contact page

If your store has multiple storefronts and you want to have a dedicated contact page with it's own map for each, this is possible by duplicating the theme's contact page. Here's a quick guide to do so:

  1. Go to the theme editor (read this article for more info)
  2. Choose   /Templates/page.contact.liquid and replace the contents of the file with the following:

    {% if page.handle == 'contact' %}	
       {% section 'contact' %}
    {% elsif page.handle == 'contact-alternate' %}
       {% section 'contact-alternate' %}
    {% endif %}
  3. Save the file! Then, open the /Sections folder and click the Add a new section button.
  4. Create a file called contact-alternate.liquid. Open the contact.liquid file from the same folder, and copy all of it's contents inside the contact-alternate.liquid file (you basically have to clone the contact section and give it a different name).
  5. Save the file!
  6. Now, it is time to create the alternate page. Create it like you've created your first contact page, by going to Pages > Add Page. Then select the contact template suffix for it. You have to give this page the slug contact-alternate, just like the name you wrote at step #2.

  7. Save the page! If all done correctly, you should now be able to get a new contact page that you can customize using the Theme Customizer, the same way that you did for your first contact page.
The entire concept works on naming conventions. Each contact page needs to have a unique handle which is referenced in the contact page template that you create. You don't have to follow the names that we've used here, just make sure that you write your contact page template correctly, with your own page handles.