---
title: Recommended Setup + Alternative Flows for the Shopify App
description: Shopify customer workflows
---

[Skip to content](https://help.designhuddle.com/recommended-setup-alternative-flows-for-the-shopify-app#main-content)

English

Show submenu for translations

[Submit a Support Ticket](https://help.designhuddle.com/kb-tickets/new?hsLang=en) [Customer portal](https://help.designhuddle.com/support-portal?hsLang=en)

![Design-Huddle_expanded_border.png\]](https://help.designhuddle.com/hs-fs/hubfs/Design-Huddle_expanded_border.png?height=40&name=Design-Huddle_expanded_border.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a Support Ticket](https://help.designhuddle.com/kb-tickets/new)
- [Customer portal](https://help.designhuddle.com/support-portal)
- Design Huddle

 Design Huddle

 How can we help?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://help.designhuddle.com/?hsLang=en)
2. [Admin](https://help.designhuddle.com/admin?hsLang=en)

# Recommended Setup + Alternative Flows for the Shopify App

#### **Configure the Customer Experience**

### **What This App Does**

The Design Huddle Shopify app enables customers to customize products and purchase their designs seamlessly. In this article, you’ll configure how the customization experience works, including the recommended setup and alternative flows.

### **Recommended Setup: Redirect Flow**

Product Page Setup  
Add:

- **Customize Button**

Then configure:

- **Editor Mode** → Redirect
- **Editor Path** → /pages/customize

Create a Customization Page

In Shopify, create a new page Example: /pages/customize

1. Open that page in the theme editor
2. Add these blocks: 
     - **Editor Block**
     - **Add to Cart Block**

Customer Experience

1. Customer visits Product Page
2. Clicks **Customize**
3. Gets redirected to customization page
4. Designs the product
5. Clicks **Add to Cart**
6. Purchases customized item

### **Alternative Setup: Modal Flow**

Popup Experience  
Instead of redirecting, the editor opens in a popup.

Setup

Add **Customize Button**

- Set: 
    - **Editor Mode** → Modal

Use this if you want everything on one page and  for a faster experience that keeps customers on the product page.

### **Troubleshooting**

- Button works but no editor shows? Check your Editor Path.
- Wrong template loading? Check your Template Code Source.
- Don’t see Design Huddle blocks? Make sure the app is installed.
- App installed but customization does not load? Your Shopify store may need to be allowlisted for your Design Huddle workspace.

### **Need Help?**

Want to start using Design Huddle? Email sales@designhuddle.com. Need technical help? Contact support@designhuddle.com.

- [Brands & User Groups](https://help.designhuddle.com/brands-user-groups?hsLang=en)
- [Projects & Templates](https://help.designhuddle.com/projects-templates?hsLang=en)
- [Accounts & Users](https://help.designhuddle.com/accounts-users?hsLang=en)
- [Template Locking](https://help.designhuddle.com/template-locking?hsLang=en)
- [Admin](https://help.designhuddle.com/admin?hsLang=en)
- [Editor](https://help.designhuddle.com/editor?hsLang=en)
- [User Portal](https://help.designhuddle.com/user-portal?hsLang=en)
- [MCP Server](https://help.designhuddle.com/mcp-server?hsLang=en)

[![Chill listening crop-3](https://help.designhuddle.com/hs-fs/hubfs/fbIcon.png?width=24&height=24&name=fbIcon.png "Chill listening crop-3")](https://www.designhuddle.com)

Design Huddle Knowledge Base

<https://www.facebook.com/designhuddle> <https://www.linkedin.com/company/designhuddle>

Copyright © 2026, Design Huddle