Exporting to WordPress and Bricks

An HTML card’s Export panel is a wizard: pick a destination, then a format, and push the card straight to a live site — or download a file any site can import.

Destinations and formats

Today the destination is WordPress (Instatic and Framer are marked Soon). Three format families:

• GreenShift blocks — the card as native GreenShift Gutenberg blocks.
• Core HTML — a plain HTML block.
• Bricks Builder — native Bricks elements or a Code element (below).

Live pushes use the same application-password site connections you already use for WordPress — no companion plugin. Media upload, skip-existing, CSS url() asset upload and external styles/scripts handling work for every format.

Bricks Builder

Live push to Bricks 2.4+ runs over the WordPress Abilities API, in two modes:

• As Bricks elements — the card’s HTML/CSS is converted server-side by Bricks itself into native, editable elements. CSS class selectors become global classes and :root custom properties become global variables — existing site classes and variables are reused, never overwritten.
• As one Code element — the whole card in a single Bricks Code element; works on any Bricks version and is auto-signed for execution when the site allows it.

Design-system extras: an optional colour palette built from the card’s CSS, Google Fonts downloaded and installed as Bricks custom fonts, and the board’s own uploaded fonts pushed with Push board fonts.

Undo last push — Bricks snapshots a revision on every save, so after pushing to an existing page the result screen offers one-click restore of the previous content.

File export for any Bricks version — generate a Bricks template .json (import via Bricks → Templates → Import) or copy paste-in-builder JSON straight onto the builder canvas; both work without Bricks 2.4 and without a site connection.

The options step checks the site up front and warns when the Abilities API isn’t available (enable it under Bricks → Settings → AI), pointing to the file export instead.

To hide the Bricks option from the wizard, switch off App Settings → Bricks Builder export (gear icon).

Where to go next

• Editing with AI and the Visual Editor
• Screenshots and Video Renders