Asset Mirroring

Shopify → Xano → Webflow product catalog sync

S Shopify
X Xano
W Webflow
Challenge
✕

CSV ignores images

product.csv export doesn't include media

✕

Missing ALT data

No alt text in exports, accessibility gaps

✕

No cleanup or scaling

Images stuck at original size and format

✕

No staging environment

Team can't test updates before production

✕

Duplicate localization

AEO content repeated across regions

Solution
✓

GraphQL extracts all

Admin API pulls every image and variant

✓

Automated backfill

Script sets alt text from product titles

✓

R2 + Cloudflare

Edge CDN with auto-optimization

✓

Xano as staging PIM

Test and preview before Shopify push

✓

Versioned Webflow

Localized instances per region

Shopify GraphQL
Shopify Product
Step 1

Extract from Shopify

GraphQL Admin API pulls products, variants, images, and metadata

190
Products
266
Variants
Xano gp_products
Xano Actions
Step 2

Store in Xano PIM

Central database with SEO fields, GTINs, and R2 image URLs

151
SEO Titles
177
Descriptions
backfill_alt_text.py
sync_to_webflow.py
Step 3

Automation Scripts

Python scripts for data cleanup, alt text backfill, and Webflow sync

data-import data-cleanup image-pipeline
Webflow CMS
Step 4

Webflow CMS

Products, variants, and images synced to Webflow collections

1,237
Images
55
Collections
Sync results
Complete Pipeline

One Source of Truth

SShopify
→
XXano
→
R2Images
→
WWebflow
shopify-webflow-sync xano-sdk-builder image-pipeline
0.00 / 30s