Selling on Strato with Ecwid
Strato is a sitebuilder from German hosting service provider. It is an easy tool for creating a website from scratch or with a ready-made template. You can customize your site to match your brand and meet your business needs.
You can add the entire Ecwid store, a particular category, or Buy buttons to the Strato site and let customers place orders without leaving the website.
Adding Ecwid to a Strato site
In Strato, you build your site with so-called widgets. It’s small building blocks that can contain different functions and content, from photos to online stores. Ecwid can be added with an embed widget, simply by pasting the integration code of your store.
You need to create a Strato account to build your website and add your Ecwid store to it. On Strato landing page, you can learn more about sitebuilder paid plans and features.
To add to a Strato site:
- From your Ecwid admin, go to Sales channels.
- Scroll down to Other platforms and Sitebuilders and click Learn more.
- Click Copy code to clipboard.
- Now open your Strato sitebuilder, go to the Elements tab and drag the Skripts embed widget to the desired position on your website. You can adjust the size of the window by dragging it.
- Place the cursor inside the widget and click the gear icon in the top right corner.
- In the popup window, paste the code you copied from your Ecwid admin:
- Click Ok.
To show products of a certain category, you need to include a special defaultCategoryId parameter and specify the ID of that category in the Ecwid integration code. Here is the Ecwid integration code:
<div id="my-store-STOREID"></div>
<div><script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?STOREID&data_platform=code" charset="utf-8"></script>
<script type="text/javascript"> xProductBrowser("id=my-store-STOREID", "defaultCategoryId=CATEGORYID");</script></div>
To add category to the Strato site:
- In the Ecwid integration code above replace the STOREID with your Store ID number. You can open your Dashboard and copy the ID number from the address bar.
- Replace CATEGORYID in the code above with the ID of the category that you want to add to a site page:
- Go to Catalog → Categories in your Ecwid admin.
- Click on the category for which you need to get the ID.
- In the browser address bar, copy the numbers that go after “id=” — that is the ID of a product or a category:
If you need any help with finding category ID, read how to get the ID of a category page in your store.
- Now open your Strato sitebuilder, go to the Elements tab and drag the Skripts embed widget to the desired position on your website. You can adjust the size of the window by dragging it.
- Place the cursor inside the widget and click the gear icon in the top right corner.
- In the popup window, paste the code you copied from your Ecwid admin
- Click Ok.
- From your Ecwid admin, go to Sales channels.
- Scroll down to Buy button and click Get started.
- Click Pick product and select an item you want to add to your Strato website.
- Choose how your button will look. You can preview the result on the right. Once you customize the button the way you want, click Generate code.
- Click Copy code.
- Now open your Strato sitebuilder, go to the Elements tab and drag the Skripts embed widget to the desired position on your website. You can adjust the size of the window by dragging it.
- Place the cursor inside the widget and click the gear icon in the top right corner.
- In the popup window, paste the HTML-code you copied from your Ecwid admin:
- Click Ok.
Now your Ecwid store, category or a Buy button is added to your Strato site. You can preview the result by clicking the Example button.
You can read more about adding embed widget on the Strato blog (look at paragraph 4), or watch a quick video instruction on Dutch (you can turn on English subtitles).