Requirements

• A Shopify store on any plan
• An Online Store 2.0 compatible theme (most themes since 2021)
• No coding or theme editing required

Installation

1. Install Print It My Way from the Shopify App Store
2. In your Shopify admin, go to Online Store → Themes → Customize
3. Click App embeds in the left sidebar
4. Find "Print It My Way" and toggle it ON
5. Click Save

Quick Start Guide

Follow these 5 steps to go from install to live personalization:

1. Enable the app embed — Toggle on the app in your theme's App embeds section
2. Create a personalizer — Go to Personalizer → Create New. Add text areas and logo zones on the canvas
3. Create an option set (optional) — Go to Options → Create New. Add custom fields like dropdowns, swatches, and toggles
4. Set up the fee product — Go to Dashboard and click "Create Fee Product" if you want to charge for customization
5. Add app blocks to your product template — In the theme editor, add the "Personalizer" and/or "Product Options" blocks to your product page

Creating a Personalizer

1. Navigate to Personalizer in the app sidebar
2. Click Create New
3. Enter a name for your personalizer (e.g., "Custom Mug — Front & Back")
4. Set the status to Active when you're ready to go live

Canvas Editor

The canvas is a WYSIWYG editor that represents your product. You can:

• Upload a product image as the canvas background
• Choose an aspect ratio — Free, 1:1, 4:5, or 16:9
• Drag and resize text areas and logo zones directly on the canvas
• See a real-time preview of how customers will see their customizations

Steps & Background Images

Create multi-step personalization flows. Each step can represent a different view or area of the product (e.g., Step 1: Front, Step 2: Back).

• Each step has its own canvas with independent text areas and logo zones
• Upload a unique background image per step (available on Basic and above)
• Steps appear as tabs that customers navigate through
• Set pricing per step if desired

Text Areas

Add text input areas where customers type their custom text. Each text area supports:

• 35+ Google Fonts — Including Roboto, Playfair Display, Montserrat, Poppins, Dancing Script, Lobster, Bebas Neue, Pacifico, and more
• Text styling — Bold, italic, underline, and alignment (left, center, right)
• Color options — 7 preset colors or a custom hex color picker
• Character limits — Set min/max characters to control input length
• Placeholder text — Show default text to guide customer input
• Required field — Make the text area mandatory before adding to cart
• Per-text pricing — Charge a fee for each text area filled

Drag text areas on the canvas to position them. Use the resize handles to adjust their size.

Logo Zones

Allow customers to upload their own logos or choose from a curated default logo library.

• Supported formats — PNG, JPEG, WebP, SVG, GIF
• Max file size — 5 MB per upload
• Default logo library — Upload logos for customers to choose from (Basic: 5, Pro: 20, Advanced: Unlimited)
• Per-logo pricing — Charge a fee for each logo upload

Assigning to Products

After building your personalizer, assign it to the products that should offer customization.

• Individual assignment — Select products one by one from a search picker
• Bulk assignment — Assign to dozens or hundreds of products at once (Basic and above)

Creating an Option Set

1. Navigate to Options in the app sidebar
2. Click Create New
3. Enter a name for the option set
4. Add fields using the Add Field button
5. Configure each field's settings (name, type, choices, pricing)
6. Drag fields to reorder them
7. Assign the option set to products
8. Set status to Active

Field Types

Each field can also have a name, description, tooltip, a required toggle, and an optional image.

Choices & Per-Choice Pricing

For fields that support choices (radio, dropdown, checkbox group, swatches, switch group):

• Add as many choices as needed
• Set a unique price per choice (e.g., "Gold Foil" adds $5, "Silver" adds $3)
• For color swatches — set a hex color value for each choice
• For image swatches — upload an image for each choice
• Drag and drop choices to reorder them

Conditional Logic

Show or hide fields based on the customer's previous selections. Available on Pro and Advanced plans.

1. Select the field you want to make conditional
2. In the field settings, find the Condition section
3. Choose a source field (the field whose value triggers visibility)
4. Set the trigger: "Any value" (show when any choice is selected) or "Specific choice" (show only when a particular choice is selected)

Example: You have a "Would you like to add a logo?" switch. When toggled ON, a "Upload your logo" field appears. When OFF, the upload field stays hidden.

Layout Types

Configure your preferred layout from the Layout Settings page in the app:

All three layouts are available on every plan, including the free plan.

Button Placement

Control where the "Personalize" button appears on your product page:

• Before Add to Cart — Places the button above the Add to Cart button (default)
• After Add to Cart — Places it below
• Custom CSS Selector — Enter a CSS selector (e.g., #product-form or .product-add-to-cart) to place it anywhere

Customizing Colors

From the theme editor, click on the Personalizer app block to access these settings:

• Button color — Background color of the "Personalize" button (default: #1a1a2e)
• Button text color — Text/icon color on the button (default: #ffffff)
• Accent color — Used for highlights and active states (default: #278663)
• Button corner radius — 0–20px (default: 8px)
• Button label — Customize the button text (default: "Personalize this product")
• Full width — Toggle to make the button span the full container width
• Padding — Top and bottom padding (0–60px)

Visibility & Auto-Open

• Show on desktop — Toggle visibility on desktop screens
• Show on mobile — Toggle visibility on mobile screens independently
• Auto-open — Automatically open the personalizer when the product page loads, without requiring the customer to click the button

Fee Product Setup

Before you can charge for customization, you need to create a fee product. This is a hidden product that the Cart Transform function uses to calculate fees.

1. Go to the Dashboard in Print It My Way
2. Find the "Create Fee Product" setup card and click it
3. A hidden draft product ($0.01) is automatically created in your store
4. The Cart Transform function is configured automatically
5. The status will show "Active" when ready

Pricing Types

You can set pricing at multiple levels:

Prices are calculated in real-time as customers make selections, so they always see the total before adding to cart.

How Fees Appear in Cart

When a customer adds a personalized product to their cart, the line item displays:

• Product Price — The original product price
• Add-on Fee — The total personalization surcharge
• Total — Combined price (product + add-on fees)

This uses Shopify's native Cart Transform API. The app uses a lineExpand operation to merge the product and fee into a single line item — no separate fee products cluttering the cart.

Viewing Personalized Orders

Navigate to the Orders tab in Print It My Way. The app fetches your Shopify orders and filters them to show only orders that contain personalization or option data.

Search by order number, customer name, or product title. Orders are paginated for stores with high volume.

Order Details

Click on any order to see the full personalization breakdown for each line item:

• Text entries — Each text area with the customer's input, chosen font, color, and styling (bold/italic/underline)
• Logo uploads — Thumbnail previews with download links
• Option selections — Field name and the customer's chosen value
• Add-on fees — Total personalization fee for each item

Order statuses are shown as color-coded badges:

• Financial status — Paid, Pending, Refunded
• Fulfillment status — Fulfilled, Unfulfilled, Partially Fulfilled

Plan Comparison

Billing & Trials

• 7-day free trial — All paid plans include a full-featured trial period
• Annual billing — Save 20% by choosing annual billing. Basic: $7.99/mo ($95.90/yr), Pro: $15.99/mo ($191.90/yr), Advanced: $31.99/mo ($383.90/yr)
• Upgrading — Go to the Pricing page in the app and select a higher plan. Shopify handles prorated billing
• Downgrading — You'll see a confirmation showing which features you'll lose before the change takes effect
• No credit card required — The free plan works without any payment information

Enabling the App Embed

The app embed is a global toggle that enables Print It My Way on your entire storefront.

1. Go to Online Store → Themes → Customize
2. In the theme editor sidebar, click App embeds
3. Find "Print It My Way" (may also appear as "add on builder")
4. Toggle it ON
5. Click Save

Adding App Blocks

After enabling the app embed, add blocks to your product template:

Personalizer Block

1. In the theme editor, navigate to your product template
2. Click Add block in the template section
3. Find "Personalizer" under the Print It My Way app
4. Drag it to position it where you want the "Personalize" button

Block settings:

• Button label, colors, corner radius, full width toggle, padding

Product Options Block

1. Same process — click Add block
2. Find "Product Options" under the app
3. Position it on the product page (typically near the Add to Cart button)

Block settings:

• Accent color, label color, border color, padding

Widget Not Showing on Product Page

If the "Personalize" button or option fields aren't appearing, check these in order:

1. Is the app embed enabled? (Online Store → Themes → Customize → App embeds)
2. Is an app block added to your product template? (Personalizer block or Product Options block)
3. Is a personalizer or option set assigned to this product?
4. Is the personalizer/option set status set to Active?
5. Check visibility settings — make sure desktop/mobile toggles are on

Pricing Not Being Applied

If personalization fees aren't showing up in the cart:

1. Is the fee product created? (Dashboard → Create Fee Product)
2. Is the Cart Transform status showing "Active"?
3. Did you set prices on text areas, logo zones, or option choices?
4. Are prices greater than $0?

Orders Missing Customization Data

Personalization data is stored as cart line item custom attributes. If data is missing:

• Ensure the customer actually completed the personalization flow (not just opened it)
• Check that the Cart Transform is active — it preserves custom attributes during the lineExpand operation
• Third-party apps that modify cart line items may interfere — try disabling other cart-modifying apps temporarily

Does It Work With My Theme?

Yes. Print It My Way is compatible with all Shopify Online Store 2.0 themes. It works via app blocks, so no theme code editing is needed. The widget renders in a popup, drawer, or fullscreen overlay — independent of your theme's product page layout.

Does the App Slow Down My Store?

No. The widget only loads on product pages that have an assigned personalizer or option set. Fonts are loaded on demand (only the fonts you use). The canvas runs entirely in the browser with no server round-trips during customization.

Contact Support

If you're stuck or found a bug, reach out to us:

• Email us through the Shopify App Store listing
• Advanced plan users get priority support with faster response times