Welo Integration for Major Website Builders
To integrate the Welo badge on your site and customize the widget, consult the following dedicated sections
Below are instructions on how to add the integration code for the Welo widget and for the view counter in the main site builders.
Shopify
Where to find the embed section
Log in to the Shopify admin panel and go to Online Store > Themes.
Click on Actions (Actions) and then on Edit Code.
You will find the files theme.liquid and footer.liquid, who manage the header and the footer of the site respectively.
Add the code for the widget (Badge Welo): To add the Welo widget, insert the widget's HTML code in the file footer.liquid or on a specific page, where you want the badge to appear.
Add the script for the view counter: Go to the file theme.liquid and insert the script for the view counter directly into the section <head>. This will ensure that the number of views on all pages of your site is tracked.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
WordPress
Where to find the embed section
Go to Appearance>Theme Editor in the WordPress admin panel.
Click on Actions (Actions) and then on Edit Code.
Search for files header.php or footer.php, which manage the theme's header and footer.
Add the code for the widget (Badge Welo): Insert the HTML code of the widget into the files footer.php or header.php, or on a specific page through the page editor.
Add the script for the view counter: Enter the code for the view counter in the file header.php, within the section <head>. This will allow you to monitor views on all pages of the site.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
Webflow
Where to find the embed section
Access the project on Webflow and go to Project Settings>Custom Code.
In the section Custom Code, you can insert custom code in theHead Code or in Body Code.
Add the code for the widget (Badge Welo): You can add the Welo widget code using the block Embed Code in the Webflow editor. Place it where you want the badge to appear, as in the footer of the page.
Add the script for the view counter: Enter the script for the counter in the section Head Code of the project. This will ensure that the number of views for all pages of the site is monitored.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
Magento
Where to find the embed section
Go up Content > Pages in the Magento admin panel.
Select the page where you want to add the widget and use the option Insert Widget or insert the HTML code directly into the content section.
Add the code for the widget (Badge Welo):Add the HTML code of the widget directly into the page content or template. Magento allows you to easily insert the HTML code for the badge into the site layout.
Add the script for the view counter:To add the counter script, insert it in the file header.phtml, which deals with the header of the site, within the section <head>.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
BigCommerce
Where to find the embed section
Go up Storefront > Theme > Edit Theme Files in the BigCommerce admin panel.
Search for files footer.html and header.html, where you can enter the code for the widget and for the counter.
Add the code for the widget (Badge Welo):Insert the code of the Welo widget in the files footer.html or header.html to make it visible on all pages of the site or on a specific page.
Add the script for the view counter:To monitor views, add the code in header.html, within the section <head>.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
Squarespace
Where to find the embed section
Log in to the Squarespace admin panel and go to Settings > Advanced > Code Injection.
Here you can add the code both in theHeader Code What in the Footer Code.
Add the code for the widget (Badge Welo):Enter the HTML code of the widget in the field Footer Code to view it on all pages of the site.
Add the script for the view counter:Add the code for the counter in the section Header Code underneath Code Injection. This will allow you to track views on all pages of the site.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
Framer
Where to find the embed section
Access the project on Framer and go to Project Settings > Custom Code.
You can add the code directly in the section Body Code for the widget and in the Head Code for the view counter.
Add the code for the widget (Badge Welo):Enter the HTML code of the widget in the section Body Code, to make it visible at the bottom of the page.
Add the script for the view counter:Add the script for the counter in the section Head Code of the project. This will ensure that the counter runs on all pages of the site.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
Wix
Where to find the embed section
Go up Pages > Editor > Add > Embed code.
You can add the HTML code directly into a block Embed code on a specific page.
Add the code for the widget (Badge Welo):Enter the HTML code of the Welo widget in the block Embed code to view it wherever you want on the page.
Add the script for the view counter:Go up Settings > SEO and add the code for the view counter in the section Header Code.
If you don't know how to enter the code we provided, Consult the appropriate guide to find out how to do it properly.
Other Website Builders (e.g., Joomla, PrestaShop, etc.)
Where to find the embed section
If you didn't find your website builder on the list above, don't worry! The process of integrating the Welo badge and view counter is similar for many other CMS. If you need help setting it up properly, contact us and our team will provide you with detailed instructions on how to do it.