> ## Documentation Index
> Fetch the complete documentation index at: https://help.wtpbiz.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Templates

> Create photo book and calendar templates, build designs and link them to Shopify products.

## Templates Overview

A template sets the physical product: size, bleed, spine and page count. Each template holds one or more **designs**, the ready-made artwork customers start from. Go to **Sidebar > Products > Templates**.

<Frame>
  <img src="https://mintcdn.com/wtpbizpvtltd/Gn9hglSxn-Tpii7A/images/pb-templates.png?fit=max&auto=format&n=Gn9hglSxn-Tpii7A&q=85&s=73a53bba324b2f2792bf2b2d855e3626" alt="Templates list" width="2000" height="1428" data-path="images/pb-templates.png" />
</Frame>

* **Search** — find a template by name or code.
* **Create Template** — create a new photo book or calendar template.
* **Master Templates** — name, code, page count and dates. Codes starting with `BK-` are photo books and `CAL-` are calendars. Use the pencil to edit and the bin to delete.

## Create a Photo Book Template

<Frame>
  <img src="https://mintcdn.com/wtpbizpvtltd/Gn9hglSxn-Tpii7A/images/pb-add-photobook-template.png?fit=max&auto=format&n=Gn9hglSxn-Tpii7A&q=85&s=55df6af079f410897a265209b0fdfde0" alt="Add photo book template form" width="1864" height="2000" data-path="images/pb-add-photobook-template.png" />
</Frame>

1. Click **Create Template** and select **Photobook**.
2. Enter a **Template Name**.
3. Choose the **Unit of Measurement**: MM, CM or INCHES.
4. Set **Cover Dimensions**: width of one cover panel, height and bleed. Presets are available (A4, A5, 20×20 cm, 30×30 cm, 8×8 in, 12×12 in).
5. Set **Inner Page Dimensions**: width, height and bleed of a single page.
6. Add **Spine Width** rows: **From** pages, **To** pages and the spine **Value**. Add one row per page range so thicker books get a wider spine.
7. Enter the total number of **Pages**, cover included.
8. Check the **Live Preview**, then click **Save Photobook Template**.

<Note>
  Use your printer's specifications for sizes, bleed and spine widths.
</Note>

## Edit a Template and Add Designs

<Frame>
  <img src="https://mintcdn.com/wtpbizpvtltd/Gn9hglSxn-Tpii7A/images/pb-edit-photobook-template.png?fit=max&auto=format&n=Gn9hglSxn-Tpii7A&q=85&s=b7ad7820bdc6cd5769f2e90612ff64b4" alt="Edit template with Design Library" width="1623" height="2000" data-path="images/pb-edit-photobook-template.png" />
</Frame>

Click the pencil icon on a template to change its settings and manage its **Design Library**.

* **Live Preview** — shows the full cover as back cover + spine + front cover.
* **Design Library** — every design built on this template, with preview, **Code**, **Name** and **SKU**. Use the icons to open a design in the editor, duplicate, edit details or delete.
* **Add Design** — create a new design.

Each design has a SKU in the format `TEMPLATE-DESIGN:CODE`, for example `BIRTHDAYTEMPLATES-BIRTHDAY1:505882`. Use the copy button to copy it. The same SKU appears on orders.

## Photo Book Design Editor

<Frame>
  <img src="https://mintcdn.com/wtpbizpvtltd/Gn9hglSxn-Tpii7A/images/pb-photobook-editor.png?fit=max&auto=format&n=Gn9hglSxn-Tpii7A&q=85&s=457524f9703a1681c2a2c592c3a299ba" alt="Photo book design editor" width="1025" height="2000" data-path="images/pb-photobook-editor.png" />
</Frame>

* **Upload panel** — drag and drop or click to add photos (JPG, PNG or HEIC).
* **Cover** — back cover, spine and front cover shown together. Click to edit the cover artwork and text.
* **Spreads** — inner pages shown as two-page spreads. Click **+** in a photo slot to add a photo. Text blocks can be edited.
* **Locked pages** — pages marked "This page is not editable" cannot be changed by customers.
* Click **Save** at the top right to save the design.

## Create a Calendar Template

<Frame>
  <img src="https://mintcdn.com/wtpbizpvtltd/Gn9hglSxn-Tpii7A/images/pb-add-calendar-template.png?fit=max&auto=format&n=Gn9hglSxn-Tpii7A&q=85&s=b366a661b35381b18d9b0f743698c0ee" alt="Add calendar template form" width="1220" height="2000" data-path="images/pb-add-calendar-template.png" />
</Frame>

1. Click **Create Template** and select **Calendar**.
2. Enter a name and choose the unit of measurement.
3. Choose the **Calendar Category**: **Single Page** (wall calendar, one sheet per month), **Double Page** (photo sheet above the grid sheet) or **Desktop** (desk stand).
4. Set the **Page Dimensions** (cover and inner pages share one size).
5. Set **Page Layout Options**: **Split View** divides a page into a photo area and a calendar grid. **Months Per Page** sets how many months each page holds.
6. Turn on **Event Personalization** to let customers add birthdays and other events.
7. Set the **From** and **To** year and choose whether to **Include Cover Page**.
8. Check **Calculated Pages** and the **Configuration Summary**, then click **Save Calendar Template**.

## Edit a Calendar Template

<Frame>
  <img src="https://mintcdn.com/wtpbizpvtltd/Gn9hglSxn-Tpii7A/images/pb-edit-calendar-template.png?fit=max&auto=format&n=Gn9hglSxn-Tpii7A&q=85&s=aaff2ead0a7c35d38e4c4a86e96be949" alt="Edit calendar template" width="1039" height="2000" data-path="images/pb-edit-calendar-template.png" />
</Frame>

When **Split View** is on, **Top Section Percentage** sets the ratio of photo area to calendar grid (for example 55% / 45%). The **Calendar Live Preview** shows bleed, image area, binding and grid. The **Design Library** works the same way as for photo books.

## Calendar Design Editor

<Frame>
  <img src="https://mintcdn.com/wtpbizpvtltd/Gn9hglSxn-Tpii7A/images/pb-calendar-editor.png?fit=max&auto=format&n=Gn9hglSxn-Tpii7A&q=85&s=f4c3897d02225b0e251ac4908a04e20a" alt="Calendar design editor" width="611" height="2000" data-path="images/pb-calendar-editor.png" />
</Frame>

The calendar editor shows the front cover followed by one page per month. Each page has a photo slot, the binding and the month grid. Weekends and [holidays](/photobook-designer/assets#holidays) show in red.

## Link a Shopify Product

1. Create the product in Shopify.
2. Copy the design **SKU** from the template's Design Library.
3. Connect the product to the design SKU.
4. Add the Personalize button to the product page. See [Integration](/photobook-designer/integration).
