Помощь
Войти

Создание форм

Вы можете создавать формы, которые помогут вам развивать свой бизнес следующими способами:

  • Предлагайте клиентам подписаться на вашу рекламную рассылку
  • Привлекайте оптовых продавцов с помощью формы запроса корпоративного аккаунта
  • Собирайте важные для вашего бизнеса данные о клиентах
  • Создавайте формы обратной связи для обращений в службу поддержки

Формы можно настроить в редакторе в соответствии со стилем вашего интернет-магазина, чтобы собирать информацию о клиентах с соблюдением требований конфиденциальности. Прежде чем создавать форму, изучите различные настройки формы, доступные для каждого типа форм.

В своем магазине вы можете одновременно отображать несколько всплывающих форм, встроенных форм или формы обоих типов.

На этой странице

Что нужно учитывать при создании Shopify Forms

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

  • Формы отображаются в вашем магазине только после их активации.
  • В одном магазине может быть до 25 форм.
  • Многошаговые формы не поддерживаются.
  • Условная логика в формах не поддерживается.
  • Когда существующий клиент отправляет форму, его сохраненные адрес электронной почты и номер телефона не изменяются, даже если в форме указан другой адрес или номер. Другие поля, такие как согласие на маркетинговую рассылку, также могут не обновиться. Чтобы изменить адрес электронной почты или номер телефона существующего клиента, отредактируйте его профиль непосредственно в панели администратора Shopify.

Типы форм

Вы можете создать всплывающую или встроенную форму. Ознакомьтесь с различиями между всплывающими и встроенными формами, а также с требованиями для их отображения.

Обзор типов форм, их описание и требования к ним.
Тип формыОписаниеТребования
Всплывающие формыОтображаются как плавающий контент в виде наложения поверх страницы. Узнайте о настройках, которые можно задать для всплывающих форм.Чтобы отображать всплывающие формы в вашем магазине, необходимо установить встраивание приложения темы Forms в вашу тему.
Встроенные формыОтображаются встроенными в определенном разделе вашей темы, например, на странице. Узнайте о настройках, которые можно задать для встроенных форм.Чтобы отображать встроенные формы в вашем магазине, необходимо использовать совместимую тему и установить встраивание приложения темы Forms в свою тему.

Вы можете создать всплывающую форму для отображения в своем магазине через приложение Forms в панели администратора Shopify. После создания и активации всплывающей формы она будет автоматически отображаться в вашем магазине.

Выполните следующие действия, чтобы создать всплывающую форму и добавить ее в свой магазин:

Шаг 1. Включите встраивание приложения Forms для вашей темы

Если вы создаете всплывающую форму впервые, вам нужно включить встраивание приложения Forms для вашей темы. Пока параметр встраивания приложения темы Forms включен, все активные всплывающие формы будут отображаться в вашем интернет-магазине.

Если вы уже включили параметр встраивания приложения Forms, перейдите к разделу Шаг 2. Создайте всплывающую форму.

Шаги:

  1. В панели администратора Shopify перейдите в раздел Интернет-магазин > Темы.

  2. В активной теме нажмите Редактировать тему.

  3. На боковой панели редактора тем нажмите значок Встроенные приложения.

  4. Включите переключатель Forms.

  5. Нажмите Сохранить.

Шаг 2. Создайте всплывающую форму

  1. В панели администратора Shopify перейдите в раздел Приложения > Forms.

  2. Нажмите Создать форму.

  3. Выберите Всплывающая форма.

  4. Введите название формы и нажмите Создать.

  5. В настройках Отображение всплывающего окна выполните одно из следующих действий:

    • Чтобы создать плавающую всплывающую форму, выберите Плавающее, а затем выберите расположение в магазине из выпадающего меню.
    • Чтобы создать всплывающую форму с наложением, выберите Наложение, а затем используйте средство выбора цвета, чтобы задать цвет наложения.

  6. Настройте следующие элементы формы:

  7. Необязательно: чтобы создать тег клиента после отправки им формы, в поле Теги введите тег для выбора или создайте новый.

  8. Необязательно: если вы хотите получать уведомления по электронной почте каждый раз при отправке формы, в разделе Уведомления по электронной почте выберите Отправлять электронное письмо для каждой отправки этой формы.

  9. Необязательно: чтобы управлять автоматизацией и рабочими процессами, связанными с формой, в разделе Автоматизация и рабочие процессы нажмите Управлять рядом с нужным рабочим процессом.

  10. Нажмите Сохранить.

Шаг 3. Переведите форму на дополнительные языки (необязательно)

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

Если для перевода недоступен автоматический перевод, отображается сообщение «Автоматический перевод недоступен для этого языка».

Шаги:

  1. В разделе Языки формы выполните одно из следующих действий:
    • Если вы уже опубликовали дополнительные языки в магазине и они отображаются в разделе Опубликованные, перейдите к следующему шагу.
    • Если доступные языки не отображаются в разделе Опубликованные или Неопубликованные , сначала необходимо добавить новый язык в магазин:
      1. Нажмите настройки языка.
      2. На странице Языки нажмите Добавить язык.
      3. Выберите язык из выпадающего меню, а затем назначьте его домену.
      4. Нажмите Готово.
      5. Нажмите <-- Forms, чтобы вернуться в приложение Forms, а затем откройте форму, редактирование которой хотите продолжить.
  2. В зависимости от ваших предпочтений и доступного метода перевода выполните одно из следующих действий:
    • Используйте автоматический перевод:
      1. Нажмите Перевести рядом с языком, на который хотите перевести. Если языков для перевода несколько, можно выбрать Автоматически перевести все.
      2. Нажмите Проверить, чтобы предварительно просмотреть переводы.
      3. Нажмите Сохранить.
    • Добавьте собственные переводы вручную:
      1. Нажмите Перевести рядом с нужным языком.
      2. Добавьте перевод в каждое поле в столбце языка, на который вы переводите.
      3. Нажмите Сохранить.

Шаг 4. Предварительно просмотрите и активируйте всплывающую форму

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

Когда вы будете готовы отобразить форму в интернет-магазине, нажмите Включить форму. После включения формы ее статус изменится на Активно.

Подробнее об активации и деактивации форм.

Создание и добавление встроенной формы в магазин

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

Шаг 1. Создайте встроенную форму

  1. В панели администратора Shopify перейдите в раздел Приложения > Forms.

  2. Нажмите Создать форму.

  3. Выберите Встроенная форма.

  4. Введите название формы и нажмите Создать.

  5. Настройте следующие элементы формы:

  6. Необязательно: чтобы создать тег клиента после отправки им формы, в поле Теги введите тег для выбора или создайте новый.

  7. Необязательно: если вы хотите получать уведомления по электронной почте каждый раз при отправке формы, в разделе Уведомления по электронной почте выберите Отправлять электронное письмо для каждой отправки этой формы.

  8. Необязательно: чтобы управлять автоматизацией и рабочими процессами, связанными с формой, в разделе Автоматизация и рабочие процессы нажмите Управлять рядом с нужным рабочим процессом.

  9. Нажмите Сохранить.

Шаг 2. Переведите форму на дополнительные языки (необязательно)

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

Если для перевода недоступен автоматический перевод, отображается сообщение «Автоматический перевод недоступен для этого языка».

Шаги:

  1. В разделе Языки формы выполните одно из следующих действий:
    • Если вы уже опубликовали дополнительные языки в магазине и они отображаются в разделе Опубликованные, перейдите к следующему шагу.
    • Если доступные языки не отображаются в разделе Опубликованные или Неопубликованные , сначала необходимо добавить новый язык в магазин:
      1. Нажмите настройки языка.
      2. На странице Языки нажмите Добавить язык.
      3. Выберите язык из выпадающего меню, а затем назначьте его домену.
      4. Нажмите Готово.
      5. Нажмите <-- Forms, чтобы вернуться в приложение Forms, а затем откройте форму, редактирование которой хотите продолжить.
  2. В зависимости от ваших предпочтений и доступного метода перевода выполните одно из следующих действий:
    • Используйте автоматический перевод:
      1. Нажмите Перевести рядом с языком, на который хотите перевести. Если языков для перевода несколько, можно выбрать Автоматически перевести все.
      2. Нажмите Проверить, чтобы предварительно просмотреть переводы.
      3. Нажмите Сохранить.
    • Добавьте собственные переводы вручную:
      1. Нажмите Перевести рядом с нужным языком.
      2. Добавьте перевод в каждое поле в столбце языка, на который вы переводите.
      3. Нажмите Сохранить.

Шаг 3. Выберите размещение встроенной формы

Встроенные формы могут отображаться на новой целевой странице или в существующем шаблоне страницы. Подробнее о размещении встроенной формы.

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

Добавьте в интернет-магазин новую страницу для формы

При создании целевой страницы в приложении Forms вы создаете новый шаблон страницы и генерируете новую страницу на основе этого шаблона с настраиваемым псевдонимом, например: example.com/pages/your-custom-form-URL.

Шаги:

  1. В панели администратора Shopify перейдите в раздел Приложения > Forms.

  2. Нажмите на встроенную форму, для которой хотите обновить размещение.

  3. В разделе Размещение настроек формы нажмите Создать целевую страницу.

  4. В диалоговом окне введите название и URL-адрес для целевой страницы, а затем нажмите Сохранить. Новая страница будет создана и добавлена в список Страницы в панели администратора Shopify.

  5. Необязательно: чтобы обновить название страницы, контент или псевдоним целевой страницы, нажмите Редактировать страницу. Вы также можете в любое время внести изменения из списка Страницы в панели администратора или отредактировав шаблон страницы в редакторе тем.

Добавьте форму в существующий шаблон страницы

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

  1. После сохранения изменений в разделе Размещение настроек формы выберите Существующая страница.
  2. Нажмите на значок буфера обмена, чтобы скопировать ИД формы в буфер обмена.
  3. Нажмите Перейти в редактор тем.
  4. В разделе Шаблон , добавьте встроенную форму в шаблон страницы:
    1. Нажмите ⊕ Добавить раздел.
    2. Выберите вкладку Приложения.
    3. Выберите Forms.
    4. В настройках блока вставьте скопированный ИД формы в поле ИД формы.
    5. Необязательно: настройте цвета, стиль и макет блока.
  5. Нажмите Сохранить.

Шаг 4. Предварительный просмотр и активация встроенной формы

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

Когда вы будете готовы отобразить форму в интернет-магазине, нажмите Включить форму. После включения формы ее статус изменится на Активно.

Подробнее об активации и деактивации форм.

Дублирование существующей формы

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

После дублирования новая форма по умолчанию получает статус Неактивно. Узнайте, как активировать форму.

Шаги:

  1. В панели администратора Shopify перейдите в раздел Приложения > Forms.

  2. Нажмите … рядом с формой, которую хотите дублировать.

  3. В выпадающем меню выберите Дублировать форму.

  4. Введите название для новой дублированной формы.

  5. Отредактируйте любые настройки формы, которые хотите изменить, а затем нажмите Сохранить.

  6. Нажмите Включить форму, чтобы отобразить ее в магазине.