Introduction

How to include the widget on your website

Easily add the BuzzBonus widget to your website with just two lines of code! Our widget is compatible with all websites, including Shopify and WordPress.

Since the script to include it is async, including it will not slowdown your website since the widget is displayed when it's ready.

Basic Usage

Copy and paste the following code into your HTML:

<script async src="https://buzzbonus.tech/script.js" />
<div class="buzzbonus" />

Shopify

For Shopify, navigate to the theme section of your Shopify store and edit the code. Find the file in which you want to add the BuzzBonus widget (usually this will be your theme.liquid file), then paste the basic usage code where you want the widget to appear.

WordPress

In WordPress, navigate to Appearance > Theme Editor > Theme Files. Find the file where you wish to include the widget and paste the basic usage code where you want the widget to appear.

Next.js

Copy and paste the following code into your HTML:

import Script from 'next/script';

const Buzz = () => (
    <>
        <Script src="https://buzzbonus.tech/script.js" />
        <div className="buzzbonus" />
    </>
);

Configuration Options

You can customize the BuzzBonus widget to fit your specific needs by adding data attributes to the widget div. Here's a table of the available options

pageConfiguration