Главная HTML-вёрстка виджета

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

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


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

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

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

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

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

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

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

<input name="properties[email]" class="convead_required" 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 %}

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

Полезные статьи