Merchant guide

Set up Gangio on your store

Everything you need to configure gang sheet products, turn on the storefront builder, and fulfill customer orders from inside your Shopify admin.

Looking for customer instructions? See the shopper guide →

Getting started

Install Gangio from the Shopify App Store, then open it from Apps → Gangio in your Shopify admin. The app lives entirely inside Shopify. No separate login required.

Your main navigation inside Gangio:

  • Dashboard: setup progress, quick actions, and recent orders.
  • Gang Sheet Orders: download print-ready files from customer orders.
  • Products: assign Shopify products and configure sheet types and sizes.
  • My Designs: upload designs customers can pick from in the builder.
  • Settings: branding, builder options, button styling, and theme compatibility.
  • Storefront translations: customize builder text in multiple languages.
  • Help: in-app contact form and FAQ (inside the embedded app).
Gangio merchant dashboard with setup status and quick actions
The dashboard shows setup progress, order stats, and shortcuts to Products and Settings.

Setup checklist

Gangio includes a built-in setup guide on the Dashboard. Complete these three steps before going live:

  1. Configure products. On the Products page, add your Shopify products and set sheet type, sizes, and pricing for each one.
  2. Enable the app embed. In your theme editor, turn on the Gang Sheet Builder app embed under App embeds. This powers the builder on your storefront.
  3. Add buttons to your product template. In the theme editor, add the Gangio app blocks (Build It, Upload Image, Add Images, or Upload Gang Sheet) to your product page template.
The Dashboard tracks each step and links directly into the theme editor when you're ready. Use Restart Setup Guide anytime to walk through it again.

Video tutorials

These short videos walk through the two most important setup tasks:

▶ Watch on YouTube

How to Configure Products

▶ Watch on YouTube

How to Add the Build It Buttons

Add & configure products

Go to Products in the Gangio app and click Add Products to connect a Shopify product to the gang sheet builder. Each configured product shows its sheet type badge and how many sizes are active.

Gangio Products page listing configured gang sheet products
Add Shopify products here, then click Configure to set sheet type and sizes.

Configuring a product

  1. Create your product variants in Shopify first (e.g. 22 × 30, 22 × 60) with the prices you want to charge.
  2. In Gangio, click Configure on the product and choose a Sheet type.
  3. Map each Shopify variant to width and height (fixed/single), set rolling dimensions and pricing, or configure per-area pricing for EZ Auto-Build.
  4. Save your changes. Variants sync automatically when you update them in Shopify.

Sheet types explained

Fixed sizes

Predefined sheet sizes with set prices. Customers open the full builder and arrange multiple designs.

Rolling sheet

Fixed width, variable length. Customers pay only for the film length they use.

Single image

One design per sheet. Customer uploads an image, picks a size, and sets copy count.

EZ Auto-Build

Customers upload images on the product page with size and quantity. Priced per square inch/cm.

Fixed sizes

Fixed size product configuration with sheet type selector and size list
Pick Fixed sizes, then map each Shopify variant to width and height in inches.

Rolling sheet

Rolling sheet configuration with width, length increment, and min/max length
Set sheet width, length increment, and min/max length. Gangio generates variants at each step.

EZ Auto-Build

EZ Auto-Build configuration with price per square inch and roll width
Set price per square unit and roll width. Customers upload images on the product page; no full editor.

Theme setup & storefront buttons

Customers interact with Gangio on your storefront product pages. Two theme steps are required:

1. Enable the app embed

In Shopify, go to Online Store → Themes → Customize, open App embeds, and enable Gang Sheet Builder. Without this, the builder cannot load on your store.

2. Add app blocks to your product template

Still in the theme editor, open a product template and add the Gangio blocks that match your sheet types:

  • Build It: fixed-size and rolling multi-image products.
  • Upload Image: single-image products.
  • Add Images: EZ Auto-Build products.
  • Upload Gang Sheet: optional, for customers uploading a ready-made sheet file.

The Dashboard setup guide includes one-click links that open the theme editor with the right block ready to add. Watch the Build It Buttons tutorial for a full walkthrough.

Video thumbnail showing how to add Build It buttons to a Shopify theme
The theme tutorial covers adding Build It and other Gangio blocks to your product page.
Button not showing? Confirm the app embed is on, the product is configured in Gangio, and the correct block is on your product template. Try a theme compatibility preset under Settings → Theme compatibility, or set a custom CSS selector.

Button special effects

Every Gangio button can carry a special effect: a glow, a shine, a metal finish, or a bit of motion to draw the eye. Select the block in your theme editor and pick one from the Special effect dropdown. The setting is saved on that block, so each button can have a different effect: a Sticker finish on Upload Image and a plain Soft Glow on Build It, for example.

Shopify theme editor with the Special effect dropdown set to Sticker and the resulting button on the product page
Pick an effect from the block settings. The storefront preview updates as you choose.

What each effect looks like

These are live samples, not pictures: what you see below is exactly what your storefront renders. Hover any button to see its hover state.

Glow

Build It

Soft Glow

Build It

Pulse Glow

Build It

Underglow

Shine & reflection

Build It

Glossy

Build It

Shine Sweep

Depth & material

Build It

Sticker

Build It

Beveled 3D

Signature palettes

Build It

Gold Foil

Build It

Rose Gold

Build It

Prism

Build It

Sunset

Build It

Aurora

Motion & attention

Build It

Gradient Flow

Build It

Border Beam

Build It

Heartbeat

Your button text, colors, corner radius, and font size all still apply on top of the effect, so an effect never overrides your branding.

The five Signature palettes (Gold Foil, Rose Gold, Prism, Sunset, and Aurora) use their own colors, so they ignore your button background color: a metal or a spectrum can't be tinted and still read as one. Every other effect is built from the colors you choose. Animated effects automatically stop for visitors who have reduced motion turned on in their device settings.

If you rely on Gangio placing the button for you instead of adding an app block, set the effect once under Settings → Build It Button and it applies wherever the button is injected.

Settings

Open Settings in Gangio to customize how the builder looks and behaves for your customers.

Gangio Settings page showing billing, branding, and editor appearance
Upload your logo, pick an editor theme color, and review your billing plan.
  • Plan & billing: review and approve your usage-based plan (3% per gang sheet fulfilled, 7-day free trial).
  • Branding & appearance: upload a horizontal store logo (shown in the builder header) and pick an editor accent color.
  • General: allowed file formats, max upload size, background removal, DPI warnings, and more.
  • Build It button: customize button text, colors, border radius, font size, and special effect with a live preview.
  • Theme compatibility: presets for popular themes or a custom CSS selector if buttons land in the wrong spot.
  • Language & currency: set the builder language and unit display (inches vs cm).
  • Print File Header: optionally stamp order details on every downloaded gang sheet (see below).

My Designs

Upload artwork your customers can place on gang sheets from a Designs library in the builder. Organize files into categories, toggle the Designs button on your storefront, and optionally enable a preview-only watermark to protect your artwork.

My Designs page with categories, upload area, and design gallery
Upload designs, sort them into categories, and enable the Designs button for customers.

Orders & downloads

When a customer orders a gang sheet, it appears on Gang Sheet Orders. Click Download to get the high-resolution print-ready PNG. Orders move to Downloaded once picked up, so your team knows what's been fulfilled.

Gang Sheet Orders page with pending, downloaded, and not paid tabs
Search by order number or customer, filter by date, and download gang sheet files.
  • Pending: new gang sheets ready to download.
  • Downloaded: files your team has already picked up.
  • Not paid yet: orders placed but payment not captured (useful for invoicing workflows).

Re-downloads are always free. Large files download directly from secure cloud storage for reliability.

Billing

Gangio is free to install with a 7-day free trial. After that you pay 3% per gang sheet fulfilled: no monthly base fee. Storage starts at 100 GB free; add blocks in Settings if you need more.

  • Approve your billing plan in Settings before going live.
  • Set a monthly usage cap in Shopify if you want a spending limit.
  • Gang sheet copies and re-downloads do not incur extra fees.

Frequently asked questions

Customer-facing help

Share the shopper guide with your customers so they know how to upload designs, use Auto Build, and add gang sheets to cart: gangio.com/help