> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.ordergroove.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.ordergroove.com/_mcp/server.

# Tagging the Product Details Page (PDP)

For Ordergroove's subscription offer to appear on your Shopify site, your product details page (PDP) needs to be tagged with an Ordergroove code snippet.

Our app can only automatically add blocks for Online Store 2.0 themes.

If your product details page is not Online Store 2.0 (it does not use blocks), you can tag your PDP manually by following the steps below.

Ordergroove's offer may not appear correctly if there are code snippets from other subscription programs present. Please ensure your theme is clean of other subscription code snippets before installation.

#### Shopify Only

This article is only relevant for stores using Shopify. If your store uses a Shopify Online Store 2.0 theme, refer to [Install Ordergroove on an Online Store 2.0 Theme](/docs/getting-started/os2-theme) for help.

***

The steps for adding an offer tag depend on which version of Ordergroove's Shopify integration your theme is on. If you are installing Ordergroove on a brand new theme, go to **Option 1**. If you already have Ordergroove code on your theme, check if the file `ordergroove_offer.liquid` is present — if so, go to **Option 2**, otherwise go to **Option 1**.

***

## Option 1: Adding the Offer Tag for Recent Themes

If you are using a recent theme or one that was injected after November 3, 2022, you are on our most recent integration and can use our upgraded offer tag.

1. Open the theme code editor on Shopify.

2. Find the file that contains the "add to cart" button. This file is usually one with "product" in the name — the most common are `product-template.liquid` or `product-form.liquid`, but it may differ depending on your theme. You can locate the "add to cart" button by pressing **Ctrl+F** and searching for `add`.

3. Paste the following code snippet **above** the "add to cart" button:

   ```html
   <og-offer product="{{ product.selected_or_first_available_variant.id }}" location="pdp"></og-offer>
   ```

4. Click **Save**.

Now that you've tagged the PDP, check it out on your site. If your subscription program is live, navigate to a subscription-eligible product and you should see the subscription options appear on the page.

***

## Option 2: Adding the Offer Tag for Vintage Offers

If your theme is on an older version of our integration, the file `ordergroove_offer.liquid` will already be present in your theme. If so, follow these steps:

1. Open the theme code editor on Shopify.

2. Find the file that contains the "add to cart" button. The most common files are `product-template.liquid` or `product-form.liquid`, but it may differ depending on your theme. Press **Ctrl+F** and search for `add` to locate the button.

3. Paste the following code snippet **above** the "add to cart" button:

   ```liquid
   {%- render 'ordergroove_offer' product: product.selected_or_first_available_variant location: 'pdp' -%}
   ```

   Here is an example in the Debut theme:

4. Click **Save**.

Now that you've tagged the PDP, check it out on your site. If your subscription program is live, navigate to a subscription-eligible product and you should see the subscription options appear on the page.