OCTOplux
Step 2 of 2 • Visual Setup Tutorial

60-Second Visual Guide: How to Connect Your Shopify Store (Client ID & Client Secret)

A crystal-clear, zero-jargon walkthrough for Shopify store owners. Follow these 5 quick steps to create your private, free custom connection directly inside your own Shopify Admin panel.

🛡️

100% Private, Local-First Store Connection ($0 Forever)

90% of Shopify store owners have never created a Custom App connection before—it takes 60 seconds, costs $0, and your JARVIS assistant inside Antigravity will walk you through every click! Even better: your credentials stay 100% inside your own Windows PC (~/.octoshopx_ag_vault.json) and are never uploaded to any third-party cloud.

Five Guided Clicks

The 5 Steps to Generate Your Private Credentials

Follow along in your Shopify admin browser tab. It takes less than one minute from start to finish.

Step 01 • Navigate in Shopify Admin

Open Shopify Admin → Settings (bottom left) → Apps and sales channels → Develop apps

Log in to your standard Shopify store admin panel (https://admin.shopify.com/store/YOUR-STORE). In the left sidebar, click the gear icon Settings at the very bottom left corner. Then click Apps and sales channels, and click the Develop apps button.

💡 First time developing apps on your store? Simply click the green button Allow custom app development to confirm. Then click Create an app and name it OCTOshopX Studio.
Step 02 • Select Permissions

Click Configure Admin API scopes & Check These Scopes

Click the Configure Admin API scopes button. These scopes allow your assistant to read your product specs, write upgraded HTML descriptions, upload high-res under-100KB WebP visuals directly to Shopify's CDN, and publish 10-blog topical clusters.

read_products, write_products, read_content, write_content, read_online_store_pages, write_online_store_pages, read_files, write_files, read_themes
read_products, write_products: Read verified product dimensions, variants & publish editorial product stories.
read_content, write_content: Publish 10-article topical authority clusters with live product cards directly to your blog.
read_online_store_pages, write_online_store_pages: Create and publish editorial landing pages and collection hubs.
read_files, write_files: Upload optimized under-100KB WebP visuals directly to Shopify's high-speed CDN.
read_themes: Read active theme Liquid templates to preview storefront styling safely without destructive theme overwrites.
Step 03 • Save & Install

Click Save & Install app (top right)

After checking the boxes, click the green Save button in the top or bottom right corner. Then, click the Install app button in the upper right header and click Install in the confirmation popup.

Your custom connection is now active on your store with zero recurring app charges.

Step 04 • Copy Credentials

Copy Your Client ID & Client Secret (or Admin API access token)

Click over to the API credentials tab. Here is what each value looks like so you know exactly what to paste:

1. OCTOplux License Key: OCTO-2026-8F9A-3C2D (from receipt or [Auto-Find Key by Email])
2. Shopify store domain: mywebsite.myshopify.com (always use internal .myshopify.com)
3. Client ID: 4e6eeefae1cb84754fddb1f82bd9e003 (32-character hex ID)
4. Client secret: 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 (or shpat_... Admin API token)

OCTOshopX supports both newer Shopify Client ID / Secret pairs and standard shpat_... Admin API access tokens automatically.

Step 05 • Connect in Studio

Paste into "Your shop. Your connection." & Click [ 🛡️ Connect my Shopify store ]!

Open your desktop setup screen or installer, paste the 4 values into their respective boxes, and click the green [ 🛡️ Connect my Shopify store ] button.

✅ Connection verified! Your active catalog counts appear immediately on the Right-Pane Visual Canvas, and your JARVIS assistant stands ready in the Left Chat.

🎙️
Real-Time Interactive Assistant

Need Live Help? Ask JARVIS!

You do not have to figure this out alone! If you ever get stuck or wonder which screen you are on, simply ask JARVIS in the left Antigravity chat (or speak aloud with Gemini Live Voice):

"Hey JARVIS, I'm in my Shopify Settings right now—guide me step by step!"

JARVIS will instantly verify which button to click next, confirm your required scopes, and check your connection in real time.

Setup Navigation

Need to Review Step 1?

Check how to turn on the 10-second Knowledge Work non-coder layout in Google Antigravity.

← Step 1: Google Antigravity Setup Manage Store Domains & Licenses →