0796995888 werner@pixzil.co.za Allen Grove, Gauteng, South Africa
Pixzil Pixzil
The page editor, SEO pages, and pushing them to a live site
Build Notes

The page editor, SEO pages, and pushing them to a live site

13/10/2026  ·  Pixzil

How the website side of the system came together: a visual editor, keyword landing pages, and the day a page started travelling to the live server on its own.

The website is part of the system now

Pages, SEO landing pages, and the editor that builds both

A look back at how the website side took shape, and the change that mattered most: a page no longer has to be rebuilt by hand on the live site.

It began as a form, and became a canvas

Every part of a website page is a section with a type, and the type decides how it renders. Hero banner, rich text, full-width image, image beside text, photo gallery, feature cards, a call-to-action band, a live product grid, a contact block. Front desk staff pick a type, fill in the fields, and the page is built. No code, no template, no waiting for anybody.

The editor itself then grew up. It is two panes now: the section forms on the left, and on the right a live canvas showing the page exactly as a visitor will see it, rendered by the very same renderer that serves the public site. Every keystroke redraws it. You can click any part of the preview to jump to the form that owns it, and the device switcher lets you check the layout at desktop, tablet and phone widths before anybody else does. Nothing is written to the database until the page is saved, and an amber pill keeps count of unsaved changes so a half-finished edit cannot be lost by accident.

SEO pages: the same content, aimed at a search term

A landing page is a page built to be found. It has a slug that becomes the web address, a title, an optional meta title and meta description for the search result itself, a body, and a published switch. Some of them link to a product category, so a visitor who arrives from a search lands on a page that already points at the relevant stock.

Each site counts its own visitors on those pages. That sounds like a small detail, and it is the kind of detail that decides whether a number on a screen can be trusted, so it is enforced: a view count belongs to the site that earned it and is never copied anywhere.

What the editor gives you

Reusable sections

The same blocks build website pages, landing pages and news articles, so learning one screen teaches all three.

Live preview canvas

The pane beside the forms renders the page with the storefront renderer itself, so what you preview is what ships.

SEO landing pages

Slug, meta title and meta description per page, with the page linked to a product category where it helps.

Photos handled for you

Uploads are resized, converted to WebP and stripped of metadata automatically, with the saving reported back.

Then the pages learned to travel, and the copy was corrected

A back office and a live site are two installations, and until recently the second one had to be maintained by hand. That is over. Site Sync now has a tab for pages and a tab for SEO pages, each with its own queue and its own SYNC NOW, so publishing a page here puts it on the live site when you decide to.

A page travels with its sections in one piece, keyed by its slug, and written on the other side in a single transaction. A page without its sections would render as an empty shell, and a page that arrived half-written would be worse than one that never arrived, so neither is possible. Only pages that changed since the last push are sent, which is what makes pressing the button twice harmless. Deleting a page here does not delete it there: it is unpublished, so every link, menu entry and sitemap line on the live site keeps working and restoring the page brings it straight back. Renaming a slug retires the old address on the live site too, so the page can never be found at two URLs at once. Photographs used in sections ride the same image pass the catalogue already uses.

One correction went out with it. The point of sale and the firearms register are on-premises modules: they are installed on your own machine and they are not part of a hosted plan. The live site carries the website, the catalogue and the online shop. The public copy now says exactly that, which is the difference between selling somebody a plan and selling them what they actually need.

Writing a page, and being found on it

The website, the landing pages and the news all come out of the same editor. If you would like to see it building something of yours, get in touch.

Talk to us
← All articles