{"id":2985,"date":"2019-03-19T22:25:17","date_gmt":"2019-03-19T22:25:17","guid":{"rendered":"https:\/\/daniella.io\/?p=2985"},"modified":"2021-03-01T15:41:17","modified_gmt":"2021-03-01T20:41:17","slug":"5-awesome-ecwid-tips-for-wix-site-owners","status":"publish","type":"post","link":"https:\/\/daniella.io\/5-awesome-ecwid-tips-for-wix-site-owners\/","title":{"rendered":"5 Awesome Ecwid Tips for WIX Site Owners"},"content":{"rendered":"\n<p><a style=\"font-family: 'Open Sans', sans-serif; font-size: 0.9375rem; letter-spacing: 0px;\" rel=\"nofollow noopener noreferrer\" href=\"http:\/\/wixstats.com\/?a=3595&amp;c=124&amp;s1=\" target=\"_blank\">Wix<\/a>&nbsp;is an amazing website builder with unprecedented drag-and-drop features that can allow anyone to build a website quickly and easily.&nbsp;<a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/open.ecwid.com\/blog-fr\" target=\"_blank\">Ecwid<\/a>&nbsp;is an incredibly powerful eCommerce solution that seamlessly integrates&nbsp;<a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/wixstats.com\/?a=3595&amp;c=124&amp;s1=\" target=\"_blank\">Wix<\/a>.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p><b>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.<\/b><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#1. Save Money<\/h2>\n\n\n\n<p>Before we begin, your Ecwid e-commerce store should be integrated to your WIX site. &nbsp;This is a big money saver as you won&#8217;t need a Wix eCommerce theme. The video below demonstrates how to add your store to your WIX site using the Ecwid e-commerce app from the WIX App market.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Better Than WIX eCommerce! How to Add Ecwid eCommerce to WIX for More Features!\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/FTh8EEg4yuA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ol><li>Log in to your Wix account.<\/li><li>Select the site you would like to add a store to &gt; Click Edit site.<\/li><li>Click Add Apps<\/li><li>Type &#8220;Ecwid&#8221; in the search bar and select the Wix Ecwid App<\/li><li>Click +Add to Site \u2192 +Add App<\/li><li>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.<\/li><li>If you do not have an <a rel=\"noreferrer noopener\" href=\"http:\/\/open.ecwid.com\/blog-fr\" target=\"_blank\">Ecwid<\/a> store yet, fill in the fields of the registration form, click &#8216;Create Account&#8217; and follow the signup instructions.<\/li><li>Grant the app permissions by clicking Accept.<\/li><li>Your store is now connected to your Wix website!<\/li><li>Save the changes and publish your site<\/li><\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#2. Add Menu Links<\/h2>\n\n\n\n<p>The tutorial video below 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 set up and requires only a couple of simple steps.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Link to Your Ecwid Store, Products &amp; Categories in Your Wix Menu\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/-tH6silCT38?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>In your web browser (such as Safari or Google Chrome), open your published website in one tab, and your Wix Editor in another tab :<\/p>\n\n\n\n<ol><li>In your Wix Editor<\/li><li>Click on Menu \u2192 Manage Menu<\/li><li>Then click on Add a link \u2192 Web Address.<\/li><\/ol>\n\n\n\n<p>This is where you will be able to add the category you to which you wish to link in your Ecwid store :<\/p>\n\n\n\n<ol><li style=\"font-weight: 400;\">In the tab containing your published website<\/li><li style=\"font-weight: 400;\">Right click on the link to the category or product you would like to link to<\/li><li style=\"font-weight: 400;\">Select \u201cCopy Link\u201d.<\/li><\/ol>\n\n\n\n<p>Go back to your Wix Editor<\/p>\n\n\n\n<ol><li style=\"font-weight: 400;\">Paste the first product or category you wish to link to<\/li><li style=\"font-weight: 400;\">Name the tab according to the menu item you wish to show. Make sure to click on \u201cCurrent window.\u201d<\/li><li style=\"font-weight: 400;\">Click on \u201cDone\u201d.<\/li><\/ol>\n\n\n\n<p>Also, make sure to have links open in the \u201ccurrent window\u201d 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 \u2014 such behaviour would not be user friendly.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">#3. Resize the Ecwid Mini-Cart Widget<\/h2>\n\n\n\n<p>You may want to resize the mini-cart widget in WIX. You will need the code below for this tutorial.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Resize the Ecwid Mini Cart in Wix [Shopping Bag]\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Ft2XTZq9V3g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>.ecwid-minicart {\n-ms-transform: scale(0.7, 0.7); \/* IE 9 *\/\n-webkit-transform: scale(0.7, 0.7); \/* Safari *\/\ntransform: scale(0.7, 0.7);\n}<\/code><\/pre>\n\n\n\n<ol><li>In your Ecwid Seller Control Panel \u2192 Click on Design<\/li><li>Create a Theme or edit your current theme if you already have one. If you do not already have a theme, <a href=\"https:\/\/daniella.io\/ecwid-css-themes-codes\/\" target=\"_blank\" rel=\"noreferrer noopener\">check out this tutorial to learn how<\/a><\/li><li>Copy the code above and paste it to your theme<\/li><li>Simply edit the size by changing the numbers until you find the size you are looking for<\/li><li>Save and make sure your theme is active<\/li><\/ol>\n\n\n\n<p>If you need to resize the position of the mini cart 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<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.ecwid-minicart {\nposition: absolute !important; \ntop:0;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">#4. Use The Horizontal Category Menu<\/h2>\n\n\n\n<p>In the tutorial video above, you will learn how to add&nbsp;<a href=\"https:\/\/support.ecwid.com\/hc\/en-us\/articles\/207359839-Horizontal-Categories\" target=\"_blank\" rel=\"noopener noreferrer\">horizontal categories<\/a>&nbsp;to your Ecwid store in your WIX website. The process is the same if you would like to display&nbsp;<a href=\"https:\/\/support.ecwid.com\/hc\/en-us\/articles\/207100399-Ecwid-widgets\" target=\"_blank\" rel=\"noopener noreferrer\">vertical categories<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Better Ecwid eCommerce Horizontal Categories Example in WIX\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/FvB6q6fTb_s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Here is the code you need to activate Horizontal Categories (<a href=\"https:\/\/daniella.io\/ecwid-css-themes-codes\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Code<\/a> Template).<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.horizontal-desktop .horizontal-menu {\nposition: fixed;\ntop: 0;\nleft: 0;\nmargin-bottom: 10px;\nmargin-left: 0px;\nmargin-right: 5px;\nmargin-top: 5px;\nwidth: 560px;\n}\ntable.ecwid-productBrowser-subcategories-mainTable {\ndisplay: none;\n}\ndiv.ecwid-productBrowser-categoryPath {\ndisplay: none;\n}\n.ecwid-productBrowser {\nmargin-top: 38px !important;\n}\n.ecwid-productBrowser-head {\nmargin-bottom: 30px !important;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">#5. Design Your Ecwid Store in Wix<\/h2>\n\n\n\n<p>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. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Design Your Ecwid eCommerce Store in Wix Easy Customization\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Bf6ivZoAhF0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ol><li>In your Wix editor \u2192 Go to your store page<\/li><li>Click anywhere on your store \u2192 Select Settings<\/li><li>You will be able to design your store here<\/li><li>Edit items as you would in Ecwid\u2019s backend design panel<\/li><li>Then Save and publish<\/li><\/ol>\n\n\n\n<p>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 colour and transparency settings will apply.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/channel\/UCnVA8chIuC0EUxmgPYHfRJg?sub_confirmation=1\">Subscribe to my Youtube channel<\/a> if you would like more Ecwid tutorials, tips and tricks. Also, check out my <a href=\"https:\/\/daniella.io\/ecwid-tutorial-ecommerce-course\/\">Ecwid eCommerce Power Course<\/a> to learn how to set up Ecwid to drive targeted traffic starting day one!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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.<\/p>\n","protected":false},"author":1,"featured_media":7431,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts\/2985"}],"collection":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/comments?post=2985"}],"version-history":[{"count":0,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts\/2985\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/media\/7431"}],"wp:attachment":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/media?parent=2985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/categories?post=2985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/tags?post=2985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}