Демонстрация Inline-виджета leadback

Эта страница демонстрирует возможность встраиваемого виджета. Используя специальный Inline-код вы сможете встроить в сайт блок заказа обратного звонка, пример такого блока представлен тут ниже.

Оформление Inline-виджета производится при помощи вашего CSS стиля. Это практически не ограничивает ваши возможности.

Пример Inline-виджета

Как вставить Inline-виджет?

<!-- HTML код Inline-виджета -->
<div class="lb_widget-wrapper" style="display: none;">
	<div class="lb_content-call">
		<div>Хотите перезвоним вам за <span class="lb_callback_time">27</span> сек?</div>
		<input type="text" class="lb_phone"/>
	</div>

	<div class="lb_content-timer" style="display: none;">
		Начинаем звонить вам, засекайте.
		<div>
			<span class="lb_timer_result"></span>
		</div>
	</div>

	<div class="lb_content-delayed" style="display: none;">
		Упс! Сейчас мы не в офисе. Мы перезвоним вам <span class="lb_delay-date"></span>
	</div>

	<button class="lb_send">Жду звонка!</button>
</div>
<!-- /HTML код Inline-виджета -->

<!-- JS код Inline-виджета -->
<script>
    var _emv = _emv || [];
    _emv['campaign'] = '{{widget_key}}'; /* замените {{widget_key}} на свой (читайте ниже) */
    
    (function() {
        var em = document.createElement('script'); em.type = 'text/javascript'; em.async = true;
        em.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'leadback.ru/js/leadback-inline.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(em, s);
    })();
</script>
<!-- /JS код Inline-виджета -->

ВАЖНО: Замените {{widget_key}} на ваш (свой {{widget_key}}} нужно скопировать из стандартного кода виджета в личном кабинете).

Заметка: Если требуется несколько блоков с виджетом на одной странице, просто продублируйте html-код виджета в нужных местах страницы.