---
title: "Getting Started"
---

The steps to add Quikly to your shopify store can vary depending on if you are on Shopify Plus or use a headless commerce set up. The basic steps are:
1. Create your Quikly account. Your client success rep will provide you with your login information.
1. Install the Quikly App into your shopify store.
1. Turn on the plugin in the theme editor, or for a headless setup, install the script tag.
1. If you use the legacy checkout.liquid checkout process, install the checkout extension snippet in your theme.


# App Installation

1. Install the [Quikly: Urgency Marketing for Shopify App](https://apps.shopify.com/quikly) on your Shopify store.

![install](./images/install.png)


2. Follow the onboarding steps to enable the theme extension.


## Theme Extensions

### App Embed Block

If you use a shopify theme, you can use the Shopify theme editor to enable the Quikly components in your theme.

<div style="position: relative; padding-bottom: 64.92335437330928%; height: 0;"><iframe src="https://www.loom.com/embed/6a5b5ee94c35401fb3df1ab824cc1537" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

First let's use the theme editor to add the Quikly App Embed block to your theme. Click to Sales channels > Online Store > Themes, then on "Customize". Click on the App embeds icon, then turn on the "Quikly Embed Block". This will allow any current Quikly promotion to appear seamlessly on your site.

![app embed block](./images/enable_embed_block.png)

### Checkout Extension (Shopify Plus)

The Quikly Checkout Extension displays Quikly promotions during checkout (for example, a banner confirming a claimed discount is applied to the cart). It is separate from the App Embed Block above — the embed block powers Quikly across your storefront, while the checkout extension specifically adds Quikly to the checkout page. Shopify Plus is required to add checkout extensions.

To install the Checkout Extension:

1. **Access checkout settings:** From your Shopify Admin, go to **Settings > Checkout**.
2. **Open the editor:** Scroll to the **Configuration** section and click **Customize** (or **Customize checkout**).
3. **Add the app block:** In the checkout editor, click **Add app** (or **Add block**) in the left-hand sidebar.
4. **Select the extension:** Find **Quikly** in the list and enable the **Quikly Checkout Extension**.
5. **Position and save:** Drag the block to place it where you want it in the checkout layout, then click **Save**.

<video width="100%" controls>
  <source src="/shopify/QuiklyCheckoutExtension.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

You're done! Quikly will work with you to configure your campaigns and provide activation links to trigger these promotions on demand.

# Headless Commerce

If you have a custom storefront that does not use a shopify theme, you can grab the [script tag here](./headless).

# Example

Here is an example campaign that is configured with a limited quantity discount, providing a unique discount to the first 25 customers that enter their email address.

![app embed block](./images/shop.png)

During checkout, those fast enough to claim a discount code will see an information banner to indicate if the promotion is currently applied to their cart.

![app embed block](./images/checkout.png)