Preview Mode Demo

This is a demo of the Preview Mode. You can use this to test and learn all the possible available options.
You can download this source code .

API Configuration

Get your API key from Templated Dashboard

You can find the embed config ID in the embed URL in the Embed settings screen

Set initial zoom level (10-100). If not set, optimal zoom will be calculated automatically.

Set which page to display for multi-page templates (e.g., "page-1", "page-2"). Shows only this page, hiding others.

Enable selecting, moving, resizing, and text editing of layers in preview mode. These can also be controlled via postMessage.