# Shopify integration and theme setup

This document outlines the two steps you required to integrate a customiser on your theme.

- Source URL: https://www.signcustomiser.com/help/integrations/shopify-integration-and-theme-setup/
- Markdown URL: https://www.signcustomiser.com/help/integrations/shopify-integration-and-theme-setup.md
- Category: Integrations
- Last updated: 2026-06-23

## Article

This document outlines the two steps you required to integrate a customiser on your theme.

## Step 1 - (Important to do first)

You will need to know your customiser ID first. [Get your customiser Id](../../integrations/find-your-sign-customiser-id/)

## Step 2

Based on your theme, we have created two guides to help you. Choose the one that is most appropriate to your theme.

## A.) Modern themes

Follow this article. [App Blocks installation (recommended)](../../integrations/install-customiser-on-a-product-or-page-on-your-shopify-storefront-app-blocks/)
​

## B.) Older themes, page builders, or headless storefronts

Follow this article [app embed, page builder, or headless storefront installation](../../integrations/setup-customiser-on-shopify-app-embed-theme-best-for-page-builders-old-themes-headless-storefronts/). Headless Shopify stores (Hydrogen, Next.js, React) use this guide too, and should pass the shopper's active Shopify Market so generated products stay available in every region.