In order to implement the smart widgets into eKomi Smart Widgets in a Shopify store, ekomi support first contact eKomi support team or your onboarding agent. They will provide you the JavaScript code snippet, which need needs to be embed into the code as where exactly want to display in screen, please follow of your Shopify shop. Following is an example guide on how to implement eKomi seller slider widget and the seal widget. It is similar process of implementing other eKomi widgets but depending on those you might need to work with some variables and placeholders, also depending on the shop theme you use. Follow the steps to access the code and display widgetthe eKomi seller slider and seal widgets.
Note: I am assuming The following guide is written with the assumption that the person who does the changes should implementation is familiar with at - least a little bit of code guidelines and liquid templates.
Seller widget implementation:
After login into to the admin panel click on “Online Store” from the left menu, see screenshot:
...
2. There it will show be displayed the selected Live theme “Live theme” of your store. Choose “Edit Code” from Actions drop-down menu button, see screenshot:
...
3. Now user you can see the code structure and file system of his the front-end store., see below:
...
4. Suppose user In this example we want to display the seller widget in header & footer.
5. Then Choose choose and open footer.liquid and header.liquid files under the heading of “Sections“ from the left menu.
6. Place the widget code snippet in that particular file where exactly with the position user where you want to display the widget in the front store.
7. Now suppose user In this example we want to display the widget in the home page in some where - somewhere in the middle of the home page.
7.1. For that thingpurpose, choose and open settings_data.json file under the section of “Config”, see the screenshot below:
...
7.2. Create a new section block/key there into in the json format and add that key it into “content_for_index“, see screenshot :
...
PRC widget implementation:
Search and open Sections > product-tab.liquid file.
That file is responsible behind of the product detail details page. There we need to place the code snippet in such a way that it will display the widget in front store. You can place it either after the product description or like under the tabs.
Note: There is a possibility that the filenames wouldn’t be same as above because it’s depends those depend on the theme structure , so majorly that technique is that is used for the store. But predominantly the above naming is followed and used to implement the widgets by default in Shopify ecommerce store.