Skip to main content
A 3D Scene is the product a customer’s design is shown on. When a design has a scene, the editor’s preview shows the customer’s pages on that product instead of as flat pages, and the product page shows it too once they save. Scenes live in 3D Scenes in your admin. You link a scene to a design in its Design Settings.
The 3D Scenes page listing flat sheets, booklets and leaflets, each with a thumbnail, its print areas and a Web Store badge

3D Scenes

Four kinds of product

Start from a Web Store scene

Your 3D Scenes page comes with ready-made scenes marked Web Store: Use them as they are, or open one and change it. Saving an edited Web Store scene gives you your own copy, marked Customized, and your designs use it from then on. A 3D product always starts from your own model.

Create a scene

1

Open the Scene Studio

Go to 3D Scenes and click New 3D Scene.
2

Choose what you're setting up

Pick 3D product, Folded leaflet, Booklet or Flat sheet, and give the scene a Title.
The Scene Studio asking What are you setting up?, with 3D product, Folded leaflet, Booklet and Flat sheet options
3

Set up the product

Fill in the cards on the right. They depend on the kind, as described below. The preview on the left updates as you go.
4

Check it with your own art

The preview starts with a numbered test pattern, so you can see which page lands where and which way is up. Use the buttons under the preview to try real artwork, and Test pattern to go back.
5

Save

Click Save. The thumbnail on the 3D Scenes page is taken from the start view.

3D product

The Scene Studio showing a mug with a numbered test pattern, and the Model and Parts in this model cards

A mug in the Scene Studio

1

Upload the model

Drop a GLB or OBJ file on the preview, or choose one. GLB works best: one file with its materials. For OBJ, add its .mtl file too. Convert FBX files to GLB first. Models can be up to 60 MB.
2

Size and orientation

In the Model card, set:
  • Real size (largest side, mm), so the print lands at its true size.
  • Up axis: Y up for glTF and most tools, Z up for CAD tools such as Fusion or SketchUp.
  • Front view faces: the centre of a print area, or the model’s own front.
3

Mark the parts

Parts in this model lists the model’s meshes and materials. Set each one to Print area, Colour part or leave it at —. Materials are usually the cleanest choice.
4

Set up each print area

Each print area has these settings:
  • Width mm, Height mm and Bleed mm: the printed size. When the surface measures differently, the studio offers Surface measures … use to take the model’s size.
  • Mapping: how the design is laid on the surface. Auto picks for you; Wrap (cylinder) goes round mugs and bottles; Flat projects straight on; Model’s own UVs keeps the model’s mapping.
  • Finish: Gloss, Silk, Matte or Uncoated.
  • Proof page: which page of the design this area shows.
  • Mirror, Upside down and a rotation, for when the design comes out the wrong way.
5

Colour the other parts

Under Colour parts, give each part its colour and its Shine.
The Print areas card with width, height, bleed, mapping, finish and proof page, and the Colour parts card with a colour and a shine slider

Print areas and colour parts

Folded leaflet

The Scene Studio showing a tri-fold leaflet standing open, with the Fold style, Flat sheet and Panels and creases cards

A tri-fold in the Scene Studio

  • Fold style: Half fold, Tri-fold, Z-fold, Gate fold or Custom. Opens sets whether it opens from the side (upright creases) or from the top (level creases).
  • Flat sheet: the unfolded size, from a list (A4, A3, A5, US Letter, US Legal, Tabloid) or typed in. It is for the studio preview only: customers see the leaflet at the size of their design, unless you turn on This product only comes in this size.
  • Panels & creases:
    • Custom lets you set each panel’s width.
    • Tri-folds and gate folds have a Tuck-in allowance, the amount the inner panels are narrower so they fold inside.
    • How open sets every crease at once (Almost flat, Half open, Standing, Just opened), and a slider per crease fine-tunes it.
    • Lies on the table picks the panel that stays still.
    • Inside (page 2) printed sets whether the inside is Turned left to right or Tumbled top to bottom.
  • Paper: see Paper. The leaflet’s Paper card also has Edges.
Page 1 of the design is the outside and page 2 the inside, unless you supply a side. Panels count from the left of page 1, or from the top when the leaflet opens from the top.

Booklet

The Scene Studio showing an open booklet on pages 2 and 3, with the Binding, Page size and Opening and turning cards

A booklet in the Scene Studio

  • Binding: Left edge for most books, Right edge for right-to-left reading, or Top edge for calendars and notepads. Shown sets whether it lies open on a table or stands up.
  • Page size: one page’s size, from a list (A4, A5, A6, US Letter, Half Letter, Square 210) or typed in, and Pages in the preview. Both are for the studio preview only: customers see their design’s page size and page count. This product only comes in this page size fixes the size; the page count still comes from the design.
  • Opening & turning:
    • How wide it opens, and the Page curve at the spine.
    • Opens at: the front cover or the first spread.
    • The Page turn speed.
    • Customers turn pages by clicking, dragging or the arrow keys. Turn each one on or off.
  • Paper: the inside pages’ stock, weight and Page thickness. Turn on Heavier cover to give the cover its own stock and weight.

Flat sheet

The Scene Studio showing a postcard lying on a table, with the Size, Shape and display, Paper and Camera views cards

A business card in the Scene Studio

  • Size: from a list (business cards, A6 and 6 × 4 in postcards, DL, A5, A4, US Letter, Square 148) or typed in. It is for the studio preview only, unless you turn on This product only comes in this size.
  • Shape & display:
    • Rounded corners in mm, with 0 for square corners.
    • Shown: lying on a table or standing up.
    • Back (page 2) printed: turned left to right or tumbled top to bottom.
    • Edges: see Painted edges.
  • Paper: see Paper.
Page 1 of the design is the front and page 2 the back, unless you supply a side. A one-page design shows plain paper on the back. Customers click the sheet to turn it over.

Sides and covers you supply

Some products have a side the customer doesn’t design: a single-sided business card with a green back, a leaflet with a printed order form inside, or a booklet whose back cover is always the same. Set those sides in the Sides you supply card (Covers you supply for booklets), and the customer only designs the rest. Each side is one of:
  • Customer’s file: the default. The side shows a page of the customer’s design.
  • A colour: the whole side in one colour.
  • An image: a PNG, JPEG or WebP up to 4 MB. Fills the side covers it edge to edge, cropping what doesn’t fit. Fits on a colour shows the whole image on a background colour you choose.
The design’s pages fill the sides you don’t supply, in order: A flat sheet or leaflet always keeps one side for the customer’s design, so once one side is supplied the studio won’t let you supply the other.

Booklet covers

The Covers you supply card: the front, inside back and back covers use the customer's file, and the inside front cover is set to a colour

Covers you supply, with the inside front cover set to a colour

A booklet can supply any of its four covers: the front cover, the inside front cover, the inside back cover and the back cover. They stay in their places, and the design’s pages fill the pages between them in order. For example, with a supplied front and back cover, a 6-page design becomes an 8-page booklet: your front cover, the customer’s pages 1 to 6, then your back cover. A back cover (or an inside back cover) always lands on the back of the last sheet. When the page count would be odd, a blank page is added before it.
Sides you supply appear in the 3D view only. The flat Pages view and the print file are the customer’s pages as designed.

Paper

Leaflets, booklets and sheets have a Paper card:
  • Stock: Uncoated, Matte, Silk or Gloss. It sets how much the paper shines.
  • Weight (gsm).
  • Thickness (mm): leave it empty to work it out from the weight, or type the caliper of your stock.

Painted edges

Flat sheets and folded leaflets can show painted edges, like edge-painted business cards. Set Edges to Painted (a colour) and pick the colour, or leave it on Paper. On a flat sheet the whole edge is painted, rounded corners included. On a leaflet only the outer edges of the sheet are painted, and the creases stay paper.
The edge is as thick as the paper, so a colour on ordinary card is a hairline. Set Thickness (mm) to your stock’s real caliper, for example 1.2 mm for a thick painted-edge card, and the edge shows as it will look in the hand.

Camera views

Each scene comes with camera views, shown as buttons above the preview. To add your own, turn the preview to the angle you want and press +. In the Camera views card, choose the start view, which is what customers see first and what the thumbnail shows. You can rename or delete the views you added. Customers switch between the views with the same buttons. Scenes are linked to designs, not to products, so every product that uses the design shows it on the same product.
1

Open the design's settings

Go to Designs and click the Configuration button against the design.
2

Choose the scene

Open the 3D Scene tab and choose the scene. Scenes are listed by kind and name, for example Sheet · Business card. None keeps the flat preview.
The Design Settings window on its 3D Scene tab, with Sheet · Business card (Web Store) chosen from the list of scenes

The 3D Scene tab in Design Settings

3

Save

Click Save. The next time a customer opens the design, the preview shows it on the product.

What the customer sees

In the editor

When the customer clicks Preview, the editor shows their pages on the product instead of as flat pages. A 3D / Pages switch in the top right goes back to the flat pages and returns to 3D.
The editor in preview mode showing the customer's business card in 3D, with the 3D and Pages switch, the Front and Low view buttons and the page thumbnails

The editor's preview on a business card

The 3D view and the editor’s pages stay together. Turning a booklet’s page moves the editor to that page, and picking a page in the editor turns the booklet or flips the sheet to it. With the Mini display mode, the editor stays on the product page after the customer submits, still showing the design in 3D.

On the product page

When the customer saves their design, the product’s image gallery shows it on the product. The thumbnails underneath turn the booklet or flip the sheet to that page.
A WooCommerce product page for a black and red business card, where the gallery shows the customer's design on the card with the Front and Low view buttons and the front and back thumbnails below

The product page after the customer saves

The gallery shows the design as it was when the customer saved. Cart thumbnails, order pages and emails keep showing the flat page images.

Good to know

  • The editor and the product page use the design’s first page for the size of leaflets, booklets and sheets, unless the scene has a fixed size. 3D products always keep the size set in the scene.
  • Mail Merge designs keep the flat preview, since it steps through every record.
  • If the customer’s browser can’t show 3D, or a page can’t be drawn, the flat pages are shown instead.
  • The product page gallery needs Retain Product Images turned off in Settings, since that setting keeps your own product images in place.
  • The 3D gallery shows right after the customer saves. If they reload the product page, the gallery shows their saved page images.
  • When a product has several designs, for example one per variant, each design shows its own scene.