# Shopify

### App Installation

1. Add the [Shopify app](https://apps.shopify.com/ticket-spot)
2. After accepting the free-trial and charges you will be redirected to the Ticket Spot dashboard
3. After logging in your Shopify store will be available
4. Click on "Manage"
5. Add an Event Widget with a name
6. The widget Installation window will appear with instructions based on your store type

![](https://98002171-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1eaO5zwE2FXPR3YILhiQ%2Fuploads%2Fw9pnGxjXaGfZu66rH4m3%2FScreen%20Shot%202022-04-19%20at%205.47.09%20PM.png?alt=media\&token=d2ff64f5-9318-43b2-885f-b9beef3ca114)

### Online Store 2.0 Installation

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Navigate to the page where you want to add the app section.
4. Click **Add section**.
5. From the drop-down menu, in the **Apps** section, select the Ticket Spot that you want to add to the page.
6. Move the app section to the place you want it on the page.
7. Click **Save**.

{% file src="<https://98002171-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1eaO5zwE2FXPR3YILhiQ%2Fuploads%2FHHAA0371AT6c4N0xclwB%2Fshopify-video.mov?alt=media&token=0df625c6-639a-43f7-a5a5-6a0e2746baa7>" %}

### Vintage Theme Installation

{% hint style="info" %}
It is highly recommended you upgrade your theme to online store 2.0 and use app block for installation
{% endhint %}

#### Automatic

1. &#x20;From the Ticket Spot admin, go to your widget
2. Click install and a modal will appear
3. Go to the "Vintage Theme" section
4. To Automatically install the widget. click "Add"
5. Select the theme you want to install the widget onto
6. Select the page(s) the event widget should appear

#### Manual

Edit your theme to install the Ticket Spot event widget

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Click **Actions** > **Edit code**.

Import the Ticket Spot library

```
<script type="text/javascript" 
              src="https://api.ticketspot.io/script">
</script>
```

Second, copy & paste the following code where you want your calendar to appear on your store. The Widget ID will be available from the Ticket Spot dashboard

```
<ticket-spot id='WIDGET_ID' />
```

Create, design and promote events

1. [Setup Events](https://docs.ticketspot.io/features/setup-events)
2. [Style and Design Widget](https://docs.ticketspot.io/features/style-and-design-widget)
3. [Setup Automation Campaigns](https://docs.ticketspot.io/features/campaigns)