Your Lightspeed eCom (E-Series) online store uses embeddable widget technology that lets you add it to any custom website or blog in a few clicks. You can add your eCom store to your existing website by pasting code or via a dedicated plugin.
Don’t have a website? Use the Lightspeed eCom sitebuilder, which already has your online store built in. You automatically get access to this website when you connect Retail POS (X-Series) to Lightspeed eCom.
Adding an eCom store to a custom-built website with code
You can add your eCom store to your website by pasting a piece of code to the site's backend. This requires access to inserting custom codes into the website.
To add your eCom store to a custom-built website with code:
- From Retail POS, go to Online > Overview and click the Go to eCom (E-Series) button.
- In your eCom admin panel, go to Sales Channels.
- Scroll down to the Sell on your existing website section.
- Under Custom website, click Learn More.
- Click Copy code to Clipboard. This is the code of your eCom (E-Series) online store.
- Go to the editor of your website and open the page where you want the store to display.
- Paste the code into the source code of the page. That may be an HTML or source tab or a separate button to add code (varies depending on the website). If you are not sure how to add custom code to your website, please get in touch with your website developer for more detailed instructions.
- Save and publish the changes.
After this, your online store will appear on the website, and customers can start placing orders.
If you want to add your eCom store to a Squarespace website, go to Sales Channels > Sell on your existing website > Squarespace in your eCom admin panel and follow the instructions on pasting Squarespace integration codes into your site in the eCom (Ecwid) help center.
Adding an eCom store to a custom-built website with plugins
Optionally, you can use eCom (Ecwid) plugins or apps to add your eCom store to a custom-built website without coding. This option is available for WordPress, Wix, Weebly, Joomla, and RapidWeaver.
Usually, a plugin works this way: you install it on your website, log in to your eCom account, save and publish the changes and that’s it! Your online store appears on the website.
To add your eCom store to a custom-built website with an app or a plugin:
- From Retail POS, go to Online > Overview and click the Go to eCom (E-Series) button.
- In your eCom admin panel, go to Sales Channels.
- Scroll down to the Sell on your existing website section.
- Click Learn More next to WordPress, Wix, Weebly, Joomla, or RapidWeaver and follow the setup instructions.
To access your eCom account from a plugin, you might be asked to log in to eCom (Ecwid). Your regular Retail POS credentials won't work in this case, so you'll need to obtain separate eCom credentials. For that, reset your password using the Forgot your password? link on the https://my.ecwid.com/cp/ login page. Make sure you use the email displayed on the My Profile > Profile page in your eCom admin panel.
Adding eCom store extensions to a custom-built website
In addition to your online store, you can add store extensions to your custom website to help customers navigate and find what they are looking for more easily.
You can add the following store extensions to your site:
- Additional shopping bag. It displays how many items are in the bag and helps customers go to the cart page to view the cart contents and complete a purchase.
- Category navigation menu. The menu shows your store categories as a horizontal list with tabs, helping customers see what kinds of products you offer and find what they are looking for.
- Product search box. With a search box, customers can search products by name, SKU, product variant names, and others, and find the specific product they need without browsing all store pages.
If you use a website builder or a CMS that lets you add eCom via a plugin, you can usually add extensions in the plugin settings. Please check the instructions for the website builder or CMS you use.
To add eCom store extensions to a custom-built website:
- From Retail POS, go to Online > Overview and click the Go to eCom (E-Series) button.
- In your eCom admin panel, go to Sales Channels.
- Scroll down to the Sell on your existing website section.
- Under Custom website, click Learn More.
- Scroll down and click:
- Add Category Navigation to add a category navigation menu to your website.
- Additional Shopping Bag to add an additional shopping bag to your website.
- Product Search Box to add a product search box to your website.
- Go to the editor of your website and open the page where you want the extension to display.
- Paste the code into the source code of the page. That may be an HTML or source tab or a separate button to add code (varies depending on the website). If you are not sure how to add custom code to your website, please get in touch with your website developer for more detailed instructions.
- Save and publish the changes.
Need help installing the eCom store or its extensions on your website? Contact support.