5 Awesome Ecwid Tips for Wix Sites

Wix is an amazing website builder with unprecedented drag-and-drop features that allow anyone to build a website quickly and easily. Ecwid is an incredibly powerful eCommerce solution that seamlessly integrates Wix.

Try Ecwid Free

Ecwid

This whole blog is about Ecwid eCommerce  I love it and use it every day. It is the best eCommerce solution for SMB’s, freelancers, influencers and anyone who wants to sell online quickly and easily. Try Ecwid for free.

Try Wix Free

Wix is a drag and drop website builder that requires no coding, no hosting or development. It is super easy to use and is constantly developed with more features. SEO is excellent and includes mobile editor. Excellent with Ecwid.

Ecwid is a perfect match when added to WIX to help you build the e-commerce platform of your dreams. In this vlog post, you will find five concise videos teaching you to add your Ecwid store to WIX, improve customer experience and design your Ecwid store to match your brand.

My 5 Ecwid tips for Wix site users are to save money by using Ecwid eCommerce in Wix, add menu links to your Ecwid store, resize the mini cart widget, use the horizontal category menu in Wix, and design your store to match your brand.

#1. Save Money! Use Ecwid eCommerce in Wix

Before we begin, your Ecwid e-commerce store should be integrated to your WIX site.  This is a big money saver as you won’t need a Wix eCommerce theme.

The video above demonstrates how to add your store to your WIX site using the Ecwid e-commerce app from the WIX App market.

  1. Log in to your Wix account.
  2. Select the site you would like to add a store to > Click Edit site.
  3. Click Add Apps
  4. Type “Ecwid” in the search bar and select the Wix Ecwid App
  5. Click +Add to Site → +Add App
  6. Once you add the app, it will show sample products until you connect to your store. Connect your Ecwid store to sell your products on your website.
  7. If you do not have an Ecwid store yet, fill in the fields of the registration form, click. Create Account and follow the sign up instructions.
  8. Grant the app permissions by clicking Accept.
  9. Your store is now connected to your Wix website!
  10. Save the changes and publish your site

#2. Add Menu Links to Your Ecwid Store in Wix

The tutorial video above demonstrates how to link to Ecwid store items (like categories or products) from your WIX menu to your Ecwid store. This very simple tip can help improve customer experience in your store by linking directly to products or categories. It is super easy to setup and requires only a couple simple steps.

In your web browser (such as Safari or Google Chrome), open your published website in one tab, and your Wix Editor in another tab :

  1. In your Wix Editor
  2. Click on Menu → Manage Menu
  3. Then click on Add a link → Web Address.

This is where you will be able to add the category you to which you wish to link in your Ecwid store :

  1. In the tab containing your published website
  2. Right click on the link to the category or product you would like to link to
  3. Select “Copy Link”.

Go back to your Wix Editor

  1. Paste the first product or category you wish to link to
  2. Name the tab according to the menu item you wish to show. Make sure to click on “Current window.”
  3. Click on “Done”.

Also, make sure to have links open in the “current window” when configuring menu items or it will be confusing for customers. Imagine clicking on product categories in your site menu and having them open in new windows — such behavior would not be user friendly.

And there you have it! You have now created a menu item in your Wix site that links to a category in your Ecwid store. This tip works may you have a free or paid WIX account. For better productivity, open your published site in one tab, and your WIX editor in another tab within the same browser.

#3. Resize the Ecwid Mini Cart Widget in Wix

You may want to resize the mini-cart widget in WIX. You will need the code below for this tutorial.

.ecwid-minicart {
-ms-transform: scale(0.7, 0.7); /* IE 9 */
-webkit-transform: scale(0.7, 0.7); /* Safari */
transform: scale(0.7, 0.7);
}

  1. In your Ecwid Seller Control Panel → Click on Design
  2. Create a Theme or edit your current theme if you already have one. If you do not already have a theme, please check out this tutorial video or this article on Ecwid’s Knowledge Base to learn how to create one
  3. Copy the code above and paste it to your theme
  4. Simply edit the size by changing the numbers until you find the size you are looking for
  5. Save and make sure your theme is active
If you need to resize the position of the minicart’s iframe (because the cart is smaller than the frame it is in for example) you can adapt the cart to the frame with the following code

.ecwid-minicart {
position: absolute !important;
top:0;
}

#4. Use The Horizontal Category Menu in Wix

In the tutorial video above, you will learn how to add horizontal categories to your Ecwid store in your WIX website. The process is the same if you would like to display vertical categories.

Here is the code you need to activate Horizontal Categories (CSS Code Template).

.horizontal-desktop .horizontal-menu {
position: fixed;
top: 0;
left: 0;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 5px;
margin-top: 5px;
width: 560px;
}
table.ecwid-productBrowser-subcategories-mainTable {
display: none;
}
div.ecwid-productBrowser-categoryPath {
display: none;
}
.ecwid-productBrowser {
margin-top: 38px !important;
}
.ecwid-productBrowser-head {
margin-bottom: 30px !important;
}

#5. Design Your Ecwid Store in Wix

So you customized your store design in your Ecwid backend, but the changes are not showing in your Wix front-end. No worries, at the end of this video, you will know how to design your Ecwid store in Wix.
  1. In your Wix editor → Go to your store page
  2. Click anywhere on your store → Select Settings
  3. You will be able to design your store here
  4. Edit items as you would in Ecwid’s backend design panel
  5. Then Save and publish

Now you may have already made these changes in your Ecwid backend but they may not show on your Wix front end since Wix offers their own store design panel. You just have to make sure to adjust things here. Also keep in mind that these changes will also only apply if you have the Standard CSS theme in your Ecwid Control Panel. If you have a custom CSS theme activated, only background color and transparency settings will apply.

Try Ecwid Free

Ecwid

This whole blog is about Ecwid eCommerce  I love it and use it every day. It is the best eCommerce solution for SMB’s, freelancers, influencers and anyone who wants to sell online quickly and easily. Try Ecwid for free.

Try Wix Free

Wix is a drag and drop website builder that requires no coding, no hosting or development. It is super easy to use and is constantly developed with more features. SEO is excellent and includes mobile editor. Excellent with Ecwid.

Subscribe to Daniella’s Youtube channel if you would like more Ecwid tutorials, tips and tricks. Also check out her Ecwid eCommerce Power Course to learn how to setup Ecwid to drive targeted traffic starting day one!

Setup Your Store in One Day

Subscribe to my YouTube channel to get notified of new content.

By #1 Trusted Ecwid eCommerce Expert Daniella.io

My Mission is to Help You Start & Grow Your Online Business. I remember when I started selling online – I had so many questions! Where do I start? What platform is the best for my needs? How do I setup shipping and make sure I get paid? 

With a background in teaching and over 10 years eCommerce experience, it is now my mission to share these answers with you, and more! 

Every week I release Ecwid tutorial videos with insider tips, techniques, short-cuts and hard-won lessons my clients and I have experienced when it comes to building an online store with Ecwid.

 

Latest Blog Articles

Ecwid
Daniella.io

I Tested 10 eCommerce Solutions, This was my Favorite

I remember when I started selling online. I had so many questions! What platform I should choose? How can I be sure yo get paid? I did not know where to start, it was very overwhelming! I was very afraid I would get started with a platform and realize I wasted months because I made the wrong choice. You no longer have to be afraid of wasting time – I did the time wasting for you. I have tested (over) 10 eCommerce solutions since I started selling online and I did find the best one, a hidden gem called Ecwid.

Read More »
Ecwid
Daniella.io

WordPress vs Wix for Ecwid eCommerce Users

Both Wix and WordPress are popular site builders, and Ecwid users can use either of these options to create their business-oriented sites. However, despite being in the same niche, there is still a world of difference between WordPress and Wix. But what are these differences? More importantly, which site builder is the better option for you as an Ecwid user? Take the personalized quiz and find out!

Read More »

#1 Trusted Ecwid Expert​

Ecwid tutorials, tips and tricks from an Ecwid eCommerce expert who has made over 100 Ecwid stores, and generated 140,000+ Ecwid tutorial views on YouTube. 

Affiliate Disclaimer

Daniella.io is a participant in affiliate programs designed to provide a means for sites to earn advertising fees by advertising and linking to their sites and is compensated for referring traffic and business to these companies. There are no extra costs to you if you sign up to any service through an affiliate link
Ecwid

Beginner Ecwid Guides

Advanced Ecwid Guides

Ecwid Design Guides

Latest Products