MedusaWP is a powerful tool that seamlessly integrates your Medusa e-commerce store with WordPress, offering a range of features to simplify your e-commerce management. We also provide a rich set of Medusa-oriented functions for you to utilize within your WordPress theme.
You can connect to your existing Medusa store and effortlessly import its data into WordPress. You have full visibility into the sync progress and can easily troubleshoot any issues that may arise during the synchronization process. Data health checks ensure that your synced items are error-free and successfully imported into WordPress. Managing media assets is a breeze with the ability to import Medusa thumbnails directly into the WordPress Media Library. You can also manage and display Medusa data as custom post types within your WordPress site.
For a seamless shopping experience, the plugin automatically creates a cart for customers who land on your site. A country switcher functionality is also included, allowing cart region updates based on the selected country code.
When needed, you can remove all synced data and disconnect from Medusa effortlessly.
Unlock the full potential of your Medusa store with the MedusaWP plugin and streamline your e-commerce operations.
- Use WordPress as a headless CMS or as a storefront for the Medusa shop.
- Connect to an existing Medusa store from WordPress and import its data into WordPress.
- Synchronize your Medusa e-commerce data with WordPress.
- Import Medusa thumbnails into the WordPress Media Library (either directly when syncing Medusa data or separately).
- Provide an overview and troubleshooting for the sync progress.
- Check the data health, including identifying any sync errors, partially synced items, or successfully synced data.
- Manage and display Medusa data (products, product collections...) in WordPress as custom post types (CPT).
- Automatically create a cart when the customer lands on the site for the first time (default country/region settings can be configured within the WordPress plugin settings).
- Implement a country switcher that updates the cart region based on the given country code.
- Remove all synced data.
- Disconnect from Medusa.
- Expose a rich set of functions available for you to use within your WordPress theme, including
medusa-react
utility functions for computing and formatting prices and amounts.
- Medusa Backend
- Redis
- WordPress Installation
- WordPress website up and running
- Administrator access to your WordPress website
- PHP Composer latest version 1.x
- In the root of your Medusa backend, run the following command to install the
medusa-plugin-wordpress
plugin:
npm i medusa-plugin-wordpress
- Add the plugin to your
medusa-config.js
file at the end of theplugins
array:
module.exports = {
// ...
plugins: [
// ...
{
resolve: "medusa-plugin-wordpress",
options: {
// ...
},
},
],
// ...
}
- Next, configure the
medusa-plugin-wordpress
plugin that you added in the previous step. For example:
const plugins = [
// ...
{
resolve: `medusa-plugin-wordpress`,
options: {
sync_options: {
attempts: 5,
backoff: {
type: 'exponential',
delay: 2000
}
}
},
},
]
The plugin can be configured with the following options:
(property) sync_options: {
delay?: number | undefined;
attempts: number;
backoff?: {
type: "fixed" | "exponential";
delay: number;
} | undefined;
}
sync_options
- Sync options object.delay
- Delay time in milliseconds, defaultundefined
.attempts
- Number of attempts, default3
.backoff
- Backoff options object.type
- Backoff type, either"fixed"
or"exponential"
, default"exponential"
.delay
- Backoff delay time in milliseconds, default2000
.
- In the root directory of your WordPress installation, run the following command to install the plugin using Composer:
composer require agilo/medusawp
-
Log in to your WordPress admin dashboard using your administrator credentials.
-
After successful installation, click the "Activate" button to activate the plugin.
-
To finish the plugin setup, proceed to the How To Use steps.
- Run the following command in the directory of the Medusa backend to run the backend:
npm run start
-
After you have logged into your WordPress site, navigate to the MedusaWP plugin settings page, which can be found in the WordPress admin menu.
-
Connect your Medusa e-commerce store and your WordPress instance. On the default MedusaWP plugin screen enter your Medusa shop URL and credentials - email and password and press "Connect" button.
Note
If necessary, you can always disconnect from your Medusa shop by opening a dropdown in the upper-right corner, pressing the "Disconnect" button, and confirming your decision.
- When the connection with Medusa is established, sync your Medusa e-commerce data with WordPress by clicking the "Sync" button. You can also choose to import Medusa thumbnails into the WordPress Media Library directly with the data sync (this may slightly slow down your data sync process), or you can import thumbnails separately later using the "Import" button.
Note
It is possible to remove all your synced Medusa data from your WordPress site at any time using the "Remove" button. We recommend that you backup your data before proceeding with this action.
-
Once the data synchronization is complete, configure the default settings of the MedusaWP plugin to suit your needs. In the dropdown, you can select the default country, which will be used to automatically create a cart in the corresponding region when a customer lands on the site.
-
Verify that the plugin is working as expected by visiting your website and using its features.
That's it! You have successfully installed and set up the MedusaWP plugin. Enjoy using it in your projects and on your WordPress website.
We welcome contributions from the community to help make this project even better. Please feel free to open pull requests or issues. Thank you for considering contributing, and we look forward to collaborating with you!
Below you can find the plugin development guide that will help you get started with running MedusaWP in your local environment.
- Docker and Docker Compose
- We suggest using OrbStack on Mac.
- Node.js v20
- PHP Composer latest version 1.x | 2.x
After you have installed the requirements, you will need to add a host entry for the project by appending the following line to your /etc/hosts
file:
127.0.0.1 medusawp.test
Follow these step-by-step instructions to run the project locally:
- Fulfill everything mentioned in the prerequisites above
git clone https://github.com/Agilo/medusawp.git
- clone the repocd medusawp
- position into the project directorycp .env.example .env
- set up docker-compose environment variablescp ./dev/medusa/.env.example ./dev/medusa/.env
- set up Medusa environment variablesnpm i
- install all dependenciesnpm run addcert -w wordpress
- add a self-signed certificate formedusawp.test
npm run build -w wordpress
- build WordPresscomposer install -d ./wordpress-plugin
- install Composer dependencies for the WordPress plugindocker-compose --profile wp --profile medusa up
- start WordPress and Medusa Docker containers- Open a new terminal tab
npm run seed -w medusa
- seed Medusa DBnpm run migrate -w medusa
- run Medusa migrationsnpm start
- build the Medusa plugin and start the Medusa dev server and Medusa plugin watcher
WordPress is now available at https://medusawp.test and Medusa Admin dashboard at https://localhost:9000/app.
Default credentials for Medusa Admin are:
[email protected]
supersecret
Default credentials for WordPress are:
admin
admin
npm start
- build the plugin and start the Medusa dev server and plugin watchernpm run build -w medusa-plugin-wordpress
- build the Medusa pluginnpm run watch -w medusa-plugin-wordpress
- start the Medusa plugin watchernpm run test -w medusa-plugin-wordpress
- run Medusa plugin testsnpm run seed -w medusa
- seed Medusa DBnpm run build -w medusa
- build Medusanpm run migrate -w medusa
- run Medusa migrationsnpm start -w medusa
- start the Medusa development servernpm run addcert -w wordpress
- add a self-signed certificate formedusawp.test
npm run build -w wordpress
- build WordPress
Docker services are defined in docker-compose.yml
file. There are 2 separate profiles defined in the file:
wp
- WordPressmedusa
- Medusa
Most of the time, you will want to run both profiles at the same time. But if you want to run only one of them, you can do so by running docker-compose --profile <profile> up
. For example, to start only WordPress, you would run docker-compose --profile wp up
.
nginx
- Nginx web server that serves WordPress on https://medusawp.testphp
- PHP-FPMdb
- MariaDB database server for WordPress available on localhost:3306, you can change credentials and port in.env
filephpmyadmin
- phpMyAdmin available on https://localhost:8080
postgres
- PostgreSQL database server for Medusa available on localhost:5432, you can change credentials and port in.env
anddev/medusa/.env
filespgadmin
- pgAdmin available on https://localhost:5050redis
- Redis server for Medusa available on localhost:6379admin
- Medusa Admin available on https://localhost:9000
- Medusa Documentation
- Medusa Development Documentation
- WordPress Documentation
- WordPress Developer Resources
This project is licensed under the MIT License.
MedusaWP is developed and maintained by AGILO. Huge thanks to all contributors.