Как добавить поле кода купона в формы заказа WordPress


Хотите добавить поле кода купона на скидку в формы заказа WordPress??

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

Добавление поля кода купона в формы заказа WordPress

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

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

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

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

Шаг 1. Установка WPForms

wpforms-обзор контакт-форм-плагин

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

Шаг 2: Создание формы заказа

Следующим шагом является создание формы заказа с WPForms. Чтобы создать форму, перейдите на WPForms »Добавить новый. Теперь вы будете перенаправлены на новую страницу, где сможете выбрать шаблон. Здесь выберите Биллинг / Форма заказа шаблон.

Шаблоны WPForms

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

Поле WPForms

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

Шаг 2. Использование условной логики для добавления поля кода купона

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

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

Теперь вам нужно настроить это поле. Просто нажмите на опцию поля и измените метку на У вас есть код купона на скидку?. Затем измените:

  • Первый выбор в Выбрать
  • Вторая возможность в да
  • Третий выбор в нет

WPForms

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

WPForms условная логика

Теперь переименуйте это поле как Код купона на скидку. Для этого просто нажмите на поле и измените текст в правой части экрана..

Код купона на скидку WPForms

Теперь пришло время включить условную логику. Для этого прокрутите экран вниз, чтобы найти Conditionals вариант.

Код купона на скидку WPForms

Чуть ниже установите флажок для включения условной логики. Ваша условная логика должна заявить Показать это поле, если «Есть ли у вас код скидки» Да как на скриншоте ниже.

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

Условная логика, wpforms

Шаг 4. Создание проверок для поля кода купона

Следующим шагом является добавление проверок в форму, которую вы создали с помощью WPForms. На этом этапе вы можете показать своим пользователям, действителен ли их код купона или нет. Для этого перейдите к Поля оплаты Вкладка. Теперь добавьте Один пункт поля 2 раза чуть ниже вашего Код купона на скидку поле.

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

В первом случае измените метку на Твоя цена. Под Описание объясните скидку, которую вы хотели предложить. в Цена товара, добавить цену со скидкой.

Далее прокрутите вниз до Conditionals вкладка и установите флажок Включить условную логику вариант. Здесь вы можете настроить, когда люди должны видеть это Один пункт поле. Теперь добавьте все, что хотите, чтобы ваш код скидки был. Допустим, ваш код 100% OFF.

Код скидки WPForms

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

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

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

Поле кода купона на скидку WPForms

Под этим разрешите показывать поле, если купон на скидку НЕ 100%. Если у вас есть больше код купона на скидку, добавьте их с помощью Добавить новую группу кнопка.

Условная логика 2

После этого нажмите Сохранить Кнопка в правом верхнем углу экрана. Ваша форма готова к публикации.

Шаг 5: Публикация вашей формы на WordPress

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

WPforms публикуют

Когда вы найдете WPForms, нажмите здесь. Теперь вы можете выбрать форму, нажав на стрелку раскрывающегося списка. Ваша форма будет добавлена ​​на вашу страницу. Затем убедитесь, что вы публикуете форму, обновляя свой пост.

Это оно. Вы успешно добавили поле с кодом купона в форму заказа WordPress..

добавление полей кода купона в wp

Если вам понравилась эта статья, вы также можете проверить наш полный обзор WPForms.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map