Export to live from dev

Can you tell me how to upload your template to production site? I have a page on DEV (shop) and an existing one on production live.

On dev I have your template and additionally Elementor (as you recommended) and changes.

Can I somehow transfer everything to production to have all these changes? I can’t do a classic push because I will lose current orders. What should I export from dev and how to make the same appear on production? Only your theme or also Elementor or something else?

Hi grzegorz-5087,

Thanks for reaching to us.

Can you please let me know you are referring to posts or theme settings?

Regards,
Hung PD

Hi,

We are preparing to move our newly designed website (based on the Woodmart theme and Elementor) from a development environment (DEV) to a production clone.

The client has approved the layout on the DEV site, and on the day of deployment we will follow this plan:

Migration Workflow Overview:
Temporarily put the live store into maintenance mode, to stop new orders during deployment.
Create a full clone of the current production site using our hosting provider’s built-in tool.
This ensures we preserve all existing WooCommerce data (orders, products, customers).
Apply the layout and design from the DEV site to the cloned version of production, without touching its database content.

What we plan to export and import from the DEV site:
Woodmart theme settings
1.Export from Theme Settings → Import/Export as a .json file
2. Then import on the cloned site to apply all visual configurations (colors, layout, typography, etc.)
Elementor templates and global settings
3. Export all custom templates and layouts from Elementor → Templates
4. Export Elementor global settings from Elementor → Tools → Export
5. Then import them into the cloned site
Child theme (woodmart-child)
6. Copy the entire /wp-content/themes/woodmart-child/ directory via FTP
7. Includes all custom PHP, CSS, overrides, and additional files used in the layout
Images and media used on DEV
8. Manually upload any new images used in Elementor (e.g. hero sections, background images) that don’t exist in the production media library
9. Regenerate thumbnails if needed to match the layout design
Our Question:
Can you please confirm that this approach will correctly migrate the entire frontend design and layout from DEV to the cloned production site?

Is there anything else we should export or copy (such as SVG icons, CSS files, JSON configs, or Elementor system data) to ensure the site on the cloned version looks exactly like the DEV one?

We want to avoid migrating the whole database to prevent losing any live store data.

Thanks in advance for your help and confirmation!

Hi grzegorz-5087,

Your plan look good, and it preserve all production site.

In case you want to make sure everything runs smoothly, you can create other staging site of production site and move dev site to staging site to check first.

Regards,
Hung PD

[Author]

Posts