Заказ обратного звонка на вашем сайте через виджет Convead за 5 минут

21 сентября 2015 | Лайфхаки и хитрости

Если на вашем сайте нет запроса обратного звонка, но вы всегда об этом мечтали, то вы можете создать такой попап всего за 5 минут, используя базовые возможности виджетов Конвида.

Конвид умеет показывать виджеты не только автоматически, но и в ручном режиме, при выполнении определенного скрипта на вашем сайте. Эту функцию можно использовать для отображения виджета при нажатии на любую кнопку, ссылку и пр. элементы.

Перейдите в раздел “Виджеты” и создайте новый виджет с типом “Всплывающее окно”. Выберите наиболее подходящий вам шаблон и подправьте его или создайте виджет самостоятельно с нуля. Для формы запроса обратного звонка нам достаточно положить на виджет поля “Имя” и “Телефон”, а также кнопку “Перезвоните мне!”. У меня получился вот такой вот простой виджет:

На шаге “Настройка” укажите, что виджет нужно показывать вручную при наступлении события. При выборе этого пункта вы увидите небольшой JS-код, который нужно будет использовать на вашем сайте для показа виджета. Скопируйте и сохраните его, мы вернемся к нему чуть позже.

Также не забудьте указать, что выхотите получать уведомления на эл. почту каждый раз, когда кто-то отправляет эту форму. Вы ведь не хотите пропустить запрос обратного звонка, правда?

Настройка уведомлений о срабатывании виджета в Конвиде

Все, наш виджет готов, можно запускать! Не беспокойтесь, на вашем сайте он не вылезет раньше времени, пока вы сами этого не захотите.

Настройка со стороны Конвида закончена, теперь нужно прицепить вызов нашего виджета на нужный элемент в дизайне вашего магазина. Скорее всего виджет должен будет вызываться при нажатии на какую-нибудь кнопку или ссылку. Здесь вам придется немного напрячься и поковыряться в админке вашего сайта. Все современные CMS так или иначе позволят вам без особого труда отредактировать шаблон сайта и добавить туда кнопку, ссылку или включить этот пункт в меню.

При нажатии на эту кнопку или ссылку должен выполниться тот JavaScript-код, который вы скопировали из настроек виджета выше. Конкретная реализация зависит от возможностей CMS вашего сайта, поэтому каких-то универсальных рекомендаций я дать не смогу. Некоторые CMS позволят вам сразу указать, что при нажатии на кнопку/ссылку нужно выполнить произвольный JavaScript-код. Если напрямую указать код нельзя, то придется сделать все руками.

Универсальным решением будет повесить обработчик события onclick на тот элемент, при нажатии на который должен появляться ваш попап запроса обратного звонка. При этом если элемент является ссылкой, то следует правильно указать ей атрибут href, чтобы избежать ошибок или нежелательного поведения. Примеры ниже:

<a href="javascript:void(0);" onclick="convead('widget', 'show', {id: 123});">Перезвоните мне!</a>

<a href="#" onclick="convead('widget', 'show', {id: 123});return false;">Перезвоните мне!</a>

<button onclick="convead('widget', 'show', {id: 123});">Перезвоните мне!</button>

<input type="button" value="Перезвоните мне!" onclick="convead('widget', 'show', {id: 123});">

Любой из этих примеров откроет ваш “ручной” виджет обратного звонка с id 123. Подчеркнутая часть - это и есть тот самый код вызова виджета, который вы должны были скопировать со страницы “Настройка”.

Вот, собственно, и все! Если вдруг у вас не получается подключить виджет к вашему сайту самостоятельно - попросите помочь вашего программиста или обратитесь в службу поддержки Convead. У квалифицированного человека это займет буквально 5 минут.

Чтобы представить весь процесс более наглядно, я записал создание виджета обратного звонка на примере нашего тестового магазина InSales на видео:

 

Уложился, между-прочим, в 4 минуты. Кто быстрее? ;-)

В базовой комплектации Convead устанавливается на популярные CMS за 3 минуты: