---
title: Installation & Initial Setup of the Design Huddle Shopify App
description: Shopify app installation
---

[Skip to content](https://help.designhuddle.com/installation-initial-setup-of-the-design-huddle-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)

# Installation & Initial Setup of the Design Huddle Shopify App

### **What This App Does**

The Design Huddle Shopify app allows customers to personalize products directly on your store before buying. In this article, you’ll install the app and connect your Design Huddle account, which is required before adding customization to your storefront.

### **Step 1: Install the App**

1. Log into Shopify admin.
2. Go to the Shopify App Store.
3. Search for **Design Huddle**.
4. Click **Install**.
5. Approve permissions.
6. Open the app from the **Apps** menu.

### **Step 2: Enter Your Settings**

1. Go to Settings inside the app.
2. Enter your Design Huddle **Domain**, **Client ID**, and **Template Code Source**.
3. Click **Save**.

Please note, Design Huddle workspaces use a Shopify store allowlist for access control. If your store is not yet allowlisted, the app may not function until your Shopify domain has been added. If access is blocked, contact support@designhuddle.com with your Shopify store domain.

### **Understanding Template Code Source**

This tells Shopify which design template from Design Huddle should be loaded  should load for this product.

- Recommended option: SKU (best default for most stores)
- Other options (advanced): Variant ID, Product Handle, Metafields

All of these identifiers are managed from Shopify Admin > Products. Once you select your field, enter the corresponding Design Huddle Template ID into the field for the product to be accurately mapped.

**Where to find or update the SKU:**

1. In Shopify Admin, go to Products.
2. Open the product you want to customize.
3. If the product has variants, open the specific variant.
4. Find the SKU field in the product or variant details.
5. Enter a unique SKU value and save.

Please note, each SKU should uniquely match the Design Huddle template identifier you want to load.

### **Need Help?**

Need a Design Huddle account? Email sales@designhuddle.com. Already have an account? Reach out to 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