Priority Support
Help Center > Uncategorized > Installing and Activating Elementor, Elementor Pro, WooCommerce, and Shoptimizer

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

Last Update: March 17, 2026

This post has been translated using machine translation, which may result in minor inaccuracies or differences in wording compared to the original. We apologize for any errors or ambiguities. Please feel free to contact us if we can clarify anything for you.

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

After purchasing a Cloud Sell XL or XXL plan, you’ll have the option of downloading a zip file. You’ll need this zip file to install Elementor Pro and Shoptimizer. If you don’t download it at this point, you can download it later from the My Elementor dashboard as described below.

1. Install & Activate Elementor

  1. Go to WP Admin and navigate to Plugins > Add New Plugin.
    The Add plugin link
  2. In the search bar, enter Elementor Website Builder.
    The search box with Elementor Website builder
  3. Click Install Now next to Elementor Website Builder.
    The Install Now button
  4. After a few seconds, the text on the button Install Now is replaced with the word Activate.
  5. Click the Activate button to activate Elementor Core.

2. Install & Activate WooCommerce

Completing this step is essential to see the Commercegurus section in your WordPress Admin, even if you’ve installed it before.
  1. In WordPress Admin, go to Plugins>Add New.
  2. In the search bar, enter WooCommerce.
  3. Click Install Now next to WooCommerce.
    The Install Now button
  4. After a few seconds, the text on the button Install Now is replaced with the word Activate.
  5. Click Activate.
  6. Follow the setup wizard.

3. Download your Elementor Shop zip

Note
If you downloaded the zip file after purchasing your plan, you just need to extract the file you downlaoded.
  1. Go to my.elementor.com and login to your account.
  2. Navigate to the Subscriptions page, found under the profile icon on the top-right.
  3. Find your Shop subscription and click the “Download zip” button to download the zip file to your desktop.
  4. After downloading, extract the zip.

4. Install & Activate Elementor Pro

  1. In the WordPress dashboard and to Plugins > Add new plugin
  2. Choose the  `elementor-pro’ zip file you extracted, install and activate.
  3. In WP Admin, navigate to Plugins>Installed Plugins.
    The Installed Plugins link
  4. Under Elementor Pro, click Connect & Activate.
    the connect and activate link
    Warning
    Make sure you’re using the same account that you used to purchase your subscription.
  5. Connect Elementor Pro to your elementor account. For details, see Connect and activate your Elementor Pro license.
    Connect to your Elementor account

5. Install & Activate the CommerceGurus Plugin

  1. From WP Admin, go to Plugins>Add New Plugin.
  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. Install & Activate the Shoptimizer Theme

  1. In WordPress Admin, go to Appearance > Themes.
    The Appearance Themes link allows you to add a theme
  2. Click Add Theme.
  3. Click Upload Theme.
    The Upload Theme button
  4. Select `shoptimizer.zip` from the downloaded folder, and click Install Now.
    The Install Now button
  5. Once installed, click Activate and follow the on-screen instructions.
    The Activate button
    Note
    Shoptimizer may direct you to install other plugins. You should go ahead and do so. For details about installing WordPress plugins, see Install WordPress plugins.

7. Configure Elementor to Shoptimizer Theme 

  1. From WP Admin, navigate to Appearance>Menus.
    The Menus link
  2. Click Screen Options in the top right corner.
    The screen options button
  3. Tick the boxes for CSS Classes and Description.
    Tick CSS Classes and Description
  4. Go to Elementor>Editor>Settings.
  5. Disable default fonts and colors by checking the boxes.
    The checkboxes to disable default fonts and colors
  6. Click Save Changes.
    The Save Changes button to save the new settings
  7. Go to Settings > Reading.
    The link to edit the Reading Settings
  8. From WP Admin, navigate WooCommerce.
  9. Click Customize your store.
    The Customize my store link
  10. Click Start designing.
    The start designing button
  11. In the panel, click WooCommerce.
    The WooCommerce button in the panel
  12. In the panel, click Product Images.
    the product images button
  13. Set the Main image width to be 800 and the thumbnail width to be 300.
  14. Check that Uncropped is selected.
    The Product Image settings
  15. At the top of the panel, click Publish.
    The Publish button
  16. From WP Admin, navigate to Elementor>Editor.
    In WP Admin, the Elementor Editor section
  17. Under Site Settings, click Customize.
    The Customize button
  18. In the panel, click Layout.
    The Layout button
  19. Set the Content Width to 1190.
  20. Click Save changes.
    The Content Width slider and Save changes button
On this page

Share this article

Hosted with