Формы
Платформа Shop-Express предоставляет гибкий функционал для создания форм для любых нужд. Как правило, при помощи форм можно получить обратную связь от клиентов интернет-магазина, клиенты интернет-магазина могут оформить определенную подписку при помощи форм либо связаться с владельцем интернет-магазина с определенным вопросом. В первую очередь нужно создать форму, для этого нужно перейти в меню «Маркетинг → Формы» в системе управления сайтом.
Узнавайте подробнее про практический пример использования формы обратной связи из соответствующего выпуска подкаста Що там в eCom? – Как сделать, чтобы статьи вашего блога продавали.
Общие настройки форм
При необходимости можно перейти к всплывающему окну общих настроек форм нажав на кнопку «Настройки».
После этого появится всплывающее окно общих настроек форм. Рассмотрим детальнее имеющиеся настройки всплывающего окна общих настроек форм.
-
«reCaptcha» 1 – этот переключатель позволяет включить систему защиты от ботов «reCaptcha v2»;
-
«Site key» 2 – в этом поле нужно ввести «Site key» от сервиса «reCaptcha v2». Это поле появляется в случае включенного переключателя «reCaptcha»;
-
«Secret key» 3 – в этом поле нужно ввести «Secret key» от сервиса «reCaptcha v2». Это поле появляется в случае включенного переключателя «reCaptcha»;
-
«Система оплаты 4 – в этом меню можно выбрать и настроить одну из имеющихся на сайте интернет-магазина систем оплаты;
-
«Отправлять уведомления о новых записях» 5 – этот переключатель позволяет отправлять уведомления про новые записи формы на Email либо SMS администратора интернет-магазина. Следует отметить, что нужно настроить опцию «TurboSMS» для отправки SMS уведомления на номер администратора сайта интернет-магазина. Узнать детальнее про опцию «TurboSMS» можно по ссылке.
Закончив с общими настройками форм нажмите на кнопку «СОХРАНИТЬ».
Создание формы
Чтобы перейти к созданию формы нужно нажать на кнопку «СОЗДАТЬ».
После этого появится выпадающее меню, в котором можно выбрать следующие шаблоны формы.
- «Собственный шаблон формы» 1 – этот пункт выпадающего меню позволяет создать пустой шаблон формы;
- «Форма подписки» 2 – этот пункт выпадающего меню позволяет создать шаблон формы подписки на определенные новости;
- «Форма обратной связи» 3 – этот пункт выпадающего меню позволяет создать шаблон формы обратной связи, чтобы получать определенную обратную связь от клиентов интернет-магазина;
- «Форма «Связаться со мной»» 4 – этот пункт выпадающего меню позволяет создать шаблон формы «Связаться со мной», благодаря этой форме клиенты интернет-магазина могут связаться с владельцем интернет-магазина.
Следует отметить, что возможно изменять настройки формы любого шаблона, то есть форму шаблона «Форма обратной связи» можно дополнить определенными полями либо удалить определенные поля.
Рассмотрим настройки вкладки «Общие настройки формы» страницы создания формы на примере собственного шаблона формы. В первую очередь нужно ввести название формы на всех языках, которые имеются на сайте интернет-магазина в поле «Название» 1, а также выбрать видимость формы «Доступно» 2 либо «Скрыто» 3.
Следующим шагом нужно добавить поля формы, для этого нужно нажать на кнопку «Добавить» в блоке «Поля».
После этого появится всплывающее окно добавления поля формы. Рассмотрим детальнее настройки этого всплывающего окна.
-
«Тип поля» 1 – это меню позволяет выбрать тип поля формы. Доступны следующие типы поля: «Текстовая строка», «Текстовая область», «Галочка», «Имя пользователя (для уведомления)», «Email», «Email (для уведомлений по электронной почте)», «Телефон», «Телефон (для уведомления по SMS)», «Выбрать», «Выбор из нескольких вариантов». Типы полей «Выбрать» и «Выбор из нескольких вариантов» используется для выбора, в них можно создавать варианты выбора;
-
«Псевдоним» 2 – это поле используется для создания псевдонима, который используется для связи между полем формы и API. Узнать детальнее про API можно по ссылке;
-
«Название» 3 – это поле используется для названия поля формы, название нужно вводить на всех языках, которые имеются в интернет-магазине;
-
«Опубликовано» 4 – этот переключатель отвечает за доступность поля формы;
-
«Необязательное поле» 5 – этот переключатель отвечает за необходимость заполнения поля, если включить этот переключатель, то это поле будет обязательным для заполнения. Также нужно будет указать уведомление в поле «Сообщение» на всех языках, которые имеются на сайте интернет-магазина в случае, если поле осталось пустым;
-
«Неуникальное поле» 6 – этот переключатель отвечает за уникальность поля, если включить этот переключатель, то это поле станет уникальным, то есть значение этого поля не может повторяться среди значений этого поля в других заявках. Также нужно будет указать уведомление в поле «Сообщение» на всех языках, которые имеются на сайте интернет-магазина в случае если введенное клиентом интернет-магазина значение поля имеется среди других заполненных заявок;
-
«Показывать в таблице записей» 7 – этот переключатель позволяет отображать значение поля на странице имеющихся заявок формы;
-
«Регулярное выражение» 8 это поле отвечает за определенное регулярное выражение, которое отвечает за валидацию значения поля относительно определенного условия. Примерами регулярных выражений являются: для Email: «^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$», для номера телефона: «^((\+38\s){1}(\(0[0-9]{2}\))\s([0-9]){3}\s([0-9]){2}\s([0-9]){2})$», для имя и фамилии кириллицей без пробелов: «^([а-ящьюяґєії'`’ʼА-ЩЬЮЯҐЄІЇ]+)$». В случае введенного регулярного выражения нужно также ввести уведомления на всех языках, которые имеются в интернет-магазине в поле «Сообщение», которое будет отображаться в случае, когда значение поля не отвечает условиям регулярного выражения. Узнайте больше про формирование регулярного выражения и 15 наиболее распространённых регулярных выражений по соответствующим ссылкам;
-
«Краткое описание» 9 – это поле позволяет отображать краткое описание поля в форме сайта интернет-магазина. Краткое описание нужно вводить на всех языках сайта интернет-магазина.
Закончив с настройками всплывающего окна создания нового поля нажмите на кнопку «СОХРАНИТЬ», чтобы создать поле формы.
Созданные поля можно перемещать в списке полей при помощи кнопки «Изменить позицию» 1. Если нажать на меню дополнительных действий (три точки) 2 появится выпадающее меню в котором можно перейти к всплывающему окну редактирования поля нажав на пункт выпадающего меню «Редактировать» 3 либо удалить поле при помощи пункта выпадающего меню «Удалить» 4.
При необходимости можно ввести краткое описание формы в поле 1 на всех языках, которые имеются в интернет-магазине. Введенное краткое описание можно форматировать при помощи панели форматирования 2.
Следующим шагом можно выбрать один из имеющихся шаблонов уведомления на Email для администратора 1 и для пользователя 2, а также можно выбрать один из имеющихся шаблонов SMS уведомления для администратора 3 и для пользователя 4 при помощи соответствующих меню. Следует отметить, что уведомления для пользователя на Email поступают через тип поля «Email (для уведомлений по электронной почте», а SMS уведомления для пользователя поступают через тип поля «Телефон (для уведомления по SMS)».
Далее можно дать название для кнопки отправки формы в поле «Название кнопки отправки формы» 1 и обозначить символ для обязательного ввода в поле «Символ для обязательного поля» 2 на всех языках, которые имеются на сайте интернет-магазина.
Также к форме можно добавить URL параметры, которые позволяют отслеживать источник заполнения формы. Чтобы начать создавать URL параметр нужно нажать на кнопку «Добавить» в блоке «URL параметры».
После этого появится всплывающее окно создания URL параметра. Рассмотрим детальнее настройки окна создания URL параметра.
-
«Не показывать в таблице записей» 1 – этот переключатель отвечает за показ значения URL параметра в списке заявок. Если включить этот переключатель, значение URL параметра будет отображаться в списке заявок;
-
«Псевдоним» 2 – это поле используется для названия параметра URL, которое используется во время заполнения запроса, то есть если псевдоним имеет значение q, ссылка на страницу с формой будет иметь следующий вид «https://myshop.com.ua/myformpage/?q=value»;
-
«Название» 3 – это поле отвечает за название параметра URL на странице редактирования формы, название параметра URL нужно ввести на всех языках, которые имеются на сайте интернет-магазина;
-
«Регулярное выражение» 4 – это поле отвечает за определенное регулярное выражение, которое отвечает за валидацию значения поля относительно определенного условия. Примерами регулярных выражений является: для Email: «^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$», для номера телефона: «^((\+38\s){1}(\(0[0-9]{2}\))\s([0-9]){3}\s([0-9]){2}\s([0-9]){2})$», для имя и фамилии кириллицей без пробелов: «^([а-ящьюяґєії'`’ʼА-ЩЬЮЯҐЄІЇ]+)$». Узнавайте больше про формирование регулярного выражения и 15 наиболее распространённых регулярных выражений по соответствующим ссылкам.
Закончив с настройками всплывающего окна создания нового параметра URL нажмите на кнопку «СОХРАНИТЬ», чтобы создать параметр URL.
Если нажать на меню дополнительных действий (три точки) 1 появится выпадающее меню, в котором можно перейти к всплывающему окну редактирования URL параметра нажав на пункт выпадающего меню «Редактировать» 2 либо удалить URL параметр при помощи пункта выпадающего меню «Удалить» 3.
Чтобы получить заполненную форму с URL параметрами нужно отправить клиенту интернет-магазина ссылку на страницу сайта интернет-магазина где имеется форма добавив в конец ссылки ?URL параметр=значение. Например: «https://myshop.com.ua/myform?source=B2Bclients».
Следующим шагом нужно перейти ко вкладке «Настройка уведомлений формы» страницы создания новой формы. Рассмотрим настройки блока «Настройки сообщения при успешном заполнении формы» вкладки «Настройка уведомлений формы» страницы создания новой формы.
- «Заголовок» 1 – в этом поле нужно ввести заголовок на всех языках, которые имеются в интернет-магазине для всплывающего окна в случае успешного заполнения формы;
- «Название кнопки подтверждения» 2 – в этом поле нужно ввести название кнопки подтверждения на всех языках, которые имеются в интернет-магазине для всплывающего окна в случае успешного заполнения формы;
- «Ссылка для переадресации» 3 – в этом поле нужно ввести ссылку, которая будет использоваться для переадресации в случае успешного заполнения формы. Ссылку нужно вводить в формате «/path/», то есть, если нам нужно, чтобы форма после успешного заполнения переносила клиента сайта интернет-магазина на страницу «https://myshop.com.ua/shop/» в поле «Ссылка для переадресации» нужно ввести «/shop/». Следует отметить, что нужно вводить соответствующую языковой версии сайта интернет-магазина ссылку для переадресации;
- «Текст сообщения» 4 – в этом поле нужно ввести текст сообщения на всех языках, которые имеются на сайте интернет-магазина для всплывающего окна в случае успешного заполнения формы;
- «Панель форматирования текста сообщения» 5 – эта панель используется для форматирования текста, который был введен в поле «Текст сообщения».
Рассмотрим настройки блока «Настройка сообщения при ошибке заполнения формы» вкладки «Настройка уведомлений формы» страницы создания новой формы.
- «Заголовок» 6 – в этом поле нужно ввести заголовок на всех языках, которые имеются в интернет-магазине для всплывающего окна в случае ошибки во время заполнения формы;
- «Назва кнопки подтверждения» 7 – в этом поле нужно ввести название кнопки подтверждения на всех языках, которые имеются в интернет-магазине для всплывающего окна в случае ошибки во время заполнения формы;
- «Текст сообщения» 8 – в этом поле нужно ввести текст сообщения на всех языках, которые имеются на сайте интернет-магазина для всплывающего окна в случае ошибки во время заполнения формы;
- «Панель форматирования для текста сообщения» 9 – эта панель используется для форматирования текста, который был введен в поле «Текст сообщения».
Закончив с настройками на странице создания новой формы нажмите на кнопку «СОХРАНИТЬ», чтобы создать новую форму сайта интернет-магазина.
Следующим шагом нужно разместить форму на определенной странице сайта интернет-магазина.
Размещение формы на сайте интернет-магазина
Чтобы разместить форму на сайте интернет-магазина нужно перейти к редактированию определенной страницы сайта интернет-магазина и нажать на кнопку «ИЗМЕНИТЬ» в блоке «Дизайн страницы».
Узнать больше про страницы сайта интернет-магазина можно по ссылке.
После этого произойдет переход в редактор макета.
Узнать больше про редактор макета можно по ссылке.
Нам необходимо разместить плагин «Форма» на странице сайта интернет-магазина. Для этого нужно нажать на кнопку «ДОБАВИТЬ БЛОК».
После этого появится боковая панель добавления блока в которой нужно перетянуть плагин «Форма» на страницу сайта интернет-магазина.
После этого появится боковая панель настроек плагина «Форма». Эта боковая панель имеет следующие настройки.
- «Вариант отображения» 1 – это меню позволяет выбрать следующие варианты отображения формы на странице сайта интернет-магазина, а именно: «Простая вертикальная форма», «Форма с двумя колонками»;
- «Форма» 2 – это меню позволяет выбрать созданные формы.
Закончив с настройками плагина «Форма» нажмите на кнопку «СОХРАНИТЬ». После этого нужно нажать на кнопку «СОХРАНИТЬ» в редакторе макета.
Размещенная форма в плагине «Форма» выглядит следующим образом на странице сайта интернет-магазина.
С этого момента можно собирать заявки по форме от клиентов сайта интернет-магазина.
Редактирование созданных форм
Созданные формы можно выделить при помощи чекбокса 1 для их дальнейшего удаления при помощи кнопки «УДАЛИТЬ» 2. Если нажать на название формы 3 можно перейти к странице редактирования формы. При необходимости можно перейти к списку заявок формы нажав на кнопку «Посмотреть заявки» 4. Также можно сделать форму опубликованной либо неопубликованной при помощи переключателя 5.
Если нажать на меню дополнительных действий (три точки) 6 появиться выпадающее меню, в котором можно перейти к странице редактирования формы нажав на пункт выпадающего меню «Редактировать», при необходимости можно перейти к списку заявок формы при помощи пункта выпадающего меню «Перейти к заявкам» либо скопировать форму используя пункт выпадающего меню «Копировать».
Рассмотрим настройки списка заявок формы. При необходимости можно экспортировать текущую страницу списка заявок формы в файл формата «CSV» нажав на кнопку «Экспортировать» 1. При необходимости заявку можно выделить при помощи чекбокса 2 для дальнейшего удаления при помощи кнопки «УДАЛИТЬ» 3. Если нажать на «ID» заявки 4 можно перейти к всплывающему окну деталей про заявку. Если нажать на кнопку «ДЕТАЛЬНЕЕ» 5 произойдет переход к всплывающему окну деталей про заявку. При необходимости можно изменить количество отображаемых заявок в списке заявок при помощи меню «Элементов на страницу» 6. Можно выбрать следующее количество отображаемых заявок в списке заявок: 10, 25, 50, 100, 250, 500.
Всплывающее окно деталей про заявку имеет следующий вид.
Чтобы создать форму в интернет-магазине на платформе Shop-Express необходимо перейти в меню «Маркетинг → Формы» в системе управления сайтом. Далее нужно нажать на кнопку «СОЗДАТЬ», выбрать нужный шаблон в выпадающем меню, сделать определенные настройки на странице создания формы и нажать на кнопку «СОХРАНИТЬ».
Чтобы редактировать формы в интернет-магазине на платформе Shop-Express необходимо перейти в меню «Маркетинг → Формы» в системе управления сайтом. Далее нужно нажать на название формы либо на меню дополнительных действий (три точки) и выбрать из выпадающего меню пункт «Редактировать». После этого произойдет переход к странице редактирования формы, сделайте необходимые настройки и нажмите на кнопку «СОХРАНИТЬ».
Чтобы скопировать форму в интернет-магазине на платформе Shop-Express необходимо перейти в меню «Маркетинг → Формы» в системе управления сайтом. Далее нужно нажать на меню дополнительных действий (три точки) и выбрать пункт выпадающего меню «Копировать». После этого произойдет переход к странице копирования формы, сделайте нужные настройки и нажмите на кнопку «СОХРАНИТЬ», чтобы скопировать форму.
Чтобы разместить форму на сайте интернет-магазина на платформе Shop-Express необходимо перейти к редактору макета нужной страницы сайта интернет-магазина. Находясь в редакторе макета нужной страницы сайта интернет-магазина нажмите на кнопку «ДОБАВИТЬ БЛОК». После этого появится боковая панель добавления блока, перетяните плагин «Форма» на страницу сайта интернет-магазина. Далее появится боковая панель настройки плагина «Форма», выберите нужный вариант отображения формы и одну из имеющихся форм на сайте интернет-магазина и нажмите на кнопку «СОХРАНИТЬ» в редакторе макета.
Чтобы перейти к списку заявок формы в интернет-магазине на платформе Shop-Express необходимо перейти в меню «Маркетинг → Формы» в системе управления сайтом. Далее нужно нажать на кнопку «Посмотреть заявки» либо нажать на меню дополнительных действий (три точки) и выбрать из выпадающего меню пункт «Перейти к заявкам». После этого произойдет переход к списку заявок формы интернет-магазина.
58 отзывов