Shopify Integrations
Shopiframe uses Framer as the headless storefront, while Shopify remains the commerce backend. Use this page to learn which Shopify apps are compatible with Shopiframe and how to redirect Shopify’s native storefront to Framer.
App compatibility
Shopiframe works with many Shopify apps, but compatibility depends on where each app runs and how it integrates with Shopify.
Apps That Usually Work
Apps are typically compatible when they operate through Shopify Admin, Shopify orders, or Shopify Checkout without depending on Shopify theme code. Common examples include:
Inventory, Bundle, warehouse, and fulfillment tools
Shipping, accounting, tax, fraud prevention, and other operational tools
Email and marketing tools triggered by Shopify data
Checkout extensions supported by Shopify
Shopiframe provides component for Cart Promotion Progress Bar
Checkout apps continue to run on Shopify-hosted checkout, but they do not automatically add interface elements to the Framer storefront.
Subscriptions
Use Shopiframe’s subscription component with apps that support Shopify selling plans. It works with Shopify’s native subscription app and can also support third-party subscription apps that use Shopify selling plans.
Requires a separate Integration
Apps that add theme blocks, Liquid snippets, or storefront widgets do not automatically appear in Framer. Common examples include:
Reviews and loyalty widgets
Wishlists and upsells
Product filters, popups, and search
To use one of these apps with Shopiframe, look for a headless API, JavaScript SDK, or embeddable option. Contact the app provider to confirm whether it supports headless integration.
Need Help Checking an App?
For help with a specific app, email support@shopiframe.com with the app name, its Shopify App Store link, and the storefront feature you need.
Redirect Shopify to Framer
Because Framer and Shopify are hosted separately, they cannot use the same domain. You need to use Framer for your main storefront and Shopify for checkout and each one must use its own domain or subdomain. For example:
Framer:
www.storename.comShopify checkout:
checkout.storename.com
To redirect visitors from Shopify’s non-checkout pages to your Framer site:
Open Shopify Admin and go to Online Store → Themes
Find your current theme, open the … menu and select Edit code
Open
theme.liquidin the Layout folderAdd the following snippet before the closing
</head>tag:
{% if template.name != 'checkout' %}
<script>
window.location.href = "FRAMER_WEBSITE_URL";
</script>
{% endif %}
Replace
FRAMER_WEBSITE_URLwith the complete Published Framer URL, includinghttps://For example:https://www.example.comSave the theme
Important: This code redirects every Shopify theme page except checkout.