Building a Panel

A Panel is your design template: a canvas with a background and a stack of layers. Visitors never edit the Panel itself — they fill in a form, and Panels renders their answers into your design.

Create one under Panels → Add New in your WordPress dashboard. The editor shows a live preview beside the settings, so every change is visible as you make it.

Choosing a size

Pick the document size in the Size box. Built-in options:

  • Print — Letter (portrait or landscape), Legal (portrait), A4 (portrait or landscape), A5 (portrait)

  • Social media — Instagram post (square, landscape, or portrait), Facebook post, Twitter/X post, LinkedIn post, Pinterest pin

  • Custom — enter your own width and height in pixels

Letter (portrait) is the default. You can also let visitors pick the size themselves when they fill in the form — see Connecting a Form.

Backgrounds

The Background box offers five sources:

  1. Uploaded image — you pick one fixed image; every generated result uses it.

  2. Form image choice — the background comes from an Image Choice field on the connected form. The visitor picks one of the images you offer, and their pick becomes the background.

  3. Image library — you curate a gallery of images, organized into folders, and the visitor picks one. You can show the gallery as a flat grid or as collapsible folders, and choose whether image labels are shown.

  4. Solid color — you set a background color. Optionally, turn on visitor selection and curate a set of color swatches; the visitor then picks their color from your set. Only colors from your set are ever accepted.

  5. Visitor upload — the background comes from a File Upload field on the connected form. The visitor uploads their own photo. Panels accepts PNG, JPEG, and WebP images only (SVG files are never accepted, for security), verifies every file's real content, and automatically removes hidden metadata — including phone GPS location data — from uploaded photos.

  6. Backgrounds can be positioned (nine positions from top-left to bottom-right), and for image-choice and library sources you can let the visitor choose the position too.

Layers

Add layers in the Layers box. Each layer stacks on top of the background in order.

  • Text layers — pull their content from a form field you choose. Set the font, size, color, position, alignment, and rotation. Optionally give a layer a curated color palette and let the visitor pick the text color from it.

  • Custom text layers — fixed text you write yourself (a heading, a footer line), with the same styling options.

  • Image overlay layers — an image placed on the canvas. The image can be a fixed one you pick from the media library, or come from a visitor upload via a File Upload field (with the same PNG/JPEG/WebP-only safety rules as background uploads). Overlays support size, position, opacity, rotation, borders, and rounded corners.

Fonts

Text layers can use the built-in system fonts (Arial, Georgia, Times New Roman, Helvetica, Verdana, and more) out of the box.

To use Google Fonts, open the Fonts box on the Panel, turn on Enable Google Fonts, and save the Panel — the Google font list becomes available after that save. Once enabled, picking a Google font on a layer shows it in the editor preview immediately, no extra save needed.

Activating

Set the Panel to Active in the details box when it's ready. Only active Panels render on the frontend.