Customer features

What your customers can do in the designer, so you know what to switch on and what to tell them.

Designing

The customer types a text (several lines are fine), picks a font from a grid that previews their own text, and sets bold, italic or underline, alignment, letter spacing and line spacing, where you have switched those on. They can add more text layers and shapes, and give each layer its own foil colour. A toolbar offers undo and redo, SVG and PDF download, a cut lines view, zoom, full screen, clear, dimension lines, a dark or light canvas and a share button.

Text and font panel with a three-line text box, font list set to Oswald, custom font upload area, bold italic underline buttons, alignment buttons and letter and line spacing steppers. — Text and font: multi-line text, the font list, your own font upload, bold, italic, underline, alignment and spacing.

Size modes

The customer chooses how to set the size: by letter height, by total width or by fitting inside an area. With fit inside an area they enter the maximum width and height, and the design is sized to fit with the resulting cut size shown under the fields. The size is always in the real size on the canvas, with dimension lines.

Size panel with the options letter height, total width and fit inside an area, and the cut size line. — Size by letter height, total width or a fit-inside area, with the cut size shown under the fields.

Size panel in fit inside an area mode with maximum width and height fields and the cut size line. — Fit inside an area: enter the space you have and the design is sized to fit it, with the resulting cut size under the fields.

For glass, the designer asks whether the vinyl goes on the outside or the inside. For the inside, the cut file is mirrored and the preview shows how it reads from outside.

Scene preview

The In context view shows the design at real size in a scene: a van, shop window, door, boat or wall, or on a photo the customer adds (the photo stays in their browser).

In context view with the van design placed on a vehicle scene and chips to switch between van, shop window, door, boat, wall and my photo. — Scene preview: see the design on a van, shop window, door, boat, wall or your own photo.

In context view with the design on a shop window scene. — The same design on the shop window scene.

Production check

The designer warns when letters are smaller than the material allows, when lines are too thin, when small inner shapes are a problem and when the design does not fit the roll width, and offers a one-click fix. This keeps unworkable designs out of your production queue.

Share link: a link to the design, valid for 30 days.
“Email me this design”: the customer receives the link by e-mail after ticking a consent box; the address is not stored.
Saved designs: logged-in customers can save designs in their account (up to 20).
Design again: from an earlier order in the account, the customer re-opens the design.

Review step

Before ordering, the customer sees a review step with the price breakdown. You can add install kit products (up to 4 regular WooCommerce products that are added as separate items), links to your installation guide and video, photos of installed work for the start preset they chose, review stars from the product's WooCommerce reviews, an indicative outdoor durability line and a shipping day estimate based on your order cut-off time.

Blue price panel with order summary, unit price in euros, bulk pricing table, rush order switch, quantity and add to cart. — The price panel: order summary, price per item, bulk pricing, rush option and quantity.

On a phone

The designer is responsive. On phones the steps sit under the canvas, and from 7.0.2 the canvas stays visible at the top while the customer scrolls through the options. You can change this in Settings, General, under Canvas on phones: stays visible at the top (default), scrolls with the page, or opens the full screen editor after the customer picks a project (this needs the Full screen designer switch). The “What are you making?” row is compact on a phone too and has a Hide button.

The designer on a mobile screen with the design canvas above and the text step below. — The designer on a phone (390 px wide): canvas on top, the steps below.

The designer on a mobile screen scrolled down: the design canvas is pinned at the top and the options for size and material continue below it. — On a phone the canvas stays visible at the top while you scroll through the options below (setting Canvas on phones, default).

The in context scene preview on a mobile screen. — The scene preview on a phone.

Everything has a switch

Every customer-facing feature above can be turned on or off in Settings, so the designer offers exactly what your shop can produce.