Widgets tab
Aleksandra Dynowska avatar
Written by Aleksandra Dynowska
Updated over a week ago

Most of the crucial settings you will find in Widgets tab. Let’s see what can be checked and configured here.

Limits

According to your Plan, you have limits on CallPage. In Widgets tab you can always see how many available widgets you have and how many of them you have already used.

Create new widget

By clicking the red button +Create widget you can add a new widget to your account. The new window will display and you will need to enter the domain address. You can change it easily afterward.

On the widgets list, you can find such information about widgets as:

ID - it is important especially when you need to report any problems with widget.

Domains - if you have implemented widgets on more than one domain here is a list of all domains on which your widget is.

Language

Status - widget can be Installed, Uninstalled, or Paused. If widget is installed the last URL where widget was loaded is shown.

Last edited - you can see the date of the last edition of the widget.

You can take some quick actions here such as:

Pause

Edit widget settings

Duplicate widget

Delete widget

After clicking the pencil icon you will find all widget features:

INSTALLATION

My website

In this tab, you will find your widget's code which is supposed to be pasted on your website. Usually, it should be placed before the </body> tag, however, it depends on the platform. On the right side, there are buttons that will redirect you to proper video tutorials about installation.

If you click Set up allowed domains you will be redirected to Trusted domains. 

In this tab you can also:

Preview your widget on a sample page (clicking on the link)

Check installation status (clicking on the red button) - the system checks all trusted domains for this widget and looks for CallPage code in the page source. However, if the code is embedded into GTM or external JS file, the system will be unable to detect it returning a false result. 

A direct link is ready to use and doesn't require adding the CallPage code to your site. By clicking your CallPage link, your customers will be able to call you directly. You can share it on social media, or add it to our mail signature, and let customers contact you directly without having to visit your website.

Trusted domains

CallPage code will only work on domains included in this tab. You can paste CallPage code on more than one domain (depending on your package), but every time you place the code on the new domain you need to add a new domain in this tab. To add a new domain click the red button +ADD - the new window will display and you will have to enter your domain's address.

Remember that each subdomain must be added separately (ie. info.site.com, shop.site.com). The only exception is that the domains site.com and www.site.com are considered equal.

You can delete a domain easily by clicking on the bin icon.

 

CALLS

Call algorithm

There are 3 available options:

At the same time - the system calls all managers simultaneously until one of them picks up the phone.

One by one - the system calls all managers in sequence: with a 5-10 seconds delay. After the first manager picks up the call, the queue is ended.

One by one, randomly - the system calls managers in different sequences each time.

Busy mode

If turned On, the app will detect when the manager is talking to website visitors via CallPage, and will not route calls to them. 

Call direction

You can decide which call direction you prefer:

Consultant to client - consultant receives a call first. After they answer, the customer's phone is dialed. If they do not answer, the customer is not dialed.

Client to consultant - The customer is called first. If they answer, the consultant is then dialed. If the customer does not answer, no consultants are called.

Call recording

In CallPage you can record all your calls. You can also switch off this option.

Call time

The time limit for the call to be processed and answered. The minimum is 28 (you can increase it up to 59 seconds).

Caller ID 

You can decide what number your client will see during an incoming call. There are a few options:

CallPage numbers - both - customer and  client will see CallPage number

Consultant number - a customer receives a call with the consultant's number as a caller ID

Customer number - a consultant receives a call with the customer's number as a caller ID

Incoming number - both - customer and client will see the virtual number

Please note that if you choose any option other than CallPage numbers you need to verify the number. You can verify the number by SMS or a phone call. To do it please go to the My Team tab and click Verify next to the manager.

Press digit mode

This feature has been created to prevent website visitors to be directed to IVR or answering machines. If turned On, the call is answered by the manager only after any digit (e.g. "1") is pressed.

Retrying failed calls

This functionality involves calls missed by a manager (it does not apply to scheduled calls). If a manager does not answer a real-time call, the system will try to generate the call again (here you can decide how many attempts it will be)

Click Save after any changes

Voice messages

CallPage offers automatic voice messages to managers and clients. There are the following messages:

Playback when the call starts - a greeting message for a consultant when one picks up the phone

Playbacks to inform your consultants - a greeting message for a consultant when one picks up the phone (only applies when Press digit mode is enabled)

Playbacks to notify your prospects - a message which informs the client that the call is recorded

Playbacks when the call ends - a goodbye message for a customer when the call finishes successfully or an apology message for a customer when the call failed

You can also download your own recording in .wav or .mp3 formats up to 10MB with playtime <= 20s.

SETTINGS

General settings 

Here you will find basic information about your widget: primary URL which is associated with widget, widget name (optional). Here you can also decide if you agree to analytics data with CallPage

 

SMS settings

Sender ID 

If you use your own Sender ID  your company name will be the SMS sender ID for customers. If you do not use this option the default sender ID is CallPage. Please note that Sender ID has to include the company name only. Neither common names nor numbers will be accepted. Also, it should contain only alphanumeric characters. Maximum length - 11 characters.

Edit messages

There are four text messages on CallPage:

Indicative message (call scheduled) - a message sent after ordering a scheduled call with information about the possibility of cancellation.

Reminder message (call scheduled) - a message reminder sent to the visitor several minutes before a scheduled call.

Summary message (for visitor) - a message with the consultant's contact details is sent to the visitor after the conversation is successfully completed.

You can switch on/off each of those messages. You can also edit the content. Please do not edit phrases such as :name :tel :url - they will be automatically loaded to messages.

 

VIEW SETTINGS

Widget view

Preview

POP-UP

Here you can personalize your widget. There are the following ways to do that:

Edit texts 

Click on any text on widget and type your own text.
You can edit the following widget views:

Call me now - displays after clicking on callpage phone icon (or triggered by scoring rules). It gives the possibility to order a quick callback in 28 seconds.
Call me later - the user can schedule a call for another time (within your manager's working hours).
Leave a message - if the one is not interested in ordering a call he can just leave a message. You will find the message in the Leads tab.
Departments - by default on this view, there is the same text which is on the Call me now view. Select department view displays only if you use the Departments (Visual IVR) described above. If you want to edit this view please go to Select state and choose Departments.
Agreement - GDPR is already in effect, so it's a good idea to take care of full adaptation of the CallPage widgets to the requirements of the new legal provisions. You can edit the agreement text, add links and make it obligatory. Click the on agreement text - the new window will display:

Themes

Choose a dark or light theme:

Dark

Light

Scheme

You can change your widget's color. There are 5 available colors. To use non-standard color use the HTML color code.

Add your custom image and crop it to size. Max photo size - 10MB. Suggested dimensions less than 520x100px.

Upload background

Add your custom image and crop it to size. Max photo size - 10MB. Suggested dimensions less than 520x300px.

Contact types

CallPage widget supports a few contact types. First of all, it is a quick callback within 28 seconds. There is also an option to schedule a call for a selected time or leave a message.
We offer also ASAP call. If a user orders a call on your website, but all your call operators are busy, he has the possibility to choose the option Wait for a manager, which generates an ASAP call. As soon as one of your call operators is available, a quick callback to the user will be generated.
You can choose which contact types you want to use:

Night mode

You can display the widget after working hours and still gains leads. When the option is ON, the widget is shown after working hours so the client can order calls for later. The system will automatically generate a scheduled call.

Show countries flags

Use this feature to show your users a dropdown with country codes. Easy to select the appropriate country code. Useful for multilingual websites.

Show calls stats

Use this feature to show your users how many people have already ordered a call on your website.

Language

You can choose the language of your widget. We offer the following languages:

  • Czech

  • Danish

  • Dutch 

  • English

  • French

  • German

  • Greek

  • Hebrew

  • Hungarian

  • Italian

  • Latvian

  • Norwegian

  • Polish 

  • Portuguese

  • Russian

  • Slovak

  • Slovenian

  • Spanish

  • Swedish

  • Turkish

  • Ukrainian

Suggest the correct number format

If you don't want to display our default placeholder you can edit it right here:

Pop-up settings

Customize pop-up windows for a view of your departments and contact type.

BUTTON

You can change the button position by dragging & drop to adjust it to your needs perfectly.

Upload button

Use your own image to make your widget even more attractive for users. Max photo size - 10MB. Suggested dimensions less than 70x70px.

Widget position

Here you can see the exact position of CallPage button.

Pulsing button


Pulsing halo around CallPage button.

Autoshow

If the option is ON phone icon will display automatically on your website.

Timeout

Specify the timeout to button display.

Close CallPage button

Use this feature to define how or if CallPage button will be able to be closed by a customer visiting a site.

Selector

You can trigger CallPage phone icon display by clicking the appointed element on your website. To do that enter here appropriate selector.

  1. . (class) - The class attribute specifies one or more class names for an HTML element. The class attribute is defined as a list of objects separated by a space, one of them must match the given class in the selector (CSS

  2.  # (id) - Selects an element based on the value of its id attribute.

EYECATCHER

Eyecatcher attracts user attention and promotes interaction with your widget. You can choose one of the available patterns from our gallery:

or upload your own image (Max photo size - 10MB. Suggested dimensions less than 300x300px). If you choose an image and click Save eyecatcher will display next to the phone icon - you can grab and move it. If you want to undo changes click  Clear. To keep changes click Save.

Note that eyecatcher is not available for mobile devices.

TOOLTIP

Tooltip, just like an eyecatcher, attracts user attention however it's a more advanced tool. Depending on users' actions it behaves differently.
The tooltip displays general text to new users and personalized one to users who have left their data on your website. Furthermore, if one has already ordered a call via CallPage there is no need to enter the number once more - the tooltip in such a situation behaves like One-click-call:

Click the tooltip text - the new window will display and you will be able to edit all components:

Company name

The company name will be displayed on the Agreement text.

Custom styles (CSS)

To any non-standard setting use CSS rules.

Advanced settings

Custom fields 

This feature enables you to collect extra data about your clients. Having a set of information on your customer during the call is valuable for every call representative. Here you can decide if you want to display Custom fields after a call or before a call

With Custom fields you can collect names, e-mails, addresses, and other information about your visitors. As we said above you can display the Custom field before or after a call. Here you can decide what your contact form will include.

Available fields:

  • Button

  • Single checkbox

  • Checklist

  • Date

  • Date & time

  • E-mail

  • Feedback

  • Full name

  • Text paragraph

  • Rating

  • Regular expression

  • Select

  • Single text line

  • Time

  • URL

If you pick any of those fields it will appear in Widget's form section (you can delete a field by clicking on a bin icon). If you click a particular field from Widget's form the Settings section will appear. In Settings you can edit:

Label - a short name for a field that will help your customers to provide the necessary information.

Placeholder - a short hint for visitors to provide data in a correct format.

Hint - use a hint to provide instructions for visitors on how to submit your form.

The field is required - whether the form can be submitted without specifying this field.

 
After adding a new field to the Custom field click Save. After editing a field click Done to save changes. 

TOOLS

URL’s configuration

You can exclude CallPage widget from some pages within your website. To do it use one of the available rules in this tab:

Disallow

Allow only

then enter the page address to the empty field and click the red button ADD PATTERN

To delete the existing rule click the bin icon next to it.

 

Merge widgets

There can be only one CallPage code on the website. However, there is a possibility to place different widgets on different pages within one domain. To do it you need to merge widgets. 

First of all, you need to create widgets that you want to place on your website. Let's say you have a website in 2 languages: EN and DE. You create 2 widgets (in English and German version. All settings such as managers, office hours, language, color, etc. can be different). Then you go to Merge widgets, click +ADD RULE and the new window will display.

You need to provide the following details:

Show widget - here you need to choose a widget (e.g. EN)

When subpage - here you need to choose the rule. Let's say all subpages in the English version on your website start with /en/ - if so you choose from the list option "starts with"

URL - paste a relative URL on which the widget will be displayed. In this case "/en/"

Click Create to save the rule.

Now you need to create the next rule. According to our case:

Show widget - you choose widget again (DE in this case)

When subpage - if all subpages in the german version start with /de/ you choose from the list option "starts with"

URL - in this case "/de/"

 

Of course, if you have more widgets and your subpages have different URL's you have to create more rules. But in this case, it's enough. Now you need to click GENERATE CODE. The new CallPage code for merged widgets will be generated and you have to paste it to your website. If the code is pasted correctly English widget will display on English subpages and analogously German widget will display on German subpages.

 

Did this answer your question?