Skip to main content
WordPress.com can work like a headless CMS: editors manage posts, pages, and media in WordPress, while your Lovable app fetches that content over the API and decides how it looks and behaves. The WordPress app connector lets your app use WordPress.com’s APIs on your behalf after you sign in with a WordPress.com account. With WordPress connected, your app can:
  • Load content from WordPress — list and read posts, pages, and related fields your account can access
  • Build dynamic pages and layouts driven by CMS content instead of hard-coding copy in the repo
  • Show blogs, marketing sections, and resource pages that stay up to date when editors publish in WordPress
  • Combine WordPress content with the rest of your app — for example, sync or display selected posts alongside your own data
  • Automate publishing workflows — for example, create or update drafts when you describe that behavior in chat (within what the API allows for your site)
The integration is built for WordPress.com, not for self-hosted WordPress. For self-hosted sites, see the WordPress integration.

​
Common use cases & example apps

Exact capabilities depend on what you ask Lovable to build, which sites your WordPress.com user can access, and the permissions you approve when connecting.

​
How WordPress connections work

  • One connection is tied to the WordPress.com user who completes sign-in.
  • That user’s visible sites and allowed actions follow WordPress.com’s rules and the scopes granted at authorization.
  • You can create multiple connections (for example, separate accounts or environments) and link different projects to different connections where your workspace setup allows it.
When a project needs WordPress, Lovable may prompt you to allow or decline the integration for that project, depending on your preference.

​
How to connect WordPress.com

Workspace admins and owners can connect Linear. When a connection is created, WordPress.com becomes available across all projects in the workspace.

​
Prerequisites

  • A WordPress.com account that can access the target site or sites
  • Lovable workspace admin or owner role

​
Set up your WordPress connection

1

Open the WordPress connector

Open Connectors → App connectors and select WordPress.com.
2

Add a connection

Click Add connection.
3

Name the connection

In Display name, choose a clear name (for example, WordPress Marketing or WordPress Staging).
4

Connect to WordPress.com

Click Connect (or the equivalent action). A WordPress.com authorization window opens. Sign in, choose the account if prompted, review the requested access, and approve. When you return to Lovable, the connection should show as active.
When connected, projects that are allowed to use this connection can call WordPress.com through Lovable’s gateway while you build and after you publish.

​
Use WordPress in a project

In chat, describe what you want using plain language and mention WordPress when it matters. For example:

​
FAQs

The connector is built around WordPress.com. Self-hosted WordPress sites are a different product; they may still work with some WordPress.com or Jetpack flows depending on your setup, but you should assume this integration targets WordPress.com unless your site is explicitly connected in a way WordPress.com’s API supports.
WordPress.com billing, plans, and any API-related limits are between you and WordPress.com. Lovable does not replace your WordPress.com subscription or quotas.
Workspace admins and owners add and remove WordPress connections. Other roles may still use the connector in projects when your workspace and project permissions allow it.
No. With gateway-based connectors, credentials stay in the gateway. Your project does not store the OAuth tokens in plain view. See Gateway-based connectors.
The app connector represents the connection you configured at the workspace level, not per-end-user WordPress login. If you need each user to authenticate to WordPress individually, you typically design a custom auth or API flow in your app rather than relying on this app connector alone.
Confirm you used the correct WordPress.com account, that the site appears in that account, and that you approved the requested permissions. If you changed passwords or revoked access at WordPress.com, reconnect the integration from Connectors using your connector’s reconnect or edit flow.

​
Limitations & troubleshooting

For underlying API concepts and endpoints, see WordPress.com developer documentation. Lovable exposes access through the connector; not every documented endpoint is used in every project.
  • API coverage depends on WordPress.com, your site type, and permissions granted at connect time. Not every WordPress admin task is available through the API.
  • Gateway limits apply per connector and project as described in Gateway-based connectors.
  • If something works in the WordPress.com dashboard but not in your app, check whether the action is exposed to the API for your site and account.
Editors and above can remove specific projects from a connection without deleting the connection entirely. The connection will remain available for other projects. To unlink projects:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to manage.
3

Select projects

Under Linked projects, check the projects you want to unlink.
4

Confirm

Click Unlink projects and confirm.
When unlinked, those projects will no longer have access to through this connection. If a project needs again, you can link it to any available connection.

​
How to delete a connection

Workspace admins and owners can delete connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.
Deleting a connection is permanent and cannot be undone. It will remove the credentials from all linked projects, and any apps using this connection will stop working until a new connection is added.
Before deleting, review the Linked projects section to see which projects are currently using the connection. To delete a connection:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to remove.
3

Review linked projects

Review the Linked projects section.
4

Delete

Under Delete this connection, click Delete and confirm.