Here is how you can create a widget to sell books anywhere:
Once the widget is created, you can't change its dimension. This is because such a possibility would create inaccurate stats and reports. However, you can always create another widget with the same product associated but in another format.
- Type of widgets:
We suggest to choose a Responsive Widget because, unlike all the others, adapts automatically to the space its given. For instance, if you insert it in a lateral bar which, on a desktop, is set to be 300 pixels wide, the responsive widget will adapt to the 300 pixels available but, if it switch to the "mobile" mode of your website, the lateral bar will become a full screen, the responsive widget will follow the new formatting and adapt to the full screen. This doesn't work with any of the other widget types which remain always in a fixed dimension.
- Name of widgets:
you need to name your widget because, this way, it'll be easier for you to find it back when you have more than one. Keep in mind that each widget can be inserted in multiple websites, so we recommend to give a generic but descriptive name, and not to use your website's name so you can still insert it in other sites.
- Number of widgets:
You can insert multiple widgets in the same page/website. In principle, there is no constraint on this, but we strongly advise to avoid using more than 4 widgets per page. In (close) future, we'll develop for this an "extended" version of the widget that we'll probably call "mini-store" where you'll be able to insert more than one product and use it as a little e-commerce inside your website. For now, avoid pages with dozens of widgets all together, the page will be long to load and you might lose users even before they managed to do anything.
Remember that if you insert more than one widget in a single page, you can insert part of the script just once. We strongly advise it. Looking into the widget code, you'll see it's made up of two parts:
<script src="<url>/streetlib.widget.load.js" async></script>
<streetlib-widget id="<id_widget>" width="728" height="90"></streetlib-widget>
- The second part is the widget itself, this should be placed where you want to visualize your stall, it's marked with the tag <streetlib-widget> and holds the information to load the correct widget.