The functionality of the CallMe button is implemented to save numbers from the pool of dynamic insertion . For example, you have ten insertion numbers, and there are twelve users on the site at the same time. The last two will have to issue numbers that have already been shown to other visitors. Therefore, there is a high risk of obtaining incorrect statistics, because it will not be possible to determine which of the visitors who were issued the same numbers, actually called.
Obviously, not every user will decide to call. Therefore, you can show numbers not to everyone, and thus save them for those who are determined to call. To do this, it is enough to hide the numbers with the "Show number" button. The most interested visitors will click on it, and the insertion script will show them the insertion number. That is, the number will be issued only to the client who is ready to call.
Technical requirements
The buttons are only compatible with dynamic calltracking
There must be 3 or more numbers in the insertion pool
Implementation of the button on html+css
The button must be inside the element in which the number is located, for example, in the element <div>, <span>, etc.
How to set up and enable?
1. The functionality can be configured in the Ringostat personal account section "Call tracking", subsection "XPaths".
2. To configure, you need to click on edit the already created XPath and activate the button either for all devices (1) or only for mobile devices (2).
3. After that, you need to select the percentage of reserve numbers from the drop-down list:
You can choose the reserve number of numbers for each pool. Suppose there are 10 numbers in the pool for insertion. 20% of numbers are selected for reserve. If there are eight visitors on the site at the same time, the "Show number" button will already be shown to the ninth. If he clicks on it, he will see one of the reserve numbers.
More about the logic of the checkboxes:
1) If none of the "Call me all" and "Call me mobile" checkboxes are inactive, the button for issuing numbers will never appear in the project.
2) If the "Call me all" checkbox is inactive, and the "Call me mobile" checkbox is active, then the button for issuing numbers will always be displayed, but only on mobile devices.
3) If both checkboxes are active, the button will always be displayed on mobile devices, and on desktop devices - according to the selected percentage of reserve numbers.
4) If the “Call me all” checkbox is active and the “Call me mobile” checkbox is inactive, the button will be displayed according to the percentage of reserved numbers on both mobile and desktop devices.
4. The last setting point should be inserted in the field "HTML code for buttons Call me” your button code.
After completing all the settings, you need to click "Save", go to the "Script settings" section (1) and click the "Apply settings" button (2).
Examples of buttons
Variant for desktop version 1
Button code:
<div style="border: 1px solid #39464e;border-radius:5px;background: border-box;font-size:14px;font:inherit;color:inherit;margin-right:15px;cursor: pointer;display:inline-block;padding:5px;">0
<span style="opacity:0.8;margin-left:3px;">(8</span>
<span style="opacity:0.5;">0</span>
<span style="opacity:0.2;">0)</span>
<span style="color: inherit; letter-spacing: 0; text-align: center;"> Show number </span>
</div>
Variant for desktop version 2
Button code:
<div style="">0
<span style="opacity:0.8;margin-left:3px;">(8</span>
<span style="opacity:0.5;">0</span>
<span style="opacity:0.2;">0)</span>
<span style="color: inherit; letter-spacing: 0; text-align: center;"> Show number </span>
</div>
Button option for mobile 1
Button code:
<div style="border: 1px solid #39464e;border-radius:5px;background: border-box;font-size:14px;font:inherit;color:inherit;margin-right:15px;cursor: pointer;display:inline-block;padding:5px;">
<span><img width="20px" src='link to your icon'></span>
<span style="color: inherit; letter-spacing: 0; text-align: center;font-size:20px;"> Call </span>
</div>
Button option for mobile 2
Button code:
<button style="border: 1px solid #39464e;border-radius:15px;background:transparent;color:inherit">
<span style="color:inherit">
(067) Call
</span>
</button>