Shopify E-Commerce Bridge

Connect your Shopify store seamlessly with native mobile hardware. Nativine embeds native Shopify Mobile Buy SDK and Storefront API bridges, enabling native Apple Pay checkout, cart token persistence, and real-time product inventory sync.

1. Overview & Native Capabilities

Transforming a Shopify web store into a high-converting mobile app requires deep checkout integration. Nativine's Shopify Bridge links your liquid/hydrogen storefront to native iOS and Android features:

• 1-Tap Native Apple Pay & Google Pay: Accelerate checkout conversions by enabling 1-tap Apple Pay and Google Pay sheets synced to your Shopify checkout.
• Persistent Cart & Customer Session: Synchronize Shopify customer login state and active cart items between web store and native app seamlessly.
• Push Notification Inventory Alerts: Trigger push notifications automatically when favorited Shopify products return to stock.

2. Configuration & App Builder Setup Guide

Phase 1: Shopify Admin Portal Key Retrieval

1. Log in to your Shopify Admin at admin.shopify.com.
2. Navigate to Settings > Apps and sales channels > Develop apps.
3. Create or select your custom app, and under Storefront API integration, copy your Storefront Access Token.

Phase 2: Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click the Add-ons & Plugins tab in the left builder menu.
3. Locate or search for Shopify E-Commerce Bridge, toggle the plugin ON (or click Enable), and click Config.
4. Paste your Storefront Access Token and Shop Domain into the configuration input field.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To launch native Shopify Apple Pay checkout or sync cart tokens in JavaScript, call nativine.shopify.checkoutWithApplePay():

nativine.shopify.checkoutWithApplePay({
  checkoutId: 'shopify_checkout_gid_998877',
  totalAmount: 149.00,
  currencyCode: 'USD',
  lineItems: [
    { title: 'Canvas Sneakers', quantity: 1, price: '149.00' }
  ],
  callback: 'onShopifyOrderCompleted',
  onError: 'onShopifyCheckoutError'
});

Parameters

4. Frequently Asked Questions (Q&A)