Skip to main content
All CollectionsCallback
Customize your Callback widget
Customize your Callback widget
Eugene Zastup avatar
Written by Eugene Zastup
Updated over 2 years ago

To make the widget style suitable for your web page design, go to the "Callback" => "Callback settings" menu. It's possible to change the colour, form, position and language settings for this.

Step 1: Configuring the Callback widget

  1. After that, set the manager who'll get the call first.

    The default setting is for your manager, but it also can be forwarded to your client first.

  2. You also can set up to play an audio notification for the manager before the call:

    2.1. Without tonal confirmation — mostly standard setting if you want to notify the agent that the call was made by the Callback widget;

    2.2. With a tonal confirmation — preferable to use if your PBX has an auto-answer or welcome audio on the line.

    There's possible to set the default audio or upload your one.

  3. If you want to turn off the timer for the widget, which appears after sending the request for the call — disable the setting for the display timer:

  4. Set up the default language you want to show the Callback form in.

  5. Also, add the link to the end-user license agreement:

  6. Turn on the anti-spam settings so that no bots will disturb you:

    6.1. Check visitor with reCAPTCHA before making a callback call — Ringostat uses reCAPTCHA v3. This version allows to automatically block callback requests by bots without additional actions from the visitor, such as selecting pictures. If reCAPTCHA v3 is already installed on your website, then Ringostat will not check the visitor before making a call.

    6.2. Minimum user rating for making a call — if the visitor rating, defined by reCAPTCHA, is lower than specified, the Callback call will not be made, and the visitor will see an error.

    6.3. Disable Callback for those visitors who use IP address hiding tools. This option will enhance protection against non-target appeals. Those visitors of your website, who use VPN, proxy and other IP address hiding tools, will not be able to use the Callback widget. Also, such visitors will not be called back after filling up "Forms on your site".

  7. Configure the styles for your widget:

    7.1. Enter the colour for the widget of select one in the scale.

    7.2. Turn off/on the Callback button animation.

    7.3. Customize widget Radius and location.

Step 2: Set up the Callback forms

  1. Go to the "Configure Callback forms" button.

  2. There you'll see the forms in three default languages:

    • Ukrainian;

    • English;

    • russian.

    And you can find two types of the forms for each language:

    • based on session length — the system calculates the session time and shows the pop-up form to a visitor automatically;

    • by clicking — a pop-up form is displayed when a visitor clicks on the Callback button.

  3. Select the style for the form which will suit your web page colours:

  4. Also, we recommend using the delayed call settings. In this case, your visitors can leave a request for the Callback during your working hours.

  5. You also can change the texts of the forms if you want.

  6. If you need any of the forms in any other language — create the forms in such language.

    Fill the form with the following details:

    • Type — select the type of the form.

    • Style — pick the style for it too.

    • The language code is a code of the language you set on your web page. According to this code, the system will show the pop-up form in the required language.

    • Heading text is the title of the pop-up form. For example, enter "Call me now!".

    • Error text will be shown if a visitor enters the wrong number. For example, "Oops, you've entered an invalid phone number."

    • Button text is a text for the call button. For example, "Call me now!".

    • Message text prior to call is a text of the form with short info of the time you will reach a visitor. For example, "Enter your phone number, and we'll get in touch in 30 seconds.".

    • Text during countdown will be shown while the system is connecting a visitor. For example, "Connection with an operator…".

    • The text after the counter will appear if all managers are busy. Inform a visitor that you'll try to reach them in some period. For example, "We took too long? Our apologies. A representative will contact you soon.".

    And the fields for the delayed call:

    • Order call for a specific time — check the box to activate the function.

    • Text of the button for going to the callback time choice — put the text you want to show to a visitor so that they will choose the time for a call.

    • Text of the button for returning to standard form — the text for the button which returns the user to the main Callback form.

    • Text before the delayed call — the text a visitor will see in the form after selecting the time.

    • The name of the "Today" option in the date list — if a visitor is trying to leave a request during working hours — they will be able to select an option for today's call.

    • The name of the "Tomorrow" option in the date list — the option will be available if a visitor opens the form on the day before the first working day.

    • Text of the message that the visitor already has an ordered call.

    • The text of the offer to change the time to a new one

    • "Change" button text — the button which allows a visitor to change the date and time for the call request.

    • "Don't change" button text — the button that allows to not change the date and time for the call that a visitor has selected.

    • Text of the message that the user will receive a call soon, and changing the order time is no longer possible.

    • Title text after ordering a call — the text a visitor will see after requesting a call during working hours.

    • Text after the delayed callback order — the text a visitor will see after requesting a call during non-working hours.

    • Title text for project non-working time — the text to notify a visitor when you have working hours.

  7. Activate the forms you need.

Did this answer your question?