Как добавить платеж QR -кода в WordPress

Вы хотите добавить вариант оплаты QR -кода на свой сайт WordPress?

Метод оплаты QR позволяет пользователям сканировать и получить доступ к вашей ссылке на оплату на своих телефонах. Это делает процесс проверки проще и проще для них.

Но есть много способов позволить пользователям платить по QR -коду. Кроме того, есть много платежных шлюзов, которые вы можете интегрировать с QR -кодом.

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

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

В конце концов, он может выглядеть неуместно и иметь конфликт функциональности.

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

Вот почему мы рекомендуем вам использовать WPForms, чтобы помочь вам создать вариант оплаты QR -кода.

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

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

Самое приятное то, что WPForms интегрируется с платежными шлюзами, такими как PayPal и Stripe, что облегчает генерирующие QR -коды, связанные со страницами платежей.

Теперь, когда мы выбрали инструмент для создания платежного QR -кода, следующий вопрос: какой шлюз лучше всего подходит для настройки QR -кодов?

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

Из -за этих причин мы выбрали полосу.

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

Stripe поддерживает различные способы оплаты, включая кредитные/дебетовые карты, мобильные кошельки, такие как Apple Pay и Google Pay, а также локальные платежные системы.

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

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

• Платежи с одной tap: клиенты могут сканировать QR-код и заполнить платеж за секунды, используя сохраненные способы оплаты
• Суммы динамического платежа: полоса позволяет создавать QR -коды, привязанные к динамически вычисленным суммам оплаты.
• Легкая интеграция с веб -сайтами: Stripe предоставляет простые интеграции API и плагины для таких платформ, как WordPress.
• Обновления в режиме реального времени: платежи STRIPE'S Dashboard, выполненные с помощью QR-кодов. Вы можете мгновенно отслеживать транзакции.
• Безопасные транзакции: платежи с помощью полосовых QR -кодов обрабатываются надежно, с расширенными механизмами шифрования и обнаружения мошенничества.

Как вы можете видеть, комбинация полосы и WPForms - отличный способ получить платежи с помощью QR -кодов.

С этим, давайте покажем вам, шаг за шагом, как настроить QR -код платежей в WordPress.

Ниже приведен образец платежа QR -кода полосы, который мы создадим в этом уроке:

С этим давайте начнем.

Как добавить платеж QR -кода в WordPress

Как уже упоминалось, нам нужно два инструмента для настройки QR -платежей в WordPress: WPForms и Stripe.

К счастью, WPForms совместим с полосой. Итак, мы подключим полосу с WordPress через WPForms. Этот процесс позволяет пользователям платить по QR -коду в любой форме, которую вы хотите, с помощью Builder Drag and Drop. Это делает его удобным и легко для ваших пользователей совершать покупку.

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

• Шаг 1: Установите и настройте WPForms
• Шаг 2: Установите и настройте Wpforms Stripe Pro Addon
• Шаг 3: Создать форму оплаты
• Шаг 4: Настройка платежа полосы
• Шаг 5: Настройка уведомлений и подтверждающих сообщений
• Шаг 6: опубликовать форму
• Шаг 7: Добавьте QR -код для полосовых платежей в WordPress

Давайте проведем вас через весь процесс ниже.

Шаг 1: Установите и настройте WPForms

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

Но вам нужна Pro -версия для более продвинутых функций полосы, таких как использование QR -кода.

Это связано с тем, что Pro -версия дает вам доступ к Addon Stripe Pro, который нам понадобится в этом уроке. Кроме того, бесплатная версия WPForms поставляется с 3% платой за транзакцию, которая может повысить стоимость ваших товаров.

Проверьте последний обзор WPForms, чтобы узнать больше.

Чтобы начать, отправляйтесь на официальный веб -сайт WPForms и подпишитесь на план. Они предлагают различные планы, что позволяет легко найти тот, который соответствует вашему бюджету и потребностям. Но для того, чтобы использовать Addon Stripe Pro, вам нужны планы Pro или Elite WPForms.

После покупки плана Pro или Elite войдите в свою учетную запись WPForms и перейдите к загрузке .

После этого загрузите zip -файл wpforms на свой ПК. Затем, на этой странице, скопируйте лицензионный ключ ; Вам понадобится это, чтобы активировать Pro версию.

После того, как это сделано, перейдите к своей панели WordPress и перейдите к плагинам »Добавить новый плагин . Затем установите и активируйте WPForms, как и любой другой плагин.

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

После активации вы должны увидеть новую опцию меню, появляющуюся на вашей панели WordPress, с надписью «WPForms». Это указывает на то, что процесс установки был успешным.

После этого перейдите в WPForms »Настройки» Общие и вставьте «лицензионный ключ», который вы скопировали ранее.

Наконец, нажмите «Проверить ключ» , и все! Вы готовы использовать WPForms.

Далее давайте посмотрим, как настроить платеж полосового платежа в WordPress через WPForms.

Шаг 2: Установите и настройте Wpforms Stripe Pro Addon

WPForms делает очень простым добавлять полосовые платежи и настраивать их. Все, что вам нужно сделать, это перейти к WPForms »Addons .

Здесь прокрутите доступные аддоны или используйте функцию поиска, чтобы найти аддон «Stripe Pro». После этого установите и активируйте его, как любой другой дополнение плагина.

Вот и все! Теперь вы можете использовать расширенные функции полосы на WPForms через этот аддон.

Затем настройте и настраивайте платежи полосы на WPForms.

Чтобы сделать это, отправляйтесь в настройки WPForms » и перейдите на вкладку« Оплата ». После этого прокрутите раздел полосы на странице и нажмите «Подключитесь к полосе».

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

После подключения вы будете перенаправлены обратно на вашу панель WordPress. На этом этапе вы должны увидеть зеленый тик рядом с «статусом подключения» на вкладке Stripe.

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

Большой! Вы только что настроили полосу и готовы получить платежи.

Шаг 3: Создать форму оплаты

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

Например, вы можете добавить поле оплаты в регистрационную форму. Это сочетает в себе регистрацию и оплату с процессом QR -кода, оптимизируя проверку. Вы также можете добавить его в форму пожертвования, форму выставления счетов, форму аукциона, форму RSVP партии, форму заказа и многое другое.

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

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

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

Итак, мы будем зависать над этим и нажмем «Использование шаблона». Это откроет шаблон в застройщике формы перетаскивания.

Во -первых, вы заметите, что интерфейс Builder Form разделен на два раздела: «Поля» слева и живой предварительный просмотр вашей формы справа.

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

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

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

Это позволяет настроить макет формы в соответствии с вашими потребностями без усилий.

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

Помните, что каждый шаблон WPForms имеет предварительно добавленные поля, которые вы можете настроить.

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

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

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

Шаг 4: Настройка платежа полосы

С готовой контактной формой настройка опции оплаты полосы является следующим шагом.

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

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

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

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

С готовым полем платежей полосы, перейдите на вкладку «Платежи» слева.

После выбора вы открываете все платежные шлюзы для подключения к WPForms. Вы можете использовать Authorize.net, купоны, PayPal Commerce, Standard PayPal и Square.

Но рекомендуемый платежный шлюз - это полоса, которую вы найдете в верхней части этой страницы.

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

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

Для нашего руководства сегодня мы создадим единовременные платежи.

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

Опять же, WPForms облегчает процесс отображения.

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

Например, в рамках раскрывающейся квитанции о платеже, вы видите «электронную почту». Затем, в раскрывающемся спине имени клиента, вы получите «имя».

После картирования это должно выглядеть как скриншот ниже:

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

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

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

Шаг 5: Настройка уведомлений и подтверждающих сообщений

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

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

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

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

WPForms позволяет вам установить их обоих в соответствии с настройками . Здесь вы получаете вкладки как для «уведомлений», так и для «подтверждений».

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

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

Шаг 6: опубликовать форму

Теперь, со всем установленным, единственное, что осталось сделать, это опубликовать вашу форму на вашем сайте WordPress. Есть два способа сделать это: опубликовать на новой странице или опубликовать на существующей странице.

Давайте посмотрим, как опубликовать на существующей странице.

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

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

Это откроет страницу в редакторе блоков WordPress.

После этого перейдите в дальний левый редактор блоков и выберите кнопку Plus (+), чтобы открыть блоки.

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

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

Далее, давайте посмотрим, как добавить форму платежа на новую страницу.

Снова вернитесь к кнопке вставки в верхней части застройщика формы перетаскивания. Но на этот раз выберите «Создать новую страницу».

На следующем всплывании назовите свою новую страницу и выберите «Давай пойдем». Это откроет редактор блоков для новой страницы. На этот раз новая страница загрузится с добавленной формой.

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

Вот и все! Теперь вы можете опубликовать форму, используя WPForms на существующих и новых страницах.

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

Шаг 7: Добавьте QR -код для полосовых платежей в WordPress

Теперь есть 2 бесплатных и простых метода добавления QR -кода в вашу форму оплаты. Во-первых, вы можете использовать Google Chrome, который имеет встроенную функцию QR или шорткоды Ultimate, бесплатный плагин WordPress.

1. Используйте встроенную функцию Chrome , чтобы добавить QR-код

Чтобы создать QR -код, используя функцию Google Chrome, откройте страницу формы оплаты в браузере.

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

Если вы не найдете его здесь, нажмите кнопку «Настроить и управлять» в правом верхнем углу браузера. Это обычно отображается как 3 точки.

После этого прокрутите вниз, чтобы бросить, сохранить и поделиться . Затем, в раскрывающемся меню, выберите «Создать QR -код».

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

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

Далее, все, что вам нужно сделать, это отредактировать страницу или опубликовать ее в редакторе блоков. Затем используйте блок изображения, чтобы добавить QR -код.

Вот и все. Ваши пользователи могут мгновенно открыть вашу форму платежа.

2. Используйте шорткоды Ultimate, чтобы добавить QR -код

Шорткоды, построенные шорткодами Ultimate, позволяют разместить QR -код в более удобные области страниц, виджеты, боковые панели и многое другое без кодирования.

Чтобы получить бесплатную версию этого плагина шорткода, перейдите в репозиторий WordPress и используйте функцию поиска, чтобы найти «Шорткоды Ultimate». После этого установите и активируйте его, как и любой другой плагин.

После этого откройте новую или существующую страницу на вашей панели WordPress. Затем используйте функцию Plus (+) для поиска «шорткода».

Перетащите блок короткометражного кода в позицию на странице, где вы хотите, чтобы QR -код появился.

После того, как это сделано, выберите опцию «Квадратные кронштейны» в верхней части блока шорткодов, чтобы открыть больше параметров. Затем найдите «QR -код» из длинного списка параметров во всплывающем окне.

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

После этого нажмите шорткод вставки и обновите страницу. Вы должны увидеть QR -код на живой странице на этом этапе.

Проверьте выборку платежного QR -кода ниже:

Самое приятное то, что вы можете использовать этот QR -код, созданный на нескольких страницах и сообщениях без дальнейших изменений.

Вот и все! Вы только что научились добавлять платеж QR -кода в WordPress. Мы надеемся, что вам понравилось. Если у вас есть еще вопросы, проверьте часто задаваемые вопросы ниже.

Часто задаваемые вопросы: как добавить платежи QR -кода полосы QR в WordPress

Поздравляю! Теперь вы можете настроить коды платежей QR на своем сайте WordPress. Вот статья, чтобы показать вам , как принимать полосовые платежи в WordPress, если вы не хотите добавлять QR -коды в свою форму оплаты.

Кроме того, вот другие статьи, которые вы можете заинтересовать в чтении.

• 9 лучших плагинов платежей WordPress
• WP Simple Pay Review: это лучший платежный плагин?
• 9 лучших плагинов платежей WordPress

В первой статье перечислены лучшие платежные плагины для WordPress. Следующий рассказывает о простой плате, еще один удивительный плагин. Последний пост оценивает лучшие плагины WordPress.