2-Way Sync
InstaWP allows you to merge your WordPress site content changes via the sync feature, which works with both InstaWP Staging sites or Staging sites offered by your Hosting provider.
With 2-way sync, you will be able to sync changes from live to staging and vice-versa. 2 Way Sync is primarily meant to sync content related changes. Any changes made directly to files or database is not visible to our plugin and WILL NOT be synced.
The changes, such as adding new pages, or making modifications in the staging site being recorded, will allow you to reflect changes in the live site.
In this documentation, we will explore:
Navigation to Sync Option
Using InstaWP for Staging
Using Hosting Panel for Staging
Let’s get started 🚀
Note: We are presuming that you are using the InstaWP connect plugin and have it configured for your site. If not, refer to this Add Connect Plugin to Site document.
Step 1: Launch your created Staging site WP panel, by clicking on the Auto Login button.
This will take you to your Staging site WP panel.
Step 2: Select the Tools Option and then the InstaWP option from the dropdown list.
Note: If the "InstaWP" option is not available in the WP panel of your Staging site, you must add the InstaWP Connect - 1-click Staging and Migration plugin to your Live site. For more information, please refer to the Add Connect Plugin to Site document.
Step 3: Select the Sync (Beta) tab from the navigation bar of your InstaWP Staging tools.
Here, you can toggle the Sync button for recording the changes.
InstaWP allows you to sync changes made on your Staging site, which are then reflected on your Live site without overwriting them.
To Sync changes, you can follow the below steps:
Step 1: Toggle the Sync button to start recording the changes.
Step 2: You can now make changes in your Staging site.
For example, here we have added a new page to the staging site.
Step 3: From WP admin dashboard, click on the Recording button.
Here, you will find the list of recorded events on your Staging site.
Step 4: Click on the Sync all button to merge changes in your Live site too.
A new modal window will appear, prompting you to select the destination live site for syncing changes as well as an optional message to add.
Step 5: After selecting the destination live site, click on the Sync button.
Then, you will see a success message on the status section corresponding to the changes (event) created.
You may now see the modifications replicated on the Live site from where you built the staging site. For more information, please refer to the Create staging site document.
InstaWP allows you to sync changes from the staging site that is created on your hosting panel to the live site.
Once your live (production) and staging sites are connected. You can follow the below steps:
Step 1: Navigate to the Connects page.
Note: Both of your sites should show up on the screen in “connected” mode under the Status section.
Step 2: Click on the Staging Sites section of the live site that you want to push changes.
A new modal window will slide from the right side of the interface providing you with the option to link the staging site to your live site.
Step 3: Click on the link staging site button.
Note: The user needs to keep the beta mode “On” in able to access the 2 Way Sync feature. For more information, you can refer to Beta mode document.
A new modal window will appear, allowing you to select the staging site which you want to link with the live site.
Step 4: After selecting a site, click on the Link button.
This will show a success message on your screen.
Now you can make changes to the staging site (make sure the recording is ON) and push the changes to your live (production) site.
Note: The 2-Way-Sync feature currently support the following tested plugins and themes. Any plugins or themes using the default CPT for their data will be supported by default, however through testing may be required
⚙️Core: All features are supported, except Navigation Menu (coming soon..).
⚙️Plugins: WooCommerce, ACF, Bricks Builder & Elementor.
⚙️Themes (Customizer Settings): Astra, Hello Elementor, Twenty Twenty-Four, Twenty Twenty-Three, Twenty Twenty-Two, Twenty Twenty-One & Twenty Twenty.
💡 Did you know - You can also sync changes from the template's parent site to the content of your template. Learn about Sync template from parent site.
With 2-way sync, you will be able to sync changes from live to staging and vice-versa. 2 Way Sync is primarily meant to sync content related changes. Any changes made directly to files or database is not visible to our plugin and WILL NOT be synced.
The changes, such as adding new pages, or making modifications in the staging site being recorded, will allow you to reflect changes in the live site.
In this documentation, we will explore:
Navigation to Sync Option
Using InstaWP for Staging
Using Hosting Panel for Staging
Let’s get started 🚀
Navigation to Sync Option
Note: We are presuming that you are using the InstaWP connect plugin and have it configured for your site. If not, refer to this Add Connect Plugin to Site document.
Step 1: Launch your created Staging site WP panel, by clicking on the Auto Login button.
This will take you to your Staging site WP panel.
Step 2: Select the Tools Option and then the InstaWP option from the dropdown list.
Note: If the "InstaWP" option is not available in the WP panel of your Staging site, you must add the InstaWP Connect - 1-click Staging and Migration plugin to your Live site. For more information, please refer to the Add Connect Plugin to Site document.
Step 3: Select the Sync (Beta) tab from the navigation bar of your InstaWP Staging tools.
Here, you can toggle the Sync button for recording the changes.
Using InstaWP for Staging
InstaWP allows you to sync changes made on your Staging site, which are then reflected on your Live site without overwriting them.
To Sync changes, you can follow the below steps:
Step 1: Toggle the Sync button to start recording the changes.
Step 2: You can now make changes in your Staging site.
For example, here we have added a new page to the staging site.
Step 3: From WP admin dashboard, click on the Recording button.
Here, you will find the list of recorded events on your Staging site.
Step 4: Click on the Sync all button to merge changes in your Live site too.
A new modal window will appear, prompting you to select the destination live site for syncing changes as well as an optional message to add.
Step 5: After selecting the destination live site, click on the Sync button.
Then, you will see a success message on the status section corresponding to the changes (event) created.
You may now see the modifications replicated on the Live site from where you built the staging site. For more information, please refer to the Create staging site document.
Using Hosting Panel for Staging
InstaWP allows you to sync changes from the staging site that is created on your hosting panel to the live site.
Once your live (production) and staging sites are connected. You can follow the below steps:
Step 1: Navigate to the Connects page.
Note: Both of your sites should show up on the screen in “connected” mode under the Status section.
Step 2: Click on the Staging Sites section of the live site that you want to push changes.
A new modal window will slide from the right side of the interface providing you with the option to link the staging site to your live site.
Step 3: Click on the link staging site button.
Note: The user needs to keep the beta mode “On” in able to access the 2 Way Sync feature. For more information, you can refer to Beta mode document.
A new modal window will appear, allowing you to select the staging site which you want to link with the live site.
Step 4: After selecting a site, click on the Link button.
This will show a success message on your screen.
Now you can make changes to the staging site (make sure the recording is ON) and push the changes to your live (production) site.
Note: The 2-Way-Sync feature currently support the following tested plugins and themes. Any plugins or themes using the default CPT for their data will be supported by default, however through testing may be required
⚙️Core: All features are supported, except Navigation Menu (coming soon..).
⚙️Plugins: WooCommerce, ACF, Bricks Builder & Elementor.
⚙️Themes (Customizer Settings): Astra, Hello Elementor, Twenty Twenty-Four, Twenty Twenty-Three, Twenty Twenty-Two, Twenty Twenty-One & Twenty Twenty.
💡 Did you know - You can also sync changes from the template's parent site to the content of your template. Learn about Sync template from parent site.
Updated on: 06/05/2024
Thank you!