Callback Widget Setup Instructions

Created by Daniel Kauffer, Modified on Wed, 14 Feb at 1:49 PM by Daniel Kauffer

Follow these steps to set up the Callback widget:


Go to «Services», «Callback button» and click on «Create a widget».



  1. Main


  • Display Name: Set any value; this is for your reference in your account.

  • Your Number: When a website visitor requests a call, the service sends a call to your designated phone number, SIP number, extension number, or a cloud PBX scenario. Once you answer, the server connects the call to the phone number provided by the website visitor.

  • SIP Connection: Enter the SIP number or PBX extension number to be used as the CallerID for calls made from the widget. This number is displayed in call statistics.

Note: If you select a SIP number or PBX extension number in the "Your Number" field, it serves as the CallerID, and the field is not displayed.

  • Working Hours: Specify the days and hours during which you wish to receive calls. Outside working hours, visitors can leave a request for a delayed call, which is sent to your email and reflected in widget statistics and the "Delayed Calls" section in Layout settings.

Note: If all days are set as non-working, the widget won't operate.


  • Redirect Page After Successful Call: Choose to redirect the client to a specific page after a successful callback request. Options include redirecting to an online shopping cart or a contact page.

  • Event for Analytics: Specify a tracking system event for analytics. Enter JavaScript code for systems like Google Analytics or Yandex Metrics. This code is executed when "Waiting for Call" is clicked. Only enter JavaScript code in this field.

  • Email for Notifications: Provide an additional email address for notifications related to delayed call requests.

  • Place Information about the Megacall Project: Optionally include information about the Megacall project with your referral link in the widget window. This is part of the affiliate program.

  • Limits: Limit Calls with a Single IP to Half an Hour: Restrict callback requests from the same IP address to half an hour to prevent spam.

  • Callback Request Limit from the Same Client's Number: Anti-spam limit for callback requests from the same number. If enabled, the second call can be requested after an hour, and the third only after 24 hours.

  • Blacklist of IP Addresses: Block callback requests from specific IP addresses, helpful for filtering inappropriate calls. Widget statistics include information about IP addresses making callback requests.



  1.  Display Criteria


Megacall's system is equipped to identify clients' irregular behaviour on the website and can automatically present them with a widget offering a free callback. 



The display criteria are as follows:


Analyzing Visitors' Behavior:

Each action by a visitor is assigned a specific number of points.

The system accumulates points based on the specified actions taken by the visitor.


Display the Widget When the Criteria Sum is Reached:

When the sum of points equals or exceeds the value set in this field, the visitor is automatically presented with an offer to request a callback.

Important notes: If the value is set to 0, the widget appears immediately after the visitor’s first action.

All client actions on the website are saved in their browser cookies.

If the widget's window is closed once, it will not appear by itself the second time.

The last 5 pages viewed by the visitor are saved in the cookie files. Points for each action are only added once when moving between the same pages.


Display the Widget When Leaving the Website and When the Criteria Sum is Reached:

This event is triggered when the mouse cursor moves outside of the website’s boundaries.

The widget is displayed if the total number of points is equal to or greater than the value set in this field.

This dynamic approach allows for a tailored presentation of the callback widget based on the cumulative actions and behaviour of the website visitors, enhancing the effectiveness of the callback offer.



  1. Layout:


In the Layout section, configure and preview the layout of the callback widget before embedding it on your website. There are two design options: "New" and "Simple," each with its advantages.


New Design:


Easily create an attractive widget using existing templates without additional settings.



Choose the button triggering the callback widget and the design of the callback window (side panel or centre).


  • Customize the countdown duration, visible to the visitor after clicking the "Waiting for call" button.

  • Include an image of the manager on the button and in the callback window.

  • Position the widget on the website and set an offset from the website edge.

  • Enable auto substitution of the country prefix in the number field based on the visitor’s geolocation.

  • Define the text for buttons 2 and 3.

  • Optionally, include an agreement checkbox to obtain visitors' agreement for using their numbers. Specify conditions and purpose in the agreement text.




Simple Design:


Utilize the older version of the widget with a simpler design and the ability to edit the layout using CSS styles.



  • Set the countdown duration visible to the visitor after clicking the "Waiting for call" button.

  • Allow the use of your own CSS to manually change the widget/button layout. Download the CSS file, redefine styles, upload it to your server, and connect it to the pages with the widget.

Example: <link rel="stylesheet" type="text/css" href="/css/zcallback_widget.css">

  • Display or disable the button; the widget appears only after the criteria sum is reached.

  • Enable or disable CSS animation on the widget button.

  • Auto substitution of the country prefix in the number field based on the visitor’s geolocation.

  • Signatures: Modify text fields in the callback request window. Change the complete text in the widget for both design options.







  1. Numbers Filter:


The Numbers Filter feature allows you to manage callback requests by either rejecting or allowing calls from specific countries. 

Follow the below image:


To add a country to the filter, locate it in the list and click "Add."




  1. Website Settings:


Once you've configured the widget, follow these steps:

  • After setting up the widget, click "Save the Widget."
  • Copy the provided code and embed it within the <body> tag on your website.
  • No need to change the widget code on your website when adjusting settings.
  • Your new settings will be active within 10 minutes (not instantly).

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article