How to integrate Shopify with Bubble

To integrate Shopify with Bubble, you use Shopify’s REST Admin API or Storefront API through Bubble’s API Connector. Bubble doesn’t have native Shopify integration, so you manually create API calls, authenticate with Shopify (usually using a private app token or custom app), and then pull data like Products, Orders, and Customers into Bubble or send data back to Shopify.

What You Actually Do in Bubble

The integration works by creating a Shopify Custom App inside your Shopify store, grabbing the Admin API Access Token, then setting up API Connector calls using Shopify’s REST endpoints. Bubble sends authenticated requests to Shopify, and Shopify returns JSON data you can use in your app.

• You create a Custom App in Shopify → get Admin API token.
• You add the API Connector plugin in Bubble.
• You define calls like “Get Products”, “Get Orders”, etc.
• You use these calls in Bubble workflows or Data API calls.

Step‑by‑Step Setup

Create Shopify Custom App

• In Shopify Admin, open Apps → Develop Apps.
• Create a new custom app.
• Under Configuration, enable the Admin API access scopes you need (like read_products, read_orders).
• Install the app and copy the Admin API Access Token.

Set up Bubble API Connector

• Install API Connector → Add new API.
• Authentication type: Private Key in Header.
• Header key is “X-Shopify-Access-Token”. Value is your Shopify token.
• Base URL: yourstore.myshopify.com

Example: Get Products

// Bubble API Connector setup
GET https://yourstore.myshopify.com/admin/api/2023-10/products.json

// Shopify returns product array
{
  "products": [
    {
      "id": 123456,
      "title": "Sample Product"
    }
  ]
}

Bubble will auto-detect fields when you initialize the call. After that, you can display Products in a repeating group or store them in your database using a backend workflow.

Handling Webhooks

If you want Shopify to notify Bubble when an order is created, set a Shopify Webhook pointing to a Bubble backend workflow URL. Shopify will POST data to Bubble every time an event happens.

• Create a backend workflow in Bubble with a public API endpoint.
• In Shopify Admin → Notifications → Webhooks → Create.
• Paste Bubble’s endpoint URL.

Most Common Endpoints

• Products: /admin/api/2023-10/products.json
• Orders: /admin/api/2023-10/orders.json
• Customers: /admin/api/2023-10/customers.json

This is the clean, reliable way Bubble apps integrate with Shopify: a custom Shopify app for authentication, Bubble’s API Connector for REST calls, and optional webhooks for automatic syncing.