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
- Select the screen.
- Export → WordPress.
- Choose whether to create a new page or replace an existing one.
- 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
Publish your first site
Take a project live on a uxmagic.io subdomain in a couple of minutes.
Export to Framer and Webflow
Copy a screen into Framer or Webflow with a paste, preserving structure and styling.
Export code (HTML, React, Tailwind)
Export a single screen or a whole project as production-ready front-end code.