Preview & Publishing

Content Preview

Open draft and published previews of your content directly from the Flotiq editor.

What this plugin does

The Content Preview plugin adds one-click preview buttons to the Flotiq content editor, letting editors open their frontend site in either draft or published mode without manually constructing URLs. It works best with Next.js sites using draft mode, where unpublished content can be previewed securely via a token-protected route. Two workflows are supported. In the full workflow, editors click Preview and Save Draft to save changes and open the draft version of the page — useful for reviewing before publishing. The Public Version button opens the live published page for comparison. In the simple workflow, Save and View saves immediately and opens the page with all changes visible. Configuration is flexible: you define a base URL, a client authorisation key, and a page route template using field interpolation (e.g. /post/{slug}), making the plugin adaptable to any URL structure your frontend uses.

One-click preview

Open draft or published preview directly from the editor with a single click.

Configurable URLs

Map any content type to its preview URL pattern using field interpolation.

Separate draft and live modes

Editors can check unpublished drafts and live pages independently.

Install in Flotiq

Follow these steps to get the plugin running in your Flotiq account.

Go to Plugins in the Flotiq sidebar

Select Plugins from the left sidebar in your Flotiq dashboard.

Enable the Content Preview plugin

Click the + icon next to Content Preview to install and enable it. The UI will reload.

Open plugin settings

Click Manage to open the configuration modal.

Configure base URL and auth key

Set Page base URL (e.g. https://your-site.com/) and your Client Authorisation Key — the key defined in your app's environment variables for viewing drafts and cache revalidation.