# Shopify
Use Plandalf beside Shopify for focused offers, campaign pages, paid upgrades, deadline promos, and checkout flows outside the native cart.
Source: /docs/platforms/shopify
Last modified: 2026-06-19
Plandalf does not replace Shopify's store engine. Use it when a campaign, service, add-on, booking, digital product, or paid upgrade should run through a Plandalf offer instead of the native Shopify cart.


> **Keep the store and the offer separate**
>

  Shopify owns the catalog and cart. Plandalf owns the focused offer flow, checkout blocks, deadline context, order bumps, invoices, and follow-up automation.


## The path


### Choose the offer that sits beside Shopify


    Pick the upsell, booking, service, event, digital product, or campaign checkout that should use Plandalf.


### Load the SDK in the theme


    Add the organization SDK before the closing `body` tag in the theme or through a managed script area.


### Add a Plandalf button to the right template


    Use `data-plandalf-present` on a product template, landing page, blog post, or campaign section.


### Test checkout and fulfillment separately


    Confirm the Shopify path still works, then complete the Plandalf offer in test mode.


## Common patterns


  - [VIP upgrade](/docs/offers/order-bumps): Sell a paid upgrade beside a Shopify product launch.
  - [Campaign checkout](/docs/offers/buy-buttons): Send ad or email traffic to a focused offer outside the normal cart.
  - [Deadline promo](/docs/timers/overview): Pair a timer and promo price with a Plandalf checkout.
  - [Service or booking](/products/offers): Sell something adjacent to the product catalog without changing Shopify checkout.


## Theme snippet


### Shopify offer button


```html Script
<script src="https://acme.plandalf.com/js/plandalf-sdk.js" async></script>
```

```html Button
<button data-plandalf-present="vip-upgrade">
  Add VIP upgrade
</button>
```

```html Promo button
<button
  data-plandalf-present="vip-upgrade"
  data-plandalf-apply-promo="launch-week"
  data-plandalf-mode="test"
>
  Claim launch price
</button>
```


> **Do not mix carts accidentally**
>

  If a buyer should complete the Shopify cart and a Plandalf offer, make the handoff explicit in the page copy and fulfillment workflow. Do not hide a second checkout behind a normal add-to-cart action.


## Related docs


### [Buy buttons](/docs/offers/buy-buttons)


    Open a Plandalf offer from Shopify content or theme templates.


### [Timers overview](/docs/timers/overview)


    Connect deadline promos to offer pricing and checkout behavior.


### [Stripe setup](/docs/platforms/stripe)


    Route Plandalf offer payments through your connected processor.