There are two ways to add Event Calendar App to your Shopify website:

  1. Adding the embed code to a 'page' on your store. Pages are accessed in the Shopify menu that looks like this:

This is the easiest way to add Event Calendar App to your Shopify Website.

2. Adding Event Calendar App by using the 'Shopify 2.0 editor'. This is slightly more difficult but is often necessary if wanting to add Event Calendar App to your homepage. The Shopify editor looks like this:

  1. Adding the embed code to a 'page' on your store (recommended)

Video tutorial

Written tutorial

Once you have created your calendar, the next steps are to add it to your Shopify site.

1) Login to your shopify admin panel

2) Find the page you want to add the calendar too

To access your pages, on the left hand side of your admin panel, under sales channels, you will see a link called Online Store. Click on that.

You will now see a list of options for your store. Click on pages.

You will now see a list of pages that are present on your current store. You may want to add the calendar to a current page or create a new page for it. A common scenario is to add an events page.

If you would like to add a page, click on Add page in the top right hand corner. If the page already exists that you want to add the calendar to, then click on that page directly.

3) Paste the calendar code onto your page

All that is left to do now is to paste your Event Calendar App code into your page. Just to refresh, the code I’m referring to here is the integration code that you can get from your Event Calendar App dashboard.

It is hugely important that the click the HTML button before you paste your embed code – otherwise it will not work.

Once you have done that, simply click save page in the top right hand corner.

Your event calendar should now be visable on your page.

2. Adding Event Calendar App by using the 'Shopify 2.0 editor'.

Unfortunately these steps are completely different depending on what theme you are using.

Some themes have a 'custom liquid' section that you can paste the ECA embed code into, however others don't.

Therefore, if you would like to insert ECA using the Shopify editor then please get in touch using hello@eventcalendarapp.com and will get this set up for you personally.

If you are having any trouble what-so-ever please contact us and we will get back to you straight away.

Did this answer your question?