The Text Layers module provides a form-based interface for editing text elements. Instead of the free-form Text module (where customers type and place text anywhere), Text Layers shows each predefined text element as an accordion panel with dedicated controls for text content, font, size, color, and formatting.

Use this when you want customers to fill in specific text fields — like a name on a business card or a slogan on a poster — without interacting directly with the canvas.

Before you start

• The Text Layers module is not enabled by default. You need to add it to the customizer's module list.
• The module shows only editable text elements. Pre-place text elements in the Product Builder and mark them as editable.
• You need access to the Product Builder in your WordPress admin.

Step 1: Create editable text elements

1. Open the product in the Product Builder.
2. Add text elements at the desired positions on the canvas (e.g., "Your Name Here", "Tagline").
3. For each text element, ensure the Editable property is enabled.
4. Give each element a meaningful title — this title becomes the label in the Text Layers panel.
5. Save the product.

Step 2: Enable the module

Add the Text Layers module to the customizer's enabled modules list for your product.

If you are using Text Layers as a replacement for the standard Text module, consider disabling the Text module so customers only see the form-based interface.

How customers use Text Layers

Each editable text element on the current view appears as a collapsible panel:

1. The customer sees a list of text fields, each labeled with the element's title.
2. Clicking a panel expands it to reveal the text input and controls.
3. The customer types in the text input. The canvas updates in real time.
4. Formatting options appear below the text input.

Available controls per panel