Skip to main content
All CollectionsPop Ups & Growth Tools
Pop Ups & Other Growth Tools
Pop Ups & Other Growth Tools
Updated over 2 months ago

Brief

  • BIK has created Widgets/Pop Ups that can be added to your website.

  • Read more about them here on our website.


​

Platforms supported

  • The BIK chat Popups are compatible with all Shopify as well as non-Shopify websites.

  • For non-Shopify stores, it is necessary that a script tag can be injected into the non-Shopify website. This can be generated, while publishing the widget (last step of the process).
    ​

  • Lead generation popups discussed ahead are only compatible with Shopify websites as they require coupons/discounts to function. To enable them on custom integrations, pls reach out to [email protected].


Popups on BIK

Create a Popup

  1. Click here to go to our Popup section

  2. Click on ‘Create Popup’ button on the top right corner
    ​


    ​

  3. Select the type of widget and the template on the next screen
    ​


    ​

  4. Click on ‘Customise’ to start customising any widget that you want to go live with.

Customisation

With all widgets, the customer gets to change the floating action button designs, including the button position and button size.


​

Analytics

The status and performance of widgets can be viewed by going to the ‘Web Widget’ section under the ‘Acquisition’ tab. There in the following related information would be available:

  1. Status of Widgets

  2. Live Date

  3. Total Visitors

  4. Widget Viewed

  5. New Leads

  • For lead gen widgets: Conversion (defined when the issued promo is used to place an order)

  • For chat widgets: Conversation started (defined when the user sends first message)

Widgets control

This can also be used to download the analytics data as well as Edit, Delete or Hide/Unhide the widget


​
​

Lead Generation / Gamification Widgets

Lead generation widgets helps in acquiring new customers with the help of discounts, offers and gamification.

Types of lead generation widgets :

There are 5 types of lead gen widgets that are available via the BIK Platform

Spin the Wheel

(Full Dial)


​

Spin the Wheel 2

(Half Dial)

Scratch the Card
​


​

Direct Reward

Lead Gen Form


​

  1. Click on the type of widget as ‘Lead Generation widgets’.
    ​


    ​

  2. Hover over the template to see the option of ‘Preview’ and ‘Customize’. To see how it is going to appear on the website, you can click on ‘Preview’.
    ​


    ​

  3. Once the preview window appears, you can click on the ‘Customize’ option to edit the details of the widget.
    ​


    ​

  4. A new page will appear with a form for creating the widget. You can fill in all the details and click on ‘Save Changes’ in the top right corner to save the details.
    ​


    ​

  5. To make the widget live, click on ‘Publish’ button, next to the ‘Save Changes’ button in the top right corner.
    ​

Customisability & setting coupons in gamification widgets

1. Spin the Wheel

Design: Apart from generic customisations discussed above, additional customisations possible are below:

  1. Designs of the widgets including the widget icon and its position

  2. The behaviour of the widgets - How and when the widget pops ups

  3. Size of the widgets

  4. Wheel Designs

  5. Background Designs


​

2. Coupon Codes

  1. For widgets/Gamification, coupon codes can be set up on Shopify from the Bik dashboard

  2. Bik widgets allow the creation/usage of both dynamic & static coupons

  3. Static coupons need to be created on the merchant Shopify discount module & can be used on bik widgets during the creation/setup of widgets

  4. Dynamic coupons can be created directly via Bik platform during the creation/setup of widgets

  5. We allow the following Dynamic price rules of Shopify to be set up on Bik

    1. Buy X Get Y free

    2. Fixed Amount

    3. Percentage

    4. Free shipping

    .

  6. The probability of each offer can be defined, the sum of which must be equal to 1.0
    ​

3. Direct Reward/ Scratch the card

The graphics and the heading is customisable.

A single coupon code can be set up for these widgets.

The behaviour of the widgets - How and when the widget pops ups

4. LeadGen Form

The graphics and the heading is customisable.

Text is customisable along with fonts

The behaviour of the widgets - How and when the widget pops ups

Chat widgets

Chat redirection widgets are good entry points for your customers to interact with your support team in real time leveraging the most commonly used communication channels (whatsapp, instagram, messenger and live chat on website as well)

Types of Chat Widgets

There are 3 types of Widgets that are available via the BIK Platform

WhatsApp redirection


​

Bottom drawer multichannel widget


​

Centrally aligned multichannel widget


​

  1. Click on ‘Create Widget’ button on the top right corner.
    ​


    ​

  2. Click on the type of widget as ‘Chat redirection’.
    ​


    ​

  3. Hover over the template to see the option of ‘Preview’ and ‘Customize’. To see how it will appear on the website, you can click on the ‘Preview’ button.
    ​


    ​

  4. Once the preview window appears, you can click on the ‘Customize’ option to edit the details of the widget.
    ​


    ​

Customisability & setting up of chat widgets

  1. Designs of the widgets including the widget icon and its position

  2. The behaviour of the widgets

    • How and when the widget pops ups.

  3. Size of the widgets

  4. The pages on which the widget should be visible


​

Other growth tools

  • In addition to website widgets, we also enable brands to create URLs and QR codes that redirect to WhatsApp, Instagram or Messenger with appropriate context, analytics and connected chat flows.

  • These can be used to run growth campaigns on social media or offline channels (like sending printed cards with packaged items).


​

Growth URLs (On request)

  • These are URLs, which can take the users to brand’s WA, IG or Messenger chats.

  • Brand can select the destination channel while setting up the URLs.

  • Some common use cases to use growth URLs can be:

    • Run social media campaigns via influences. Each influencer can have a unique URL which can provide attribution to that particular influence.

    • Run other social or email campaigns to drive traffic to brand’s conversational channels.

  • With BIK’s growth URLs, brands can also connect chat-flows.

    • Users coming through these URLs, will trigger specific chat-flows after their first message.

    • This will create a personalised experience for the users and will also maintain the right context for them.

How to create & publish a new growth URL campaign?

  1. Go to ‘Acquisitions’ → ‘Growth tools’

  2. Select ‘URL generator’
    ​


    ​

  3. Select destination channel
    ​


    ​

  4. On customisation screen set all the required fields
    ​


    ​

  5. Once all the details are filled, tap on ‘Save and generate link’ button at the bottom.

Growth QR codes

  • BIK’s growth QR codes can be used for offline user acquisitions.

  • If a user scans these QR codes:

    • They are redirected to any conversational channel of the brand (WA, IG or Messenger).

    • It will also trigger a specific personalised chat-flow for the user, after the user sends his first message.

  • The QR codes can be used in acquiring users from marketplaces like Amazon or Flipkart, where these codes can be sent along with the product packaging.

How to create & publish a new growth QR campaign?

  1. Got to ‘Acquisitions’ → ‘Growth tools’

  2. Select ‘QR generator’

  3. Select destination channel

  4. On customisation screen, set all the required fields
    ​

  5. Once done, ‘Save campaign’.

  6. Print the QR code and use as per your requirement.

FAQs

What platforms are supported?

The BIK chat widgets are compatible with all Shopify as well as non-Shopify websites. For non-Shopify stores, it is necessary that a script tag can be injected into the non-Shopify website. Lead generation widgets are readily compatible with Shopify websites, for non shopify stores, pls contact us at [email protected]

How does the widget handle different screen sizes and resolutions?

The widgets are designed to be responsive and should adjust to the correct size on mobile screens. However, it is recommended to test the widgets on various mobile devices to ensure proper functionality.

Are there any known compatibility issues with certain browsers or operating systems?

BIK widgets commonly used web browsers includes Google Chrome, Mozilla Firefox, Safari and Microsoft Edge.

Are there any prerequisites for using widgets?

For non-Shopify websites, it is necessary to inject a script tag. And for lead gen widgets, a custom integration for managing rewards/coupons will be required (for which brand should contact BIK’s support team)

What if a user enters the wrong input?

The user will get an error in case a wrong input is made.

Can we preview the Widgets?

Widgets can be previewed by going under the customisation option on the right side. Users can check the preview on both Mobile and Desktop view.

Can I preview all the states of a lead gen widget?

Yes, under the preview of the widgets in the widgets customisation, users can select the state of the widget, they want to preview along with the changes.

Can we add a custom icon?

Custom icons can be uploaded as Image or Lottie based animations.

Can I enable or disable live chat on my website?

Yes. In the Bottom Drawer and Centrally Aligned Popup widget types, you can toggle live chat on or off by clicking the toggle button next to "Live chat."

How do I add a banner image to the widget?

To add a banner image to the widget, click the "Add banner image" button in the widget customization page. Then, select the image you want to use from your files.

How do I publish the widget on my website?

After completing all the customizations, click the "Publish" button on the top right corner of the widget customization page to display the widget on your website.

Can I change the background colour of the Direct Reward widget?

Yes, you can change the background color of the Direct Reward widget by clicking on the "Select a color" option and picking any color from the color picker tool.

Can I choose the places where I want to show the Lead Gen widget?

Yes, you can choose the places where you want to show the Lead Gen widget i.e., Home page, Product Description page, Collections page & any custom URL. This option is present at the ‘Visibility’ step while customising a widget.

How do I set the automatic appearance of the Lead gen widget?

To set the automatic appearance of the Direct Reward widget, toggle the option and set the values for the following options: Time Delays, Page Scroll, and View Limits.

FAQs part 2 on widgets - quick summary:

Show

Types of widgets:

  1. Lead generation

    1. Coupon/reward based

    2. STW

    3. Direct reward

    4. scratch card

  2. Non coupon based

    1. Lead generator

  3. Chat widgets

    1. Whatsapp redirection

    2. Botton drawer

    3. centrally aligned pop up

  4. Growth Tools

    1. URL generator

    2. QR code generator

Feasibility of widgets:

  1. Gamified widget using shopify discount module

    1. Static discount

    2. Dynamic discount type/basis

      1. Fixed amount

      2. Percentage

      3. Buy X get Y

      4. Free shipping

  2. Retargeting via whatsapp flows

    1. sending out congratulatory message on winning

    2. Nudge to use coupon won upto 72 hours, if not claimed already.(retargeting, time duration can be changed in flow(refer library flow name-widget retargeting))

    3. Setup widget specific automation/journey basis events as triggers with widget name, source id as event properties

  3. URL of page redirected from for more context for agent’s interaction(Source url: for chat widgets)

  4. Enable/disable enquiry Id for better analytics & attribution(Chat widgets)

Non-Feasibility of widgets:

  1. Widget trigger basis website action/cta (ex: Notify me button basis widget trigger for out of stock or new releases etc)

  2. Widget retargeting on channels other than whatsapp

  3. Non Shopify discount coupons disbursal

  4. Non google fonts

Customers/Users who can be targeted:

  1. All website visiting users

    1. Hide/unhide widget once user has claimed reward

    2. View limit for a user in a duration

Non feasibility of special targeting basis:

  1. Existing users vs new user

  2. Segmented user basis any other logic

Widget triggers:

  1. Time delays for widget to appear on website

  2. Page scroll percentage for widget to appear

  3. View limit for a user in a duration

  4. Hide/unhide widget once user has claimed reward

  5. widget visibility on different website pages

    1. All pages

    2. Home page

    3. Collection page

    4. PDP

    5. Custom URL

Lead collection capabilities:

  1. Three fields - email / sms /whatsapp

  2. All three fields can be made mandatory

  3. Fields to be collected:

    1. Mail

    2. two phone numbers

  4. Can add privacy policy link and ‘accept’ checkbox

  • we have option to specific which flow has to be triggered in the respective widgets only - growth tools and chat redirect

  • It will get triggered instantly by the widgets POD - ok

  • Enquiry id - is must to map the message with the right widget flow -

  • we also have a message based check in case of absence of enquiry id - but not preferable

  • Source URL - get appended to message if opted

Whoever is using keyword based triggers has to be migrated to 'widgets<>flow' mapping.

Action items:

  1. Change the ux flow connection for lead gen widgets

  2. Make the flow

A summary of widget types, flow connection and context sharing

Widget

Widget type

Flow connection

Context sharing

Order Attribution

Analytics

SPW, Scratch card, lead gen with promo

Reward lead gen widgets

Through events:
- reward Disbursed
- customer acquired
- lead generated
​

Through the event properties like - widget name, promo code, phone number

Through promo code usage

List of customers in three button

Direct Lead gen widget

Non reward lead gen widget

Through events:
- customer acquired
- lead generated
​

Through the event properties like - widget name, phone number

No order attribution

List of customers in three button

whatsapp redirection, bottom drawer

Chat redirection widget

1. Preferred: Directly by configuring the flow at the time of widget set up (requires enquiry id)
​
2. Alternative: Through keyword - no configuration required at widget builder and doesn’t require any enquiry id. <>
​
3. Not preferred : Through event ‘conversation started’ but that may be 4-5 mins delayed
​
4. Not preferred: Set up a initial message. Set up a journey with keyword trigger of that initial message
​
note: either enquiry id or initiatle message is mandatory
​

1. Context like the URL: through enquiry id
​
​
2. Through URL that gets appended in the message itself
​
​
3. Through event properties
​
​
4. no context is passed in this case
​

No order attribution

List of phone numbers where conversation started

Qr code, URL

Growth tools

Directly by configuring the flow at the time of widget set up (powered by enquiry id in case of whatsapp, for IG/messenger - powered by meta context)
​
OR by configuring the right keyword as part of URL (works only for Whatsapp)
​

NA

no order attribution

LIst of phone numbers where conversation started

Related Articles
Events as Triggers
Integrations Overview
Growth Tools
Lead Generation Popup Creation
Event as Triggers
Did this answer your question?