Connect your app to WordPress.com
Connect your Lovable app to WordPress.com to manage content like posts and pages directly from your WordPress.com sites. This lets your app display content that editors update in WordPress without changing app code.
Anyone building an app that needs to display or manage content from a WordPress.com site needs this.
Do this, in order
- 1
Go to the 'Connectors' section in your Lovable dashboard and choose 'WordPress.com'.
This is where you start the process of adding a new connection to WordPress.com.
- 2
Click 'Add connection'.
This initiates the setup for a new WordPress.com connection.
- 3
Give your connection a clear name, like 'WordPress.com Marketing', in the 'Display name' field.
This name helps you identify this specific connection within Lovable.
- 4
Review the permissions (scopes) the connection will request and select only those your app needs.
Choosing only necessary permissions improves security and ensures the connection has the right access for your app's functions.
- 5
Decide who else in your workspace can use this connection by adjusting the 'Sharing' settings.
This controls whether the connection is private to you or accessible to other team members in your Lovable workspace.
- 6
Click 'Connect' and follow the prompts to sign in to your WordPress.com account and authorize Lovable.
This links your WordPress.com account to Lovable, granting the permissions you selected for content access.
Paste this into your project
Connect my app to WordPress.com so I can list and read posts, pages, and media from my sites. I want to build a blog that shows recent posts and each post's content, featured image, and excerpt.
Words decoded
- Headless CMS
- A content management system (like WordPress) that stores content but doesn't handle how it looks. Your app then takes this content and decides how to display it.
- Scopes
- These are specific permissions you grant to an app, like allowing it to read posts or manage media. You choose what your app can and cannot do.
- Connector gateway
- A secure pathway that Lovable uses to handle connections to other services. It keeps your sensitive login information (tokens) safe and separate from your app's code.
Where people get stuck
- Using this connector for a WordPress site you host yourself; it's only for sites hosted on WordPress.com.
- Not having a WordPress.com account with access to the sites you want to use.
- Not having permission to create connections in your Lovable workspace.
- Forgetting to link the connection to your project after creating it, preventing your app from using it.
- Expecting per-end-user WordPress.com logins; each connection uses a single WordPress.com account.
- Not naming the specific WordPress.com site you want to work with when prompting Lovable if your account has access to multiple sites.
The short version, steps, decoder and prompt on this page are written automatically from Lovable's own documentation and can lag or misread it. The official page is always the authority.