EZ Page Sync
Tutorial·4 min read

How to Sync Gutenberg Pages from Staging to Production

By Jon B.· Updated

Short answer

To sync a Gutenberg page from staging to production, move its block markup unchanged, bring its media across, and update the attachment IDs and URLs inside each block. Copying rendered text loses the blocks. Reusable blocks and templates are stored separately, so check that those already exist on production.

Gutenberg stores a page as block markup in the post content. That's friendlier than a page builder's data, but it still contains details tied to one site.

Move it without care and the layout may survive while the images quietly point at the wrong files.

What's inside a Gutenberg page?

Each block is saved with an HTML comment that holds its settings as JSON. An image block, for example, stores an attachment ID in that comment and a wp-image class in its markup.

Those IDs belong to one site's media library. The same ID on production can point at a different file, or nothing at all.

What usually breaks?

Absolute URLs still point at staging. Attachment IDs point at the wrong media. Reusable blocks, now called synced patterns, are referenced by ID and stored as their own posts. Theme templates and global styles live outside the page entirely.

How do you sync a block page with EZ Page Sync?

EZ Page Sync sends the post content unchanged, so block markup arrives intact. Staging URLs are rewritten on arrival on every tier. Inline media sync is a Premium feature: it brings the files across and remaps the IDs inside blocks, including wp-image classes and id and ids values.

Reusable blocks, templates, template parts, global styles, and navigation menus are not synced. Create those on production first, or the page may reference something that isn't there.

  1. 1Check the page for synced patterns or template changes, and recreate those on production if needed.
  2. 2Run Dry Run or Preview on the page.
  3. 3Sync the page to production.
  4. 4Check images in the block editor and on the live page.
The Sync Pages tab in wp-admin: a searchable, filterable list of pages with In Sync, Pending, and Never Synced status badges, per-page Sync Now buttons, and a status sidebar showing connection health.
Every syncable page at a glance — status badges, last-synced times, and one-click sync per page.

Guide FAQ

Frequently Asked Questions

Does EZ Page Sync sync reusable blocks?

No. Reusable blocks are stored as their own post type, which the plugin does not sync. Recreate them on production.

Will my images work on the Free tier?

Inline media sync needs Premium. On Free, the page content syncs and staging URLs are rewritten, but media files are not brought across.

Does it sync theme templates or global styles?

No. It syncs posts, pages, and custom post types. Templates and global styles must be moved another way.

More Guides

Tutorial

How to Push a Single Page from Staging to Production in WordPress

You edited one page on staging and need it live — without dragging the entire database along. Here are the three real ways to do it, and which is actually safe.

Tutorial

How to Sync WordPress Staging to Production Without Losing Orders

The classic WooCommerce disaster: you push a staging update and a day of live orders vanishes. Here's exactly why it happens — and how to avoid it for good.

Tutorial

How to Move an Elementor Page from Staging to Live Safely

Elementor pages look fine on staging and shatter on production — broken images, lost styling, missing global widgets. Here's why, and how to move them cleanly.

Comparison

Best WordPress Plugins to Push a Single Page to Production

Five plugins that push a single page from staging to live, compared on price, rollback, and plugin support. We built one of them, and we say where the others win.

Tutorial

How to Roll Back a WordPress Page After a Bad Sync

A bad sync should not mean restoring a whole site. Here's how to bring back one page, and what each recovery option can and can't undo.

Tutorial

How to Sync Yoast SEO Data from Staging to Production

You wrote the perfect SEO title on staging, then copied the page and lost it. Here's where Yoast stores that data, and how to move it with the page.

Host Guide

How to Push a Single Page to Live on Kinsta

Kinsta's selective push works on files and tables, not pages. Here's what that means for your live data, and how to ship just one page.

Host Guide

How to Push a Single Page to Live on WP Engine

WP Engine's Copy Environment works on files and tables. Here's what it overwrites, and how to move one page without touching the rest.

Move block pages with their media.

Premium remaps attachment IDs inside your blocks automatically.