If you have a Shopify store and a native mobile app (built with Shopify's Hydrogen, a custom native app, or a mobile app builder), deep links connect your marketing channels directly to the app's product pages. Without deep linking, your marketing links send users to the Shopify web store, missing the higher conversion rates and better experience of your native app.<\/p>\n\n\n\n
For the broader e-commerce deep linking approach, see Deep Linking for E-Commerce Apps<\/a>. For product page linking, see Product Page Deep Links<\/a>.<\/p>\n\n\n\n Shopify stores use predictable URL patterns:<\/p>\n\n\n\n Your deep links don't have to mirror Shopify's URL structure exactly. Create a mapping that makes sense for your app:<\/p>\n\n\n\n The key is that the deep link contains enough information to identify the product. Use the Shopify product handle (the URL slug) as the identifier; it's human-readable and stable.<\/p>\n\n\n\n Create a dynamic route for products:<\/p>\n\n\n\n When Note: Shopify uses variant IDs, not product IDs, for cart operations. Each product variant (size, color combination) has a unique numeric ID.<\/p>\n\n\n\n When your app receives a deep link to Using Shopify Storefront API (GraphQL):<\/strong><\/p>\n\n\n\n React Native example:<\/strong><\/p>\n\n\n\n When a cart deep link arrives:<\/p>\n\n\n\n Parse the variant IDs and quantities, then add to cart:<\/p>\n\n\n\n If a deep link should open a specific variant (size, color):<\/p>\n\n\n\n Or using human-readable options:<\/p>\n\n\n\n The app matches the options to the correct variant:<\/p>\n\n\n\n If you're using a Shopify mobile app builder (Tapcart, Shopney, MageNative, etc.), check whether the builder supports:<\/p>\n\n\n\n Most app builders provide some level of deep linking, but the implementation quality varies. If deep linking is a primary use case, verify the builder's capabilities before committing.<\/p>\n\n\n\n Shopify merchants commonly use Klaviyo or Mailchimp for email marketing. Replace web product URLs with deep links in email templates:<\/p>\n\n\n\n SMS links are tapped directly from the Messages app, which supports Universal Links:<\/p>\n\n\n\n Shopify sends automatic abandoned cart emails. By default, these link to the web checkout. To deep link to your app's cart instead:<\/p>\n\n\n\n When creating ads via Shopify's marketing tools or Facebook Ads Manager:<\/p>\n\n\n\n If you generate deep links from your Shopify product catalog, automate the process:<\/p>\n\n\n\n Listen for Shopify product webhooks to generate deep links:<\/p>\n\n\n\n For initial setup, sync all existing products:<\/p>\n\n\n\n Shopify products can be:<\/p>\n\n\n\n Your app should handle deep links to unavailable products:<\/p>\n\n\n\n If your Shopify store supports multiple currencies, pass the currency in the deep link:<\/p>\n\n\n\n Shopify Plus merchants have access to checkout customization. You can create deep links that go directly to a pre-filled checkout:<\/p>\n\n\n\n The app creates a Shopify checkout via the Storefront API and navigates to the checkout screen.<\/p>\n\n\n\n For deep linking features, see Tolinku deep linking<\/a>. For marketplace deep linking, see Deep Linking for Marketplace Apps<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" Implement deep linking for Shopify mobile apps. Connect your Shopify store to your native app with product, collection, and checkout deep links.<\/p>\n","protected":false},"author":2,"featured_media":935,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Deep Linking for Shopify Mobile Apps","rank_math_description":"Implement deep linking for Shopify mobile apps. Connect your Shopify store to your native app with product, collection, and checkout deep links.","rank_math_focus_keyword":"Shopify app deep links","rank_math_canonical_url":"","rank_math_facebook_title":"","rank_math_facebook_description":"","rank_math_facebook_image":"https:\/\/tolinku.com\/blog\/wp-content\/uploads\/2026\/03\/og-shopify-app-deep-links.png","rank_math_facebook_image_id":"","rank_math_twitter_title":"","rank_math_twitter_description":"","rank_math_twitter_image":"https:\/\/tolinku.com\/blog\/wp-content\/uploads\/2026\/03\/og-shopify-app-deep-links.png","footnotes":""},"categories":[18],"tags":[25,20,58,24,192,69,190,203],"class_list":["post-936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-use-cases","tag-android","tag-deep-linking","tag-e-commerce","tag-ios","tag-mobile-commerce","tag-mobile-development","tag-product-pages","tag-shopify"],"_links":{"self":[{"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/posts\/936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/comments?post=936"}],"version-history":[{"count":3,"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/posts\/936\/revisions"}],"predecessor-version":[{"id":2530,"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/posts\/936\/revisions\/2530"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/media\/935"}],"wp:attachment":[{"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/media?parent=936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/categories?post=936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tolinku.com\/blog\/wp-json\/wp\/v2\/tags?post=936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Shopify URL Structure<\/h2>\n\n\n\n
\n\n
\n Content Type<\/th>\n Shopify Web URL<\/th>\n Deep Link Pattern<\/th>\n<\/tr>\n<\/thead>\n \n Product<\/td>\n \/products\/running-shoes-v2<\/code><\/td>\n\/product\/running-shoes-v2<\/code><\/td>\n<\/tr>\n\n Collection<\/td>\n \/collections\/summer-sale<\/code><\/td>\n\/collection\/summer-sale<\/code><\/td>\n<\/tr>\n\n Cart<\/td>\n \/cart<\/code><\/td>\n\/cart<\/code><\/td>\n<\/tr>\n\n Checkout<\/td>\n \/checkouts\/...<\/code><\/td>\n\/checkout<\/code><\/td>\n<\/tr>\n\n Page<\/td>\n \/pages\/about-us<\/code><\/td>\n\/page\/about-us<\/code><\/td>\n<\/tr>\n\n Blog post<\/td>\n \/blogs\/news\/latest-update<\/code><\/td>\n\/blog\/latest-update<\/code><\/td>\n<\/tr>\n\n Account<\/td>\n \/account<\/code><\/td>\n\/account<\/code><\/td>\n<\/tr>\n\n Order<\/td>\n \/account\/orders\/12345<\/code><\/td>\n\/order\/12345<\/code><\/td>\n<\/tr>\n<\/tbody><\/table><\/figure>\n\n\n\nMapping Shopify URLs to Deep Links<\/h3>\n\n\n\n
Shopify: https:\/\/yourstore.myshopify.com\/products\/running-shoes-v2\nDeep link: https:\/\/go.yourapp.com\/product\/running-shoes-v2\n<\/code><\/pre>\n\n\n\nSetting Up Deep Link Routes<\/h2>\n\n\n\n
Product Routes<\/h3>\n\n\n\n
Path: \/product\/:handle\nWeb fallback: https:\/\/yourstore.com\/products\/{handle}\n<\/code><\/pre>\n\n\n\nhttps:\/\/go.yourapp.com\/product\/running-shoes-v2<\/code> is tapped:<\/p>\n\n\n\n\n
https:\/\/yourstore.com\/products\/running-shoes-v2<\/code><\/li>\n<\/ul>\n\n\n\nCollection Routes<\/h3>\n\n\n\n
Path: \/collection\/:handle\nWeb fallback: https:\/\/yourstore.com\/collections\/{handle}\n<\/code><\/pre>\n\n\n\nSearch Routes<\/h3>\n\n\n\n
Path: \/search\nQuery parameters: ?q=shoes&sort=price\nWeb fallback: https:\/\/yourstore.com\/search?q={q}\n<\/code><\/pre>\n\n\n\nCart\/Checkout Routes<\/h3>\n\n\n\n
Path: \/cart\/add\nQuery parameters: ?items=VARIANT_ID:QTY,VARIANT_ID:QTY\nWeb fallback: https:\/\/yourstore.com\/cart\n<\/code><\/pre>\n\n\n\nApp-Side Implementation<\/h2>\n\n\n\n
Fetching Products by Handle<\/h3>\n\n\n\n
\/product\/running-shoes-v2<\/code>, it needs to fetch the product from Shopify.<\/p>\n\n\n\nquery ProductByHandle($handle: String!) {\n product(handle: $handle) {\n id\n title\n description\n images(first: 5) {\n edges {\n node {\n url\n altText\n }\n }\n }\n variants(first: 20) {\n edges {\n node {\n id\n title\n price {\n amount\n currencyCode\n }\n availableForSale\n }\n }\n }\n }\n}\n<\/code><\/pre>\n\n\n\nfunction ProductScreen({ route }) {\n const { handle } = route.params;\n const [product, setProduct] = useState(null);\n\n useEffect(() => {\n fetchProductByHandle(handle).then(setProduct);\n }, [handle]);\n\n if (!product) return <LoadingScreen \/>;\n\n return <ProductDetail product={product} \/>;\n}\n\nasync function fetchProductByHandle(handle) {\n const response = await fetch(SHOPIFY_STOREFRONT_URL, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n 'X-Shopify-Storefront-Access-Token': STOREFRONT_TOKEN,\n },\n body: JSON.stringify({\n query: PRODUCT_BY_HANDLE_QUERY,\n variables: { handle },\n }),\n });\n const data = await response.json();\n return data.data.product;\n}\n<\/code><\/pre>\n\n\n\nAdding to Cart via Deep Link<\/h3>\n\n\n\n
https:\/\/go.yourapp.com\/cart\/add?items=41234567890:2,41234567891:1\n<\/code><\/pre>\n\n\n\nfunction handleCartDeepLink(url) {\n const parsed = new URL(url);\n const itemsParam = parsed.searchParams.get('items');\n\n if (itemsParam) {\n const items = itemsParam.split(',').map(item => {\n const [variantId, qty] = item.split(':');\n return { variantId, quantity: parseInt(qty, 10) };\n });\n\n \/\/ Add each item to Shopify cart\n for (const item of items) {\n cartStore.addItem(item.variantId, item.quantity);\n }\n\n navigation.navigate('Cart');\n }\n}\n<\/code><\/pre>\n\n\n\nHandling Product Variants in Deep Links<\/h3>\n\n\n\n
https:\/\/go.yourapp.com\/product\/running-shoes-v2?variant=41234567890\n<\/code><\/pre>\n\n\n\nhttps:\/\/go.yourapp.com\/product\/running-shoes-v2?color=black&size=10\n<\/code><\/pre>\n\n\n\nfunction findVariant(product, color, size) {\n return product.variants.find(v =>\n v.selectedOptions.some(o => o.name === 'Color' && o.value === color) &&\n v.selectedOptions.some(o => o.name === 'Size' && o.value === size)\n );\n}\n<\/code><\/pre>\n\n\n\nShopify Mobile App Builders<\/h2>\n\n\n\n
\n
go.yourapp.com<\/code> instead of the builder's domain?<\/li>\nMarketing Channel Integration<\/h2>\n\n\n\n
Email Campaigns (Klaviyo, Mailchimp)<\/h3>\n\n\n\n
Web URL: https:\/\/yourstore.com\/products\/running-shoes-v2\nDeep link: https:\/\/go.yourapp.com\/product\/running-shoes-v2?utm_source=email&utm_campaign=weekly\n<\/code><\/pre>\n\n\n\nSMS Marketing (Postscript, Attentive)<\/h3>\n\n\n\n
New arrival! Check out our Running Shoes V2:\nhttps:\/\/go.yourapp.com\/product\/running-shoes-v2\n<\/code><\/pre>\n\n\n\nShopify Abandoned Cart Emails<\/h3>\n\n\n\n
\n
https:\/\/go.yourapp.com\/cart?recover=true&checkout_token=ABC123\n<\/code><\/pre>\n\n\n\nFacebook and Instagram Ads<\/h3>\n\n\n\n
\n
Product Feed Synchronization<\/h2>\n\n\n\n
Shopify Webhook Approach<\/h3>\n\n\n\n
\/\/ When a new product is created\napp.post('\/webhooks\/shopify\/product-create', (req, res) => {\n const product = req.body;\n const deepLink = `https:\/\/go.yourapp.com\/product\/${product.handle}`;\n\n \/\/ Create route on your deep linking platform\n createRoute({\n path: `\/product\/${product.handle}`,\n webFallback: `https:\/\/yourstore.com\/products\/${product.handle}`,\n ogTitle: product.title,\n ogDescription: product.body_html?.substring(0, 160),\n ogImage: product.images[0]?.src,\n });\n\n res.sendStatus(200);\n});\n<\/code><\/pre>\n\n\n\nBulk Sync<\/h3>\n\n\n\n
async function syncAllProducts() {\n let products = await shopify.product.list({ limit: 250 });\n\n while (products.length > 0) {\n for (const product of products) {\n await createDeepLinkRoute(product);\n }\n products = await shopify.product.list({\n limit: 250,\n since_id: products[products.length - 1].id,\n });\n }\n}\n<\/code><\/pre>\n\n\n\nHandling Shopify-Specific Edge Cases<\/h2>\n\n\n\n
Product Availability<\/h3>\n\n\n\n
\n
if (product === null || product.status !== 'ACTIVE') {\n navigation.navigate('ProductUnavailable', {\n message: 'This product is no longer available.',\n handle: handle,\n });\n return;\n}\n<\/code><\/pre>\n\n\n\nMulti-Currency<\/h3>\n\n\n\n
https:\/\/go.yourapp.com\/product\/running-shoes-v2?currency=EUR\n<\/code><\/pre>\n\n\n\nShopify Plus Checkout<\/h3>\n\n\n\n
https:\/\/go.yourapp.com\/checkout?variant=41234567890&qty=1&discount=SUMMER20\n<\/code><\/pre>\n\n\n\n