Как создать свои собственные шаблоны форм

Опубликовано: 2024-03-14

WPForms предоставляет вам более 1700 готовых шаблонов форм. Но в большинстве случаев вам все равно придется настраивать шаблон, чтобы его можно было использовать на вашем сайте.

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

К счастью, WPForms позволяет превратить любую форму в шаблон, который можно использовать повторно так часто, как вам нужно. В этом уроке я покажу вам, как это работает!

Создайте свой собственный шаблон формы прямо сейчас

В этой статье

  • Шаг 1. Создайте новый шаблон на основе существующей формы
  • Шаг 2. Настройте новый шаблон формы
  • Шаг 3. Используйте собственный шаблон формы
  • Часто задаваемые вопросы по шаблонам пользовательских форм

Как создать свои собственные шаблоны форм (3 шага)

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

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

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

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

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

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

В моем примере я буду использовать шаблон формы выставления счета/заказа.

Selecting the Billing/Order Form template

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

Saving a form as a template in WPForms

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

Editing a custom template in WPForms

Далее вы сможете внести изменения в форму и повторно использовать ее на своем сайте.

Шаг 2. Настройте новый шаблон формы

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

Во-первых, я хочу изменить имя моего шаблона, поэтому я перейду на вкладку «Настройка» и введу новое имя в поле в верхней части конструктора.

Changing the name of a custom form template in WPForms

Вернувшись на вкладку «Поля» , я отредактирую поля формы. Поскольку мой пример представляет собой форму заказа, я собираюсь начать с добавления собственных продуктов и цен вместо тех, что указаны в шаблоне формы выставления счета/заказа.

Editing the options in a Multiple Items field

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

Adding image choices to a Multiple Items field

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

Adding a header logo to a form using a Content field

Теперь, когда я закончил редактирование формы, я перейду на вкладку «Настройки» . В разделе «Общие» я добавлю описание шаблона, которое будет видно в галерее шаблонов на моем сайте после сохранения этого шаблона.

Editing the template description for a custom template

Я также собираюсь отредактировать уведомление по электронной почте и сообщение с подтверждением, включив в него название бренда.

Editing a custom template email notification

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

Saving a custom form template

Шаг 3. Используйте собственный шаблон формы

После того, как вы сохраните свой собственный шаблон WPForms, вы сможете найти его среди всех других шаблонов в галерее. Перейдите в раздел WPForms »Шаблоны форм и нажмите «Мои шаблоны» , чтобы просмотреть свои пользовательские шаблоны.

Viewing custom form templates in WPForms

Вы можете увидеть мой новый шаблон формы заказа выше. Чтобы использовать его, все, что мне нужно сделать, это нажать « Создать форму» .

Creating a form from a custom template

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

Как только мой шаблон загрузится в конструктор форм, я смогу настроить и встроить форму заказа так же, как любой шаблон из галереи шаблонов WPForms.

Editing a form made from a custom template

Удаление пользовательских шаблонов форм

Если вы решите, что созданный вами собственный шаблон вам больше не нужен, вы можете удалить его со своего сайта, перейдя в WPForms » Шаблоны форм » Мои шаблоны и щелкнув значок корзины для шаблона, который вы хотите удалить.

Deleting a custom template in WPForms

При этом будет удален только сам шаблон, а не опубликованные вами формы, использующие этот шаблон.

Часто задаваемые вопросы по шаблонам пользовательских форм

Есть вопросы о пользовательских шаблонах форм в WPForms? Вот несколько лучших ответов.

Могу ли я использовать свой собственный шаблон формы на другом сайте?

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

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

Exporting a form template

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

Далее настройте уведомления по электронной почте.

Как видите, создавать собственные шаблоны форм в WPForms очень просто! Чтобы начать работу, потребуется всего несколько щелчков мышью.

Создайте свой собственный шаблон формы прямо сейчас

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

Готовы настроить веб-формы сверху вниз? Начните сегодня с самого простого плагина для создания форм WordPress. WPForms Pro включает в себя множество бесплатных шаблонов и предлагает 14-дневную гарантию возврата денег.

Если эта статья вам помогла, подпишитесь на нас в Facebook и Twitter, чтобы получать больше бесплатных руководств и руководств по WordPress.