Push a design to WordPress

Connect a WordPress site and publish generated screens to it as pages.

Last updated

Connecting your site

Two ways to connect from Integrations → WordPress:

  • Application password — create one in your WordPress user profile and paste it in with your site URL. Nothing to install.
  • UXMagic plugin — install the plugin on your site and complete the connection handshake. Slightly more setup, smoother afterwards.

Publishing a screen

  1. Select the screen.
  2. Export → WordPress.
  3. Choose whether to create a new page or replace an existing one.
  4. Push.

You can also push several screens at once to create multiple pages in one go.

Things to know

  • Pages are created in your WordPress install as normal pages — you can edit them there afterwards.
  • Your theme's header and footer may wrap the pushed content. Preview before publishing, and use a full-width or blank page template if you want the design to own the whole viewport.
  • Images are transferred to the WordPress media library.

Troubleshooting

  • Connection refused — check the site URL includes the protocol, and that the REST API isn't blocked by a security plugin.
  • Application password rejected — they're generated per user in WordPress; make sure it's copied whole, including the spaces.
  • Content appears unstyled — a plugin or theme is stripping inline styles. The plugin connection generally handles this better than the application-password route.

Was this article helpful?

Related articles

Read this in your language