Как поставить два элемента в виджете рядом друг с другом?

Рассмотрим по шагам, как сделать виджет с двумя кнопками «Для женщин» и «Для мужчин». Он автоматически запомнит, на какую кнопку нажал посетитель и запишет в Конвид выбранный пол. 

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

Создаем такой виджет:

По умолчанию в виджетах Convead элементы встают один под другим, но можно поставить их рядом друг с другом. Например, поле ввода емэйла и кнопка или две кнопки «Для мужчин», «Для женщин» прекрасно выглядят, когда стоят в одной строке. Чтобы это сделать нужно для начала создать все необходимые элементы, а потом подвинуть их с помощью отступов:

Очень важный момент: при таком размещении, контейнер (блок) одной из кнопок может перекрывать другую кнопку и по ней нельзя будет кликнуть. Это легко заметить, когда вы кликаете по одной из кнопок и ничего не происходит. Чтобы это исправить, нужно вынести нижнюю кнопку наверх при помощи кода:

<code>position:relative; z-index:2;

Код нужно прописать в поле CSS для обоих блоков.  z-index для того блока, который мы выносим наверх должен быть больше, чем у второго блока, например, 1 и 2.

Чтобы проверить, правильно ли вы прописали z-index, выбирайре в редакторе то одну, то другую кнопку и смотрите, меняются ли свойства на правой панели. Если меняются, то все в порядке.

Передача выбранной опции в Convead

Теперь необходимо передать в Convead, что при нажатии на синюю кнопку нужно запоминать, что посетитель – мужчина, а при нажатии на красную – женщина.

Выбираем по очереди каждую из кнопок, в правом сайдбаре находим пункт «Действие при нажатии», выбираем «Выполнить JavaScript». В поле ниже вставляем код:

convead('event', 'update_info', {}, {gender: "female"});

Для женщин значение в кавычках – female, для мужчин – male.Теперь как только посетитель нажмет на одну из кнопок «Для МЕСЬЕ» или «Для МАДАМ», Convead автоматически запишет значение male или female в стандартное поле gender (пол). По этому полю в Конвиде можно сегментировать посетителей, чтобы более адресно с ними работать.

Нажатие на любую из кнопок считается «отправкой» виджета. Вы можете далее настроить отправку рассылки в соответствии с выбранной опцией. Причем дамам можно отправлять одно, а джентльменам – другое. 

Все еще нужна помощь? Связаться с нами Связаться с нами