Skip to main content

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.

  1. Login to your Shopify store as an admin
  2. Click on Themes from the sidebar menu settings
  3. Click on Customize button
  4. Click on the three dots setting on top left corner and select Edit Code
  5. Select the theme.liquid file
  6. 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>

  1. If all the steps above set up correctly, you should be able to see our product messages on your product page