Home / How to Install and Activate Electro Theme on Your WooCommerce Store: Step-by-Step Guide
Expert Review

How to Install and Activate Electro Theme on Your WooCommerce Store: Step-by-Step Guide

How to Install and Activate Electro Theme on Your WooCommerce Store: Step-by-Step Guide

How to Install and Activate Electro Theme on Your WooCommerce Store: Step-by-Step Guide

Installing a new WordPress theme sounds simple until you are staring at your live store, worried that one wrong click will break your homepage, hide your products, or confuse your customers. This guide walks through installing and activating Electro Theme on a WooCommerce store in clear, careful steps, with the checkpoints a Bangladeshi electronics seller should not skip.

Electro is an electronics, gadget, computer, mobile, and accessories WooCommerce theme by MadrasThemes, formerly Transvelo. It is ThemeForest item 15720624, with 17 or more homepage demos, three product layouts, autocomplete search, horizontal and vertical mega menus, and compatibility with Elementor and WPBakery. On WP Theme Bazar it is offered at ৳2,000, down from a regular price of ৳5,000, with lifetime updates — price may change — see the product page for the current price. Activation here is seller-assisted: the WP Theme Bazar team activates the original license directly on your site, and the private license key is never shared.

Buy Electro Theme: message us on WhatsApp https://wa.me/8801919052411 with the product name — bKash/Nagad accepted, activation within minutes.

Electro Theme installation and setup for WooCommerce electronics store

You can check the current offer and demo details on the Electro Theme product page before you start the steps below.

Before You Start: What to Prepare

A smooth install starts before you touch the theme settings. First, make a full backup of your WordPress site, including the database and uploads. If your host offers a backup tool, use it. If you use a backup plugin, run a complete backup and confirm it finished. Do not skip this step because your store is small; a backup is what lets you recover calmly if anything looks wrong after the switch.

Second, note down your current theme name and your current homepage settings. Take a screenshot of your homepage and your shop page on both desktop and mobile. That gives you a reference if you need to compare the old layout with the new one.

Third, check that WordPress and WooCommerce are up to date enough for a modern theme, and that your hosting meets the usual requirements for WooCommerce. If your site already runs WooCommerce and your products are published, you are in a good position to install Electro.

Fourth, prepare your product data. Electro looks best when products have featured images, categories, and specifications. You do not need perfect data for every product before installing, but your best sellers should have a clear image and basic details ready.

Finally, decide which demo you want to start from. Electro has 17 or more homepage demos, and choosing one in advance saves time. If you sell mobile phones, pick a mobile-focused demo. If you sell computer parts, pick a demo that shows categories and specifications clearly. You can change the demo later, but starting with the closest match is faster.

Step 1: Order Electro Theme and Arrange Activation

Because this offer uses seller-assisted activation, your first step is to place the order through WP Theme Bazar and provide your site details as requested at checkout. The team will activate the original license directly on your site. You will not receive a private license key, and you should not expect a download link to manage on your own.

The price listed is ৳2,000, against a regular price of ৳5,000 — price may change — see the product page for the current price. Payment is available through bKash and Nagad as stated in the offer. Keep your order confirmation and your site URL ready, so the activation team can work without delays.

If you are unsure about anything in the order process, ask before you pay, not after. Confirm the site URL you want the theme activated on, and confirm that you have admin access to that site. Activation on the wrong site or on a staging copy you do not use will waste time for everyone.

Step 2: Back Up and Put Your Store in a Safe State

After ordering, and before the theme is switched, run your backup again if you made changes since your first backup. Check that WooCommerce orders, products, and customer data are included. If you have a maintenance mode plugin, you can use it briefly during the switch, but keep the maintenance window short so customers are not blocked for long.

If you run a live store with regular orders, choose a quiet time for the switch, such as late at night. Tell yourself in advance what you will check after activation: homepage, shop page, a single product page, cart, and checkout. That short checklist will keep you focused.

Step 3: Install the Theme Files

In a normal WordPress install, a theme is added from Appearance, then Themes, then Add New, then Upload Theme, by choosing the theme zip file and clicking Install Now. With seller-assisted activation, the WP Theme Bazar team handles the activation on your site, so you may not need to upload the file yourself. Follow the instructions given with your order, and do not upload a theme file from an unknown source while the team is working on your site.

If the team asks you to provide admin access, provide it only through the channel they specify for the order, and change or remove temporary access after the work is done if that is part of their process. Do not share your hosting control panel password or your payment account details. Theme activation needs WordPress admin access, not hosting or payment access.

Once the theme files are in place, the theme will appear in Appearance and then Themes. Do not activate it until your backup is confirmed and you are ready to check the site immediately after.

Step 4: Activate Electro Theme

Click Activate on Electro in the Themes list. WordPress will switch your active theme, and your site will immediately start using Electro's templates for the homepage, shop, product pages, and other WooCommerce pages.

Your products, orders, and customer data are stored by WooCommerce, not by the theme, so switching themes does not delete them. What changes is how they are displayed. Your homepage content, menus, and widgets may need to be re-assigned to Electro's menu locations and widget areas, because different themes use different locations.

After activation, visit your site in a private browser window so you see the public view, not the logged-in admin view. Check the homepage first, then the shop page, then one product page. Look for missing images, broken layouts, and any text that looks out of place. If something looks wrong, do not panic and do not start changing many settings at once. Note what is wrong, and check the next steps in this guide first.

Step 5: Import a Demo the Right Way

Electro includes one-click demo import, which is the fastest way to get a working layout. In the theme options or demo import area, choose the demo that matches your store type and start the import. Demo import can take a few minutes, depending on your hosting and the size of the demo. Let it finish fully before you click anything else.

A common mistake is importing a demo and then being surprised that demo products appear on the site. Demo content is meant to be replaced. After import, go through the homepage sections one by one and replace demo product categories, banners, and text with your own. Do not leave demo phone models and prices on a live store, because customers may try to order a product that does not exist.

Another common mistake is importing several demos in a row. That creates duplicate content and confusion. Import one demo, work with it, and only change demos if you have a clear reason and a fresh backup.

If demo import fails or stops partway, check your hosting limits and try again once, after confirming your backup. If it fails again, ask for help from the activation team or your host, rather than repeatedly clicking import and creating partial content.

Step 6: Set Up Menus, Homepage, and Shop Pages

After the demo import, go to Appearance, then Menus, and assign your main menu to Electro's primary menu location. Electro supports horizontal and vertical mega menus, so take time to organise your categories logically: phones, laptops, accessories, and other main groups, with subcategories under each. A clean menu helps customers find products faster than a long list of unrelated links.

Next, check Settings, then Reading, and confirm your homepage and posts page settings match what you want. If you want a static homepage built with Electro, set it there. Then check WooCommerce, then Settings, and confirm your shop, cart, checkout, and account pages are still assigned correctly. Theme switches do not normally change these assignments, but a quick check avoids a checkout page showing the wrong content.

Now check your widgets and footer areas. Electro may have different widget areas from your old theme. If your old footer content has disappeared, it is usually because it was assigned to a widget area that Electro does not use. Re-add the important footer information, such as contact details, payment information, and policy links, in Electro's footer areas.

Step 7: Configure Product Pages and Specifications

Open one of your best-selling products in the editor and view it on the front end. Electro offers three product layouts, so try the layout that presents your product images and specifications most clearly. For electronics, the specifications section matters: add the key details a buyer needs, such as model, storage, display, battery, or processor, depending on the product type.

Check the accessories section if your product has related accessories. A phone product page that suggests a case, charger, or earphone can help a customer complete a purchase, but only add accessories that are real products in your store.

Check the review section as well. Electro includes an advanced review breakup, which displays review distribution more clearly. Make sure your existing product reviews still show correctly, and do not add fake reviews. Only real customer reviews should appear on your store.

Test the autocomplete search from the homepage. Type a brand or model name and confirm the right products appear. If search results look wrong, check that your products have clear titles and are assigned to the right categories. Search can only find what your product data describes.

Frequently Asked Questions

Will installing Electro delete my products or orders? No. Products and orders are stored by WooCommerce, not by the theme. Switching themes changes how they are displayed, not whether they exist. A backup is still recommended before any theme change.

How long does installation and activation take? The theme switch itself takes only a few minutes. Demo import, menu setup, product checks, and replacing demo content take longer, often a few hours for a real store. Plan for that time instead of rushing the launch.

Electro is a strong starting point for an electronics store, but a careful install is what turns it into a working shop. Follow the steps above, check the store as a customer would, and replace demo content with your real products before you promote the site. You can review the offer and details on the Electro Theme product page and start from there.

Buy Electro Theme: message us on WhatsApp https://wa.me/8801919052411 with the product name — bKash/Nagad accepted, activation within minutes.

Joynal Abdin
Joynal Abdin
Founder & Editor, DevJoynal
Joynal Abdin is the founder and editor of DevJoynal. He tests Blogger templates hands-on — checking design, speed, SEO and AdSense readiness — and writes honest reviews so bloggers can pick the right template with confidence. Every template sold on DevJoynal is 100% original, with setup guidance included.
Advertisement
Chat with DevJoynalon WhatsApp

Hi there! Have a question about a Blogger template? Send us a message and we will help you pick the right one.

Start Chat