intermediate Intermediate tutorials require familiarity with basic web design concepts, as well as basic knowledge of HTML, CSS and JavaScript.

Adding an email link to your content

To add an email hyperlink to your content (e.g. in a blog post or on a page), use this HTML:

<a href="mailto:info@example.com?subject=Inquiry">
  info AT example DOT com
</a>

Information

Make sure to substitute the email address in the above code snippet with your own email address.

If you are in a Liquid template, you can add a context-sensitive subject to your email link. For example, you could add the following to product.liquid:

<a href="mailto:{{ shop.email }}?subject=Inquiry about {{ product.title | escape }}">
  {{ shop.email }}
</a>

What about spam

One thing you have to be aware of when posting your email address on a webpage is that you may leave yourself vulnerable to a mailbox filled with spam. However, many email services — such as Gmail — have become extremely effective at filtering spam.

I want to add a contact form

Some store owners prefer to offer their customers the anonymity of a contact form. There are several free online services that allow you to embed a contact form on a web page. You can use those web services with Shopify.

The following services are often mentioned in our Community forums:

With those services, you typically get to create your contact form using a "What You See Is What You Get" (WYSIWYG) form-builder. You can copy and paste a code snippet that's been generated for you right in the content of your Contact page in Shopify. Notification settings are set up through your account on the 'form' website so whenever someone fills out your contact form and submits it, you'll receive an email.

Ready to put what you've learned into action?

Build an online store with Shopify. Try it free.

Experience the future of retail now.

Shopify Point of Sale. Try it free.