Create Your Perfect Product with Our Custom Product Builder

Create Your Perfect Product with Our Custom Product Builder

Table of Contents

  1. Introduction
  2. Interface Overview
    • Custom Options
    • Layers
    • Live Preview
  3. Creating Custom Options
  4. Understanding Custom Option Settings
    • Renaming and Descriptions
    • Custom Option Types
    • Complex Customizations
    • Logic Rules
    • Choice Management
  5. Conditional Logic
  6. Selection Behavior
  7. Step Settings
  8. Layer Types
    • Image Layers
    • Text Layers
    • Curved Text Layers
  9. Layer Settings
    • Font and Color Options
    • Interaction Effects
    • Connecting Layers to Custom Options
    • Layer Reordering
  10. Choosing the Theme
  11. Previewing and Customization Tools
  12. Conclusion

An overview of the Interface and All its Features

The interface of our product is divided into three main parts: custom options, layers, and live preview. This article aims to provide a comprehensive understanding of each feature and guide you through the process of creating a fully customized product.

Interface Overview

Custom Options

The first part of the interface is dedicated to custom options. Here, you can customize the product body by selecting various choices. These choices can range from input fields like phone selectors and file uploads to more complex customizations. Each custom option has its own list of choices which you can edit and reorder as needed.


The layers section of the interface is similar to Photoshop layers. It enables you to depict the product on the live preview and add various effects. There are four types of layers available: image layers, text layers, curved text layers, and simple tags. The position of each layer influences how they are shown in the preview.

Live Preview

The live preview is the central field on the screen where all the layers and their settings are depicted. It provides a visual representation of how the final product will look like.

Creating Custom Options

To create a custom option, simply navigate to the custom options section and choose "Add Custom Option." Give it a suitable name, add a description if necessary, and select the type of custom option (single or multiple choice). You can also apply logic rules and designate certain options as in or out of stock.

Understanding Custom Option Settings

Custom option settings allow you to further customize each option according to your preferences.

Renaming and Descriptions

You have the option to rename each custom option and provide a description to provide more clarity to your customers.

Custom Option Types

Choose the appropriate custom option type based on the number of options that can be selected at once. Options range from input field selectors to date and time pickers.

Complex Customizations

Some customizations might be more complex and require additional explanations. You can hover over the question mark icon to learn more about these customizations.

Logic Rules

Logic rules can be applied to each custom choice, option, or layer to ensure they are displayed correctly. You can define the behavior of selections and synchronize them by label if needed.

Choice Management

Each custom option has its own list of choices that can be reordered, copied, and edited separately. You can also assign weights to choices, determine quantity multipliers, and apply conditional logic.

Conditional Logic

The conditional logic tab allows you to add logic rules that dictate when certain custom options should be depicted, based on specific conditions. For example, you can show or hide a custom option based on the selection made in a dropdown menu.

Selection Behavior

With selection behavior settings, you can enable selections on the front end and specify how previous and subsequent options should be cleared and synchronized.

Step Settings

Step settings allow you to customize the behavior of the selections, prefixes, combined SKUs, and the selection button. You can also reorder all the custom options created and enable the summary tab.

Layer Types

There are four types of layers available in the interface: image layers, text layers, curved text layers, and simple tags.

Image Layers

Image layers are used for the overall appearance of the product. You can add images yourself or allow customers to upload their own. Colorization options are also available.

Text Layers

Text layers allow you to add text elements to the product. You can choose the font size and family, as well as connect the layer to a custom option where customers can type their own text. Colorization options and patterns are also available.

Curved Text Layers

Curved text layers are similar to simple text layers but offer more flexibility in terms of preview appearance. You can bend the text to fit a specific shape or design.

Layer Settings

Within each layer type, there are specific settings you can adjust to achieve the desired appearance.

Font and Color Options

For text layers, you can choose the font size and family, as well as select colors from the palette or connected custom options. Interaction effects can also be added.

Connecting Layers to Custom Options

You can specify how each layer is connected to a custom option, allowing for dynamic text or image changes based on user inputs.

Layer Reordering

The position of each layer determines its order of appearance in the preview. Top layers will always be depicted under bottom layers.

Choosing the Theme

The theme selection allows you to customize the overall appearance and design of your product. Choose a theme that aligns with your branding and preferences.

Previewing and Customization Tools

Before finalizing your product, you can preview it using the preview button. This will show you how your product will look like on the front end. Additionally, you can access various customization tools within the settings section.


Creating a fully customized product is made easy with our interface. By utilizing the custom options, layers, and live preview features, you can create unique and personalized products that meet your customers' needs and preferences. Experiment with different settings and unleash your creativity to deliver exceptional products that stand out.

I am a shopify merchant, I am opening several shopify stores. I use ppspy to find Shopify stores and track competitor stores. PPSPY really helped me a lot, I also subscribe to PPSPY's service, I hope more people can like PPSPY! — Ecomvy

Join PPSPY to find the shopify store & products

To make it happen in 3 seconds.

Sign Up
App rating
Shopify Store
Trusted Customers
No complicated
No difficulty
Free trial