HTML-вёрстка виджета

2025-07-24 16:32 Виджеты и персонализация

В Convead можно загрузить собственную html-вёрстку виджета. Для этого перейдите в раздел “Виджеты” — “Добавить виджет” и выберите нужный тип.

Нюансы. Контент может быть свёрстан полностью кодом или добавлен частично элементом.

Настройки html-вёрстки

При вёрстке виджета кодом контент должен быть в формате формы. Форма позволяет отправлять данные на сервер.

Важно! Контент виджета уже окружен тегом <form></form>. Эту часть кода добавлять в свою верстку не нужно.

Настройка полей для передачи данных

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

Например: Код поля с обязательным email-адресом будет выглядеть вот так:

<input name="properties[email]" type="email" />

Код поля с необязательным именем:

<input name="properties[first_name]" type="text" />

Посмотреть и скорректировать код можно в настройках блока.

Нюансы. Ограничений по размеру виджета и изображений в нём нет.

Блок «Товарные рекомендации»

Чтобы добавить блок с рекомендациями с собственную вёрстку виджета, воспользуйтесь кодом ниже:

{% for line_item in recommended_offers %} <div> <a href="{{ line_item.url }}"> <img src="{{ line_item.picture }}" alt="" /> </a> <a href="{{ line_item.url }}"> {{ line_item.name }} </a> <b> {{ line_item.price }} </b> </div> {% endfor %}

Важно. Товарные рекомендации в виджетах работают только на страницах товара. На других страницах рекомендации не работают, так как нет товара, к которому нужно подобрать рекомендации.