Finish Colors
Font Library
Room Photos & Scale References
Upload a real photo for each room. Then draw a measurement arrow over any known object (couch, table, door) and type its real-world width in cm. The configurator uses this arrow as the scale ruler — customers see the sign proportionally correct against your photo.
Customer Orders
Configurator Settings
| Key | Description | Value |
|---|
Pricing
Customers can toggle between € and $ in the configurator. Set the conversion rate here — prices are always stored in EUR and converted on the fly.
Shopify Integration
Create a Custom Sign product in your Shopify store (€0 price, unlimited inventory). Then paste the credentials below. The configurator will add the product to cart with the customer's design attached as an SVG file.
Real-priced checkout runs through a secure server function (Shopify Draft Orders) so the customer pays the exact calculated price. Order notifications come from Shopify itself; the design SVG link travels on the order.
🔒 Its credentials (SHOPIFY_ADMIN_TOKEN
or SHOPIFY_CLIENT_ID /
SHOPIFY_CLIENT_SECRET +
SHOPIFY_STORE_DOMAIN)
are set as Netlify environment variables — never stored here, for security.
Full steps: PRODUCTION-INSTALL-SOP.md §4.