Site design · ZFlow Docs

Everything is set up in the “Design” tab: fields on the left, a live preview on the right — changes are visible immediately, even before saving.

Where to set it up#

Open the “Design” tab. If you have several domains, domain switchers appear at the top — every domain has its own design. You can also set the design right when adding a domain: the wizard offers to set up the site on its second step.

The Design tab: fields on the left, a live shop preview on the right — Fields on the left, shop preview on the right. Demo data. Click to enlarge.

Templates#

Template	What you can configure
Template 1 — classic	Name, color, logo and texts. Theme, corners and the right-hand block are fixed in it.
Template 2 — market, dark	All of the above, plus the theme, corners, the right-hand block on the home page and its animation.

For “Template 1” the theme, corners and animation fields are hidden in the form because they do not change on the site. After saving, open your domain and compare the result with the preview.

Texts#

Field	Where the text appears	Limit
Site name	In the header and the browser tab	80 characters
Homepage headline	The big line on the first screen	200
Subtitle	Under the headline	240
Main button text	The main button of the first screen	30
Announcement bar	A narrow bar above the header: a promo, a promo code, news	120
Support link	Where “Support” on the site leads: `https://…` or `t.me/…`	200

An empty field is not an error: the site shows its default text. Write your own text only where you really need it.

Look and feel#

Color

Six ready-made colors or your own — the round rainbow button opens the palette.

Theme (Template 2)

Dark, black or glow.

Corners (Template 2)

Sharp, soft or round corners.

Right-hand block (Template 2)

“Cards” — a fan of skins, “Orbit” — a core with satellites. With it comes an animation: card swap, float, wave, pulse or none.

You can also hide the reviews block on the home page — the “Show reviews on the home page” checkbox.

The language and currency of the sites are fixed: English and US dollars. They cannot be changed — this keeps all shops consistent.

Logo#

PNG, JPG, WEBP or SVG, up to 200 KB. The “Remove” button restores the default logo. A square or horizontal mark on a transparent background works well.

Saving#

Changes are applied with the “Save” button: “Saved” appears next to it and the site updates immediately. Until you click it, everything is visible only in the preview. If you change any field after saving, the “Saved” mark disappears — which means there are unsaved edits.