On this page

Installing and Activating Elementor, Elementor Pro, WooCommerce, and Shoptimizer

Last Update: April 16, 2025

After purchasing the Advanced Shop plan, you’ll need to install and activate the following using the guides below:

1. Install & Activate Elementor

Log in to your WordPress dashboard.
Go to Plugins > Add New Plugin.
In the search bar, type “Elementor Website Builder”.
Click Install Now next to Elementor Website Builder.
After a few seconds, the text on the button Install Now is replaced with the word Activate. Click the Activate button to activate Elementor Core.

In the WordPress dashboard and to Plugins > Add new plugin
Choose the `elementor-pro.zip` file you downloaded as part of your purchase, and click Install Now.

Important Note: Completing this step is essential to see the Commercegurus section in your WordPress Admin, even if you’ve installed it before.

In your WordPress dashboard, go to Plugins > Add New.
Search for “WooCommerce” in the search bar.
Click Install Now next to “WooCommerce”.
Click Activate.
After activation, click WooCommerce in the WordPress Admin. Follow the steps to configure your store settings and customize your store.

In your WordPress dashboard, go to Plugins.
Click Add New Plugin and then Upload Plugin.
Select `CommerceGurus.zip` from the downloaded folder.
Click Install Now and then Activate.
After activation, the CommerceGurus Setup Wizard will launch. Follow the steps to configure your store.

In your WordPress dashboard, go to Appearance > Menus.
Click Screen Options in the top right corner.
Tick the boxes for CSS Classes and Description.
Go to Elementor > Settings.
Disable Default Colors and Disable Default fonts by checking the boxes.
Go to Settings > Reading.
Update the settings as follows:
- Change the homepage displays and set the homepage to Home.
- Change the homepage displays and set the Posts page to Blog.
- Set the ‘Blog pages show at most’ to be 6.
Click Save changes.
In your WordPress Dashboard, Go to WooCommerce and Click Start customizing.
Click Go to the Customizer.
Click Product Images.
Set the Main image width to be 800 and the thumbnail width to be 300.
Check that Uncropped is selected.
Click Publish. (You can also click the Settings icon and choose to Save as draft.)
Go to the Elementor editor and Navigate to Site Settings.
Set the Content Width to 1190 from 1140.
Click Save changes.