• Getting started
  • Managing events
  • Customizing the calendar
  • Syncing External Calendars
  • Premium version
  • Troubleshooting
  • Adding the calendar to your Shopify Store (self installation)

    To add the calendar to your shop, click “</> Install” from the settings panel, and copy the code snippet.

    events calendar installation code

    Then open the editor of the page you want to put the calendar on, switch to HTML mode, and paste the code snippet.

    Events Calendar Shopify installation

    Advanced options

    Most of the styling and design of the calendar should be done using the app configuration, but you can also add styling to the app tag itself. For example, this is an easy way to set the width of the calendar:

    <app-calendar style=”width: 250px”></app-calendar>

     

    This is an example of settings the height of the calendar:

    <app-calendar style=”height: 300px”></app-calendar>

     

    You can also add some comments to make it easier to find the app in your page editor (or to spot any problems with the app’s loading). The comment will not be visible on your site.

    <app-calendar>This is my events calendar</app-calendar>