Help Center Uncategorized Installing and Activating Elementor, Elementor Pro, WooCommerce, and Shoptimizer

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

Last Update: September 10, 2026

To set up a store on a legacy Advanced Shop plan, install Elementor Core and WooCommerce directly from WordPress, download your ZIP files from My Elementor, and manually upload Elementor Pro, CommerceGurus, and Shoptimizer. Once installed, finish up by tweaking a few menu, typography, reading, and image dimension settings.

What do you need before getting started?

Important Note for Existing Users: The Legacy Advanced Shop plan and bundled Shoptimizer theme are discontinued and no longer available for purchase. Shoptimizer and CommerceGurus are not included with the Advanced Solo plan or any current Elementor hosting plans. This guide applies strictly to existing legacy account holders.

Setting up this storefront requires the following components:

  • Elementor (Core): Installed directly from the WordPress plugin directory.
  • WooCommerce: Installed directly from the WordPress plugin directory.
  • Legacy Shop Package: The .zip file downloaded from your My Elementor account.
  • Elementor Pro: The elementor-pro.zip file inside your downloaded package.
  • CommerceGurus Plugin: The CommerceGurus.zip file inside your downloaded package.
  • Shoptimizer Theme: The shoptimizer.zip file inside your downloaded package.

How do you install and activate Elementor Core and WooCommerce?

  1. Log into your WordPress Dashboard and go to Plugins > Add New Plugin.
  2. Search for Elementor Website Builder and click Install Now.
    install now button inside plugins
  3. Once installed, click Activate.
  4. Search for WooCommerce, click Install Now, and then click Activate.
  5. Click WooCommerce in the left menu to run the setup wizard for currency, payment, and shipping settings.

How do you download and extract the legacy Elementor Shop archive from My Elementor?

  1. Log into my.elementor.com.
  2. Click your profile avatar in the top-right corner and select Subscriptions.
    my elementor dashboard subscriptions setting
  3. Find your Legacy Shop subscription and click Download zip.
  4. Unzip the downloaded archive on your computer to access elementor-pro.zip, CommerceGurus.zip, and shoptimizer.zip.

How do you upload and activate Elementor Pro, CommerceGurus, and Shoptimizer?

  1. In WordPress, go to Plugins > Add New Plugin and click Upload Plugin at the top.
  2. Choose elementor-pro.zip from your extracted folder, click Install Now, and then click Activate.
  3. Go to Plugins > Add New Plugin > Upload Plugin, choose CommerceGurus.zip, and click Install Now
  4. Click Activate, then follow the CommerceGurus Setup Wizard prompts.
  5. Go to Appearance > Themes, click Add New Theme, then Upload Theme. Select shoptimizer.zip and click Install Now.
  6. Click Activate.

How do you configure WordPress and Elementor settings for Shoptimizer?

  1. Enable Menu Options: Go to Appearance > Menus, open Screen Options in the top-right corner, and check CSS Classes and Description.
    appearance menus settings showing css classes and descriptions
  2. Disable Default Styling: Go to Elementor > Editor > Settings, check Disable Default Colors and Disable Default Fonts, and click Save Changes.
    disable default fonts and colors
  3. Set Static Pages: Go to Settings > Reading, select A static page, assign your Homepage and Posts page, set Number of recent posts shown on archive pages to 6, and click Save Changes.
    settings reading showing home and blog page
  4. Adjust Product Image Sizes: Go to Appearance > Customize > WooCommerce > Product Images. Set Main image width to 800, Thumbnail width to 300, choose Uncropped, and click Publish.
    product images settings inside appearance customize
  5. Locate Site Settings: Open any page inside the Elementor Editor, open Site Settings from the top-left menu
    Elementor Editor interface displaying the Site Settings global configuration menu panel
  6. Change Content Width: under Layout tab, change Content Width from 1140 to 1190, and click Save Changes.
    Elementor Editor Site Settings Layout panel showing Content Width modified to 1190 pixels

Have more questions?

Can’t find the answers you’re looking for? We’re more than happy to assist.

Contact support

Related Articles

On this page

Share this article