How to work with Quick Edit or Form Based Editor?

How to work with Quick Edit or Form Based Editor?

The Quick Editor, or form-based Editor, streamlines how you let customers personalize products. This feature limits editing options to only essential fields, keeping your design consistent while making it easy for buyers to fill in their details.

Watch the video here : 

Creating a Template for Quick Edit

Step 1: Go to Templates then click Add New Template.

Image

Step 2: Assign a store, enter a template name, pick a category, and use the same personalization profile as the product. Match the page count and dimensions to your product settings.

Image

Step 3: Click Submit to create the template.

Image

Step 4: Click Design to open a blank canvas and lay out your artwork and text.

Image

Step 5: Add elements to the template—like a background, artwork, and any editable text fields (e.g., full name, email, phone number).

Image

Image

Step 6: Set up each text field. Click the settings icon on the text, add a label (e.g., "full name"), and choose if it's required or can be edited via Quick Edit.

Image

  • Disabled for Quick Edit means the customer can't change that field in Quick Edit.

Step 7: Use the text icon to insert smart text. Type your example (e.g., "Anna Jones") and position it next to the label.

Image

Image

Image

Image

Step 8: Enable Quick Edit for the fields you want customers to edit. Choose the text format (like text, email address, or phone number). Set what editing actions are allowed (usually just changing the content, not moving/resizing).

Image

Image

Image

Image

Step 9: Configure email and phone number fields for Quick Edit, requiring the correct format for each. Only valid entries (like a real email or proper digits) are accepted.

Image

Image

Step 10: Hide labels and values when the field is empty (Suppress). In the settings, choose which label/text should vanish if the field isn’t filled out.

Image

Image

Image

Image

Image

Image

Step 11: Avoid empty spaces by enabling Replace: if one field (like email) is empty, let the next field move up and fill the gap.

Image

Image

Image

Step 12: Click Save when your template is ready.

Image


Quick Edit makes product personalization simple and secure. Buyers can safely add their details while your design stays protected. If you have any questions, we're here to help. Thank you!


    • Related Articles

    • DesignO Pricing Part 4 : Learn to configure product pricing based on square area unit

      This guide shows you how to create pricing for any product where the cost depends on the square area, for example: vinyl banners, posters, backdrops, and other wide-format items. https://www.youtube.com/watch?v=9X6ikXmmqLY Step 1 - Prepare your ...
    • Quick Navigation

      Quick navigation is a way of optimizing the business processes of a digital platform. Navigation is a process that customers have to follow to find their desired product or service and make a purchase from an e-commerce platform. When this process is ...
    • What is Imposition? How does it work in DesignO?

      Today, we will delve into the concept of imposition, the types of imposition supported by DesignO, and how to configure a product to achieve an imposed print-ready output file for a pending product. Additionally, we will demonstrate placing an order, ...
    • Magento Community Edition 2.0 User Guide

      Welcome to the next generation of the world’s leading digital commerce platform! Built on open-source technology, Magento Community Edition 2.0 provides online merchants with unparalleled flexibility and control over the look, content, and ...
    • Magento Community Edition 2.3 User Guide

      Welcome to the next generation of the world’s leading digital commerce platform! Built on open-source technology, Magento Open Source provides online merchants with unparalleled flexibility and control over the look, content, and functionality of ...

    Live Discussion on Web-to-Pack