{"id":1655,"date":"2017-05-15T00:36:10","date_gmt":"2017-05-15T00:36:10","guid":{"rendered":"https:\/\/daniella.io\/?p=1655"},"modified":"2021-03-02T12:16:33","modified_gmt":"2021-03-02T17:16:33","slug":"embed-ecwid","status":"publish","type":"post","link":"https:\/\/daniella.io\/embed-ecwid\/","title":{"rendered":"3 Ways to Embed Your Ecwid Store"},"content":{"rendered":"\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=\"The POWER of Ecwid #1 Feature | Consultation Extract | Multi-Site Integration\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/oDxSYHpyGS0?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><a rel=\"noreferrer noopener\" href=\"https:\/\/daniella.io\/ecwid-tutorial-ecommerce-course\/\" target=\"_blank\">Learn How to Setup Ecwid Here<\/a>. Ecwid is a powerful e-commerce plugin, and a lot of people do not know about one of it\u2019s most powerful features: <strong>the ability to embed Ecwid.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Embedding an Ecwid Store?<\/h2>\n\n\n\n<p><b>Being able to embed your Ecwid store means that you can add it to any website builder. All you need to do is copy the Ecwid embed code for your store, and paste it to a page on your site. It&#8217;s as easy as that! This is one of my absolute favourite Ecwid Commerce features.<\/b><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/daniella.io\/wp-content\/uploads\/2017\/05\/Ecwid-Embed-1024x567.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Why Can I Embed my Ecwid Store?<\/h2>\n\n\n\n<p>You can embed your Ecwid store because Ecwid is an eCommerce widget, not a standalone eCommerce solution. I explain what this means in the video below.<\/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=\"What does Ecwid Mean \/ Stand For?\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/R-AOoccewVo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Where Can I Embed my Ecwid Store?<\/h2>\n\n\n\n<p><b>You can embed your Ecwid store to any website&nbsp;builder that allows you to add HTML. You can add your Ecwid store to WordPress, Weebly and Wix websites for example. <\/b><\/p>\n\n\n\n<p><b>Using Ecwid to replace WooCommerce or Wix is eCommerce is a great way to transform your WordPress website into a powerful e-commerce platform. You can also embed your store to multiple websites that belong to you, and others (with their authorization of course).&nbsp;<\/b><\/p>\n\n\n\n<p>It is incredible that not only can you add your Ecwid store to any CMS you run (for example WordPress, Weebly, Wix sites), but you can add it to multiple websites at the same time. Let&#8217;s say for example you run multiple WordPress sites, and you want to use the same Ecwid store. All you have to do is embed your Ecwid store to all of your WordPress websites. If you work with affiliates or&nbsp;partners and get their authorization, you could also embed your Ecwid store to their websites.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Powerful Benefits of Embedding<\/h2>\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=\"How to Add eCommerce to an Existing Website Quick &amp; Easy!\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/fCe4tULOK_k?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>The ability to embed your Ecwid eCommerce to any website is a huge business opportunity. Very few e-commerce solutions that are made for business owners are capable of offering this feature. (I have seen some solutions but they are mostly geared towards developers).<\/p>\n\n\n\n<p>This can also be extremely useful for anyone who already has a website and just wants to add eCommerce features to it. Ecwid can embed practically any CMS (Content Management System), and even a website that was even custom coded (HTML). <\/p>\n\n\n\n<p><strong>Ecwid can add ecommerce to an existing website, like a WordPress, Wix, Weebly, Joomla, Squarespace website. We will have a look at three ways to add Ecwid to an existing website including embedding an entire store, embedding just a product category, or a single product.<\/strong><\/p>\n\n\n\n<p>But first, let&#8217;s talk a bit more about advantages of embedding Ecwid:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#1. Manage All Sales From One Place<\/h3>\n\n\n\n<p>If you manage multiple websites and you want to centralize all your products and transactions, Ecwid is an excellent solution. Ecwid is capable of being the central hub of all of your online sales. From marketplaces like Amazon and eBay, to social media like Facebook and Instagram, Ecwid is true omnichannel e-commerce that really centralizes all of your sales. You can take it to the next level by embedding your store to multiple websites across the web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#2. Generate More Targeted Traffic<\/h3>\n\n\n\n<p>Embedding your Ecwid store to multiple websites that target your audience&nbsp;can help you generate more targeted traffic. Do make sure that the websites where you are embedding your store are pertinent or pertain to your current audience. Do not add your food-related store to a clothing website for example. Work with affiliates and partners that are in the same niches as you, and help them monetize their websites while you make more sales.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Do I have to Embed my Whole Store?<\/h2>\n\n\n\n<p>No, you do not have to embed your entire Ecwid store. You can embed one specific product, one specific category, or your entire store. Let&#8217;s take a look at a couple of examples below.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Embed a Product: Buy Now Button<\/h2>\n\n\n\n<p>You can embed just a product using the Ecwid buy now button. If you have specific affiliate products and you would like to embed that one product on a website, all you have to do is grab the Ecwid Buy Now Button code that specific product. Here is how to embed an Ecwid product on a website.<\/p>\n\n\n\n<ol><li>In your seller control panel<\/li><li>Head over to the product that you would like to embed<\/li><li>Click on the \u201cBuy Now Button\u201d tab<\/li><li>Configure your options and copy the code<\/li><li>Paste the code to the page where you would like for the product to display<\/li><\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Embed a Product Category<\/h2>\n\n\n\n<p>If you have multiple WordPress sites and you would like to only embed specific categories on specific websites, &nbsp;then all you have to do is grab the code for that specific category. To embed a category of products you need the <a href=\"https:\/\/support.ecwid.com\/hc\/en-us\/articles\/207807555-Category-displayed-to-first-time-visitors#embedcode\">following code<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div&gt; &lt;script type='text\/javascript' data-cfasync=\"false\"\nsrc='https:\/\/app.ecwid.com\/script.js?STOREID'&gt;&lt;\/script&gt;\n&lt;script type='text\/javascript'&gt; xProductBrowser(\"id=my-store-\",\"defaultCategoryId=CATEGORYID\"); &lt;\/script&gt; &lt;\/div&gt;<\/code><\/pre>\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=\"Where is My Ecwid Store ID?\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/c1cWgSQCWkM?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>Simply replace STOREID with your Store ID number (available at the bottom of your Ecwid seller control panel). You also need to replace the category ID with your category ID number. You can get your category number in your <a rel=\"noopener noreferrer\" href=\"https:\/\/support.ecwid.com\/hc\/en-us\/articles\/207807265\" target=\"_blank\">category URL.<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Embed Your Entire Ecwid Store<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/daniella.io\/wp-content\/uploads\/2017\/05\/Ecwid-Integration-Code--1024x577.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>There are a couple of things to keep in mind when embedding your Ecwid Store. The best way to embed your Ecwid store is by using an app or a plugin. However, sometimes apps are plugins are not available. In that case, you would use the integration code. Here is how to embed your Ecwid store to different CMS ( Content Management Systems), or websites.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embed Your Ecwid Store to WordPress<\/h3>\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=\"How to Add Ecwid to WordPress! - Powerful Free WooCommerce Alternative\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/PZbWXkGl5HA?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 style=\"font-weight: 400;\">In Your WordPress backend<\/li><li style=\"font-weight: 400;\">head over to plugins &gt; Click on \u201cAdd\u2019 &gt; and Search for Ecwid<\/li><li style=\"font-weight: 400;\">Install and activate the Ecwid plugin<\/li><li style=\"font-weight: 400;\">Click on Setup, and then Connect<\/li><li style=\"font-weight: 400;\">Then head over to the store page and connect your store<\/li><\/ol>\n\n\n\n<p>There are a whole bunch of new options that the Ecwid WordPress plugin offers. You can add a shopping bag, search bar, or recently viewed product widgets. Have a look at them and setup what you believe is best for your store. Simply follow these steps as many times as you need, in different WordPress backends, if you would like to embed your store to multiple WordPress websites.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embed Your Ecwid Store to Wix<\/h3>\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 style=\"font-weight: 400;\">In Your WIX Editor<\/li><li style=\"font-weight: 400;\">Click on the Add to Site button<\/li><li style=\"font-weight: 400;\">Search for Ecwid and click on Add app<\/li><\/ol>\n\n\n\n<p>It is going to load Ecwid\u2019s default products. Click anywhere on Ecwid\u2019s demo products, and click on Settings.&nbsp;If you already have an account, sign in.&nbsp;Click on \u201cConnect your store\u201d and if your sort is already open, Wix will automatically connect your store.<\/p>\n\n\n\n<p>And there you go your store is now in Wix and there\u2019s a new tab that appeared at the top of the screen. You can edit your store\u2019s appearance by clicking on Settings. You also have the ability to change the colours of your website right here which is really useful instead of going into your store\u2019s backend and changing your CSS.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embed Your Ecwid Store to Weebly<\/h3>\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 Free Weebly eCommerce Tutorial! Ecwid to Weebly Integration\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/7193RdnEwKs?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&#8217;s how to embed you&#8217;re a good sort to your Weebly website.<\/p>\n\n\n\n<ol><li style=\"font-weight: 400;\">In your Weebly backend<\/li><li style=\"font-weight: 400;\">Scroll down on the left of the screen and go to Add App<\/li><li style=\"font-weight: 400;\">Search for Ecwid &gt; Click on \u201cAdd\u201d &gt; Then, Connect.<\/li><\/ol>\n\n\n\n<p>Weebly is going to ask you to create an account or log in if you already have an account. All you need to do in Weebly is drag and drop your store to wherever you want. Now you can\u2019t actually see it in your backend. So click on Publish and then go see your website.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embed Your Ecwid Store to Any Website<\/h3>\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=\"Embed Online Store Ecwid eCommerce to Any HTML \/ CMS Site!\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/82DH7vtJM0g?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>If you would like to embed Ecwid store, then all you need is your Ecwid integration code.<\/p>\n\n\n\n<ol><li>In your seller control panel<\/li><li>Head over to all sales channels<\/li><li>Scroll to the bottom of the page<\/li><li>And then copy the code<\/li><\/ol>\n\n\n\n<p>This is a good solution for those using a platform that does not have a direct Ecwid integration. For example, older websites or hard-coded HTML sites.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Final Thoughts About Embedding<\/h2>\n\n\n\n<p>Embedding your Ecwid store with the Ecwid buy now button, or the Ecwid embed code can help you gain more targeted traffic and centralize your sales.&nbsp;<\/p>\n\n\n\n<p>If you would like to learn more about embedding your Ecwid store, or if you are looking for more up to date tutorials check out my <a href=\"https:\/\/daniella.io\/ecwid-tutorial-ecommerce-course\/\">Ecwid eCommerce Power Course<\/a>. The course will teach you how to boost your Ecwid eCommerce sales with exclusive Ecwid tutorials. <\/p>\n\n\n\n<p>Also, be sure to <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/channel\/UCnVA8chIuC0EUxmgPYHfRJg\/videos\" target=\"_blank\">subscribe to my YouTube channel<\/a> for more up to date Ecwid design tips and tricks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Being able to embed your Ecwid store means that you can add it to absolutely any website. All you need to do is copy the Ecwid embed code for your store, and paste it to a page on your site. It&#8217;s as easy as that! This is one of my absolute favorite Ecwid Commerce features.<\/p>\n","protected":false},"author":1,"featured_media":7437,"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\/1655"}],"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=1655"}],"version-history":[{"count":0,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/posts\/1655\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/media\/7437"}],"wp:attachment":[{"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/media?parent=1655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/categories?post=1655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/daniella.io\/wp-json\/wp\/v2\/tags?post=1655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}