# 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

![](/files/IARrhA7JyjCGrGB3vGgr)

### 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="/files/FLfYlR0yCvfoi08A9xG3" %}

### 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.  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](/features/setup-events.md)
2. [Style and Design Widget](/features/style-and-design-widget.md)
3. [Setup Automation Campaigns](/features/campaigns.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ticketspot.io/channels/shopify.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.