Shopify Product Tagline
The Hello Clever logo and Instant Cashback percentage will appear on your Shopify Product Pages. Note: The expected appearances may differ depending on site-specific theme and layout.
Configuration
Completing the below steps will position the Hello Clever Product Page assets on your Shopify website.
- Login to your Shopify store as an admin
- Click on Themes from the sidebar menu settings
- Click on Customize button
- Click on the three dots setting on top left corner and select Edit Code
- Select the theme.liquid file
- Insert the code below and replace app-id-xxxxx with your site's app_id. *Please note this is the keys that you are currently using for your store's payment gateway
<script>
async function createCleverWidget() {
const widgets = new CleverWidget({
app_id: 'app-id-xxxxx', // Merchant's app_id
});
await widgets.initialize();
widgets.cashbackBanner({
containerSelector: '.product-form__buttons', // Class or ID selector where merchant want to render the widget.
});
// ----- AND -----
widgets.expressCheckout({
containerSelector: '.product-form__buttons', // Class or ID selector where merchant want to render the widget.
});
}
</script>
<script
id="clever_widget_2.0"
src="https://helloclever.co/lib/clever-widget/VERSION/2.0.0/index.js"
async
onload="createCleverWidget()"
></script>
- If all the steps above set up correctly, you should be able to see our product messages on your product page