FAQ

Add custom image in button

use this shortcode [vdz_cb]<img src="/my_image.jpg" alt="">[/vdz_cb].

More options in shortcode

use this shortcode [vdz_cb vdz_cb_popup_title="Call back Title" vdz_cb_popup_mask="(999) 999-99-99" vdz_cb_popup_name="Name" vdz_cb_popup_name_required="true" vdz_cb_popup_phone="Phone" vdz_cb_popup_text="Some text" vdz_cb_popup_button="Send" vdz_cb_popup_error="Error" vdz_cb_popup_success="Thank you!" vdz_cb_popup_button_class="custom_class" vdz_cb_popup_action_button_class="custom_class_btn" ]Open Cell back[/vdz_cb].

Off phone mask in shortcode

use this shortcode [vdz_cb vdz_cb_popup_mask_off=1]Call back[/vdz_cb]. this option disable phone mask in widget too

Use custom colors

Paste in your custom css settings in WordPress #vdz_cb_widget{background-color: rgba(82,78,162, 0.5) !important;border-color: rgba(82,78,162, 0.3) !important;} #vdz_cb_widget:before{border-color: rgba(82,78,162, 0.5) !important;}#vdz_cb_widget:after{background-color: rgba(82,78,162, 0.3)!important;}

Change sender name and email

Add in your function.php theme file next filters:
//name from
add_filter( ‘wp_mail_from_name’, function(){
return ‘NEW NAME’;
} );
//email from
add_filter( ‘wp_mail_from’, function(){
return ‘new_email_from@your.site’;
} );

Change position widget

use this code in custom style
#vdz_cb_widget{
bottom: 40px;
right: initial !important;
left: 40px !important;
}

Add event to YandexMetrika

(function ($) {
$(document).on(‘ready’, function () {
$( document ).ajaxComplete(function( event, xhr, settings ) {
if (( settings.url === window.vdz_cb.ajax_url ) && /action=vdz_cb_send/.test(settings.data)) {
console.log(‘YandexMetrika SEND’);
ym(XXX, ‘reachGoal’, ‘YYY’, goalParams);
}
});
});
})(jQuery);

Change size widget on mobile

use this code in custom style
@media screen and (max-width: 767px){#vdz_cb_widget{width: 50px;height: 50px;line-height: 48px;}.vdz_cb_widget span svg{width: 30px;height: 30px;}}