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

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

• Elementor
• Elementor Pro
• WooCommerce
• Shoptimizer
• CommerceGurus

1. Install & Activate Elementor

1. Log in to your WordPress dashboard.
   Go to Plugins > Add New Plugin.
   
   Go to Plugins > Add New Plugin.
   
2. In the search bar, type “Elementor Website Builder”.
3. Click Install Now next to Elementor Website Builder.
4. 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.
   

2. Install & Activate Elementor Pro

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

3. Install & Activate WooCommerce

1. In WordPress Admin, go to Plugins > Add New.
   
   This starts the WooCommerce installation process.
   
2. Search for “WooCommerce” in the search bar.
   
3. Click Install Now next to “WooCommerce”.
   
4. Click Activate.
   
5. After activation, click WooCommerce in the WordPress Admin. Follow the steps to configure your store settings and customize your store.
   

4. Install & Activate the Shoptimizer Theme

1. In WordPress Admin, go to Appearance > Themes.
2. Click Add New Theme.
   
3. Click Upload Theme.
   
4. Select `shoptimizer.zip` from the downloaded folder, and click Install Now.
5. Once installed, click Activate and follow the on-screen instructions.
   

5. Install & Activate the CommerceGurus Plugin

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

6. Configure Elementor to Shoptimizer theme 

1. Go to WordPress Admin. Navigate to Appearance > Menus.
   
2. Navigate to Appearance > Menus.
   
3. Click Screen Options in the top right corner.
   
4. Tick the boxes for CSS Classes and Description.
   
5. Go to Elementor > Settings.
   
6. Disable Default Colors and Disable Default fonts by checking the boxes.
   
7. Go to Settings > Reading.
   
8. 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.
     
9. Click Save changes.
   
10. In WordPress Admin, Go to WooCommerce and Click Start customizing.
    
11. Click Go to the Customizer.
    
12. Click Product Images.
    
13. Set the Main image width to be 800 and the thumbnail width to be 300.
    
14. Check that Uncropped is selected.
    
15. Click Publish. (You can also click the Settings icon and choose to Save as draft.)
    
16. Go to the Elementor editor and Navigate to Site Settings.
    
17. Set the Content Width to 1190 from 1140.
    
18. Click Save changes.