Урок 25 (часть 2). Подписка на новости блога

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

Создание формы подписки

Хочу отметить, что внешний вид формы можно изменить или создать новый. Это можно сделать в настройках плагина во вкладке «Формы»:

Или в разделе административной панели «Виджеты», во время настройки виджета MailPoet Subscription Form, о котором мы говорили в предыдущей части урока «Подписка на новости блога (часть 1)», кликнув на «Создать новую форму»:

После этого перед вами откроется окно с настройками формы подписки:

Как видим, слева надписи «Редактировать» расположено название «Новая форма». Название можно изменить кликнув по нему мышкой, или нажав на кнопку «Редактировать имя». Немного ниже расположены элементы формы: адрес электронной почты и кнопка «Подписаться». Надписи и некоторые функции всех элементов можно изменит наведя курсор мыши и кликнув по «Редактировать отображение»:

Списки подписчиков

Далее мы видим поле «Эта форма добавляет подписчиков в эти списки:», в котором находятся выбранные списки пользователей. Мы ранее уже обсуждали каким образом они создаются, и если их у минимум два, то можно к уже выбранному списку «Дорогие читатели» добавить остальные. Сделать это можно кликнув мышкой по пустому месту справа от выбранного списка:

Служебная информация

Обратите внимание на настройку «После отправки…»:

Она отвечает за всплывающую текстовую информацию на сайте в форме подписке, после нажатия на кнопку «Подписаться!»:

Стандартную надпись можно легко отредактировать. После редактирования формы не забудьте нажать на «Сохранить»:

Элементы формы

Плагин MailPoet имеет стандартные и дополнительные элементы формы. Они позволяют управлять формой и собирать необходимые данные о подписчиках.

Стандартные элементы формы

Справа от формы подписки расположены дополнительные элементы:

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

Дополнительные элементы формы

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

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

В этом окне нужно ввести название поля, выбрать обязательно ли это поле, и выбрать какой тип данных будет вводится в это поле. На предыдущем скриншоте можно увидеть варианты проверки типов данных. После настройки нажмите «Готово». Далее новый элемент будет добавлен в общий список. Для примера я создал элемент «Тест»:

Его также как и остальные элементы можно перетащить в основную форму подписки.

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

Урок 25 (часть 1). Подписка на новости блога