Хотите ли вы позволить пользователям выбирать между различными способами оплаты на вашем WordPress сайте или интернет-магазине??
Когда вы позволяете своим клиентам выбирать предпочтительный способ оплаты, вы укрепляете доверие и повышаете конверсию на вашем сайте.
В этой статье мы покажем вам, как позволить вашим пользователям выбирать способ оплаты в ваших формах WordPress.
Зачем предлагать несколько способов оплаты в WordPress?
PayPal и кредитные карты — два популярных способа оплаты онлайн-покупок. Каждый из них имеет свои плюсы и минусы, и ваши посетители, скорее всего, уже отдают предпочтение тому или иному варианту.
Итак, если вы продаете товары или услуги на своем сайте WordPress или просите пожертвования, то важно позволить вашим посетителям использовать предпочтительный способ оплаты.
Возможно, у вас уже есть полноценный интернет-магазин с корзиной, но вам не нужно настраивать ее для приема онлайн-платежей. Все, что вам нужно — это простая форма онлайн-заказа с выбором вариантов оплаты.
Это имеет смысл, если вы продаете один товар, принимаете платежи за услуги или собираете деньги на благотворительные цели.
Прежде чем принимать платежи на своем сайте, вам необходимо включить HTTPS/SSL на вашем сайте, чтобы вы могли принимать платежи безопасно. Для получения более подробной информации вы можете прочесть наше руководство о том, как получить бесплатный SSL-сертификат для вашего сайта WordPress.
Учитывая это, давайте рассмотрим, как вы можете предложить несколько вариантов оплаты на вашем сайте. Мы рассмотрим три метода, чтобы вы могли выбрать тот, который лучше всего подходит для ваших нужд.
Способ 1 является самым простым и не требует полной корзины покупок. Вы должны использовать Метод 2, если у вас есть магазин WooCommerce. Способ 3 лучше всего подходит, если у вас нет интернет-магазина и вы хотите использовать PayPal или создать более гибкие формы.
- Метод 1: Предложение нескольких способов оплаты с помощью WP Simple Pay
- Метод 2: Предложение нескольких способов оплаты в WooCommerce
- Метод 3: Предложение нескольких способов оплаты с помощью WPForms
Метод 1: Предложение нескольких способов оплаты с помощью WP Simple Pay
WP Simple Pay — это простой способ предложить несколько способов оплаты на вашем сайте. Это ведущий плагин для платежей WordPress, который позволяет принимать платежи без создания полнофункционального магазина электронной коммерции или сайта членства.
Он использует Stripe, популярный платежный шлюз, для приема платежей с кредитных карт, Apple Pay, Google Pay, ACH банковского дебета, SEPA прямого дебета, Alipay, Giropay, iDEAL и других.
Первое, что вам нужно сделать, это установить и активировать плагин WP Simple Pay. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.
Хотя существует бесплатная версия плагина, вам нужен плагин Pro для создания платежных форм на сайте, приема Apple Pay и т.д.
После активации, мастер настройки WP Simple Pay запустится автоматически. Вам просто нужно нажать кнопку ‘Let’s Get Started’, чтобы продолжить.
Сначала вам будет предложено ввести лицензионный ключ. Вы можете найти эту информацию в своем аккаунте на сайте WP Simple Pay.
После этого вам нужно нажать кнопку «Активировать и продолжить», чтобы продолжить работу.
Далее вам нужно будет подключить WP Simple Pay к Stripe.
Начните с нажатия кнопки ‘Connect with Stripe’. Оттуда вы можете войти в свой аккаунт Stripe или создать новый. Любой человек с легальным бизнесом может создать аккаунт Stripe и принимать платежи онлайн.
Как мы уже говорили, Stripe потребует, чтобы ваш сайт использовал SSL/HTTPS шифрование. Если у вас еще нет SSL-сертификата для вашего сайта, ознакомьтесь с нашим пошаговым руководством о том, как добавить SSL в WordPress.
После подключения к Stripe вам будет предложено настроить почту WP Simple Pay.
Опции для оплаты и отправки счетов по электронной почте вашим клиентам уже были включены для вас. Также появилась возможность отправки электронных писем с уведомлениями о платежах. Вам нужно только ввести адрес электронной почты, на который будут отправляться уведомления.
После этого вам нужно нажать кнопку ‘Сохранить и продолжить’. На этом настройка WP Simple Pay завершена.
Есть еще один параметр, который вам, возможно, потребуется настроить, прежде чем мы продолжим. Некоторые способы оплаты работают только в определенных валютах, поэтому если вы не используете доллары США, то вам нужно изменить валюту по умолчанию.
Simply visit WP Simple Pay » Настройки затем нажмите на «Общие», затем «Валюта», затем выберите нужную валюту из выпадающего меню.
Создание формы оплаты в WordPress
Теперь пришло время создать вашу платежную форму. WP Simple Pay предлагает множество способов настройки формы, но если вам нужен более полный контроль над тем, как выглядит ваша форма, то обратите внимание на WPForms в Методе 3.
Если вам не нужно менять валюту и вы все еще видите последнюю страницу мастера настройки, просто нажмите кнопку «Создать платежную форму. В противном случае вам следует перейти по ссылке WP Simple Pay » Добавить новый страница.
Вам будет показан список шаблонов платежных форм. Вы можете начать с общего шаблона, такого как «Форма оплаты», а затем добавить методы оплаты. В качестве альтернативы вы можете поискать более конкретный шаблон, например, ‘Afterpay/Clearpay’ или ‘Apple Pay / Google Pay’.
Для этого урока мы выберем шаблон «Форма оплаты». Просто наведите курсор на шаблон, который вы хотите использовать, и нажмите кнопку «Использовать шаблон», когда он появится.
Вы перейдете в редактор формы оплаты.
Начните с того, что дайте платежной форме название и описание. После этого вы можете выбрать опцию ‘Stripe Checkout’ в разделе Тип формы.
Далее вам нужно перейти на вкладку «Оплата». Здесь вы можете установить режим оплаты — реальный или тестовый. Тестовый режим позволит вам сделать платежи, которые на самом деле не взимаются, чтобы вы могли убедиться, что ваша форма работает правильно и электронные письма отправляются.
Не забудьте переключить ее на «Live», когда закончите тестирование и будете готовы начать принимать платежи от своих клиентов.
Вы также можете добавить продукты или услуги, которые вы предлагаете, а также их цены и то, являются ли они единовременным платежом или подпиской.
Просто нажмите кнопку «Добавить цену», пока не добавите столько цен, сколько вам нужно. Затем для каждого платежа вам нужно будет добавить метку и цену. Вы также можете выбрать другие параметры, например, если цена является подпиской, или пользователь может определить цену, как при пожертвовании.
Вы можете показать или скрыть цену, нажав на маленькую стрелку справа.
Далее мы перейдем на вкладку «Поля формы». Основные поля уже добавлены в форму, при необходимости вы можете добавить дополнительные поля.
Используя выпадающий список «Поля формы», вы можете выбрать дополнительные поля и добавить их, нажав кнопку «Добавить поле». Опции включают имя, номер телефона, адрес и многое другое.
Текст по умолчанию на кнопке — «Оплатить картой». Поскольку вы будете принимать несколько типов платежей, вы можете изменить текст на что-то более общее, например, просто «Оплатить сейчас». Тогда ваши клиенты не будут думать, что кредитные карты являются единственным вариантом оплаты.
Наконец, вы должны перейти на вкладку ‘Stripe Checkout’ и выбрать способы оплаты, которые вы хотите предложить. В данном руководстве мы оставим настройки по умолчанию.
Дополнительные способы оплаты, такие как Apple Pay, будут автоматически предлагаться на совместимых устройствах. Чтобы узнать больше, ознакомьтесь с нашим руководством о том, как принимать Apple Pay в WordPress.
Klarna и Afterpay — это сервисы «купи сейчас, заплати потом», которые предлагают клиентам гибкость, поскольку они могут приобретать товары и платить частями в течение определенного периода времени. Для получения дополнительной информации смотрите наше руководство о том, как добавить планы оплаты «купить сейчас, оплатить потом» в WordPress.
Когда вы будете довольны своей формой оплаты, нажмите кнопку «Опубликовать», чтобы сохранить настройки и запустить форму в реальном времени.
Последний шаг — добавить форму в пост или страницу на вашем сайте.
Добавление формы оплаты на ваш сайт
WP Simple Pay позволяет очень легко добавлять формы в любое место на вашем сайте.
Просто создайте новый пост или страницу или отредактируйте существующий. Затем нажмите на знак плюс (+) вверху и добавьте блок WP Simple Pay в редактор блоков WordPress.
После этого выберите форму заказа из выпадающего меню в блоке WP Simple Pay.
После завершения работы вы можете обновить или опубликовать пост или страницу, а затем нажмите на кнопку предварительного просмотра, чтобы увидеть вашу форму в действии.
Когда ваши пользователи нажмут кнопку «Оплатить сейчас», откроется форма оформления заказа Stripe. Это будет предлагать все варианты оплаты, которые вы проверили ранее.
На поддерживаемых устройствах и браузерах дополнительные способы оплаты, такие как Apple Pay, также будут предлагаться автоматически.
Одним из дополнительных способов оплаты, который вы можете предложить своим клиентам с помощью WP Simple Pay, являются повторяющиеся платежи. Для получения дополнительной информации см. наше руководство о том, как принимать повторяющиеся платежи в WordPress.
Метод 2: Предложение нескольких способов оплаты в WooCommerce
Если вы управляете интернет-магазином с помощью WooCommerce, то вы можете легко предложить дополнительные способы оплаты с помощью PayPal и платежного шлюза Stripe.
В этом руководстве мы будем считать, что у вас уже установлен WooCommerce. Если вам нужна помощь в настройке, то смотрите наше пошаговое руководство по WooCommerce.
Добавление PayPal в ваш магазин WooCommerce
Возможно, вы уже настроили PayPal, следуя указаниям мастера настройки WooCommerce в этом руководстве. Если вы это сделали, то можете перейти к следующему разделу и настроить Stripe.
Если нет, вам нужно перейти по ссылке WooCommerce » Настройки а затем нажмите на вкладку «Платежи» в верхней части экрана.
После этого прокрутите страницу вниз, пока не найдете PayPal, и нажмите кнопку «Начать работу».
Вам нужно начать с ввода адреса электронной почты PayPal, а затем выбрать свою страну из выпадающего меню.
После этого вы должны нажать кнопку «Далее», чтобы продолжить работу.
Если у вас уже есть аккаунт PayPal, использующий этот адрес электронной почты, то вам будет предложено указать пароль и войти в систему. В противном случае вам сначала будет предложено предоставить свои личные данные и создать новую учетную запись.
Наконец, нажмите кнопку «Согласие и согласие», чтобы подключить ваш счет PayPal к интернет-магазину.
После этого вам нужно будет подтвердить свой адрес электронной почты, зайдя в свой почтовый ящик и следуя инструкциям в присланном вам письме. Затем вы можете отказаться от всплывающего окна, прокрутив его в самый низ и нажав на кнопку.
Вы должны снова оказаться на странице настроек платежей WooCommerce. Здесь вам нужно установить флажок, чтобы включить платежный шлюз PayPal в вашем интернет-магазине.
После этого внимательно прокрутите страницу вниз и убедитесь, что все настройки верны. Когда вы будете довольны, вы можете нажать кнопку «Сохранить изменения» в нижней части страницы.
При оформлении заказа ваши клиенты теперь могут платить, используя PayPal в качестве способа оплаты.
Добавление Stripe в ваш магазин WooCommerce
Первое, что вам нужно сделать, это установить и активировать WooCommerce Stripe Payment Gateway. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.
Некоторые варианты оплаты доступны только для определенных валют. Если вы используете валюту, отличную от USD, то вам следует перейти по ссылке WooCommerce » Настройки и убедитесь, что вы находитесь на вкладке «Общие».
Здесь вы можете выбрать валюту для вашего интернет-магазина. Обязательно нажмите кнопку «Сохранить», чтобы сохранить настройки.
После этого вам следует перейти на вкладку ‘Платежи. Там вы должны прокрутить вниз, пока не найдете «Stripe» в колонке «Метод». Обратите внимание, что есть несколько способов оплаты Stripe.
Для начала вам нужно нажать кнопку «Настроить» рядом с пунктом «Stripe — Кредитная карта». После этого запустится мастер настройки, который проведет вас через все шаги подключения WooCommerce к Stripe.
На следующем экране нажмите на кнопку «Ввести ключи счета».
Теперь WooCommerce запросит ключи вашей учетной записи Stripe. Чтобы получить эту информацию, вам нужно войти в свой Stripe приборной панели в новой вкладке.
На приборной панели Stripe убедитесь, что вы находитесь на вкладке «Разработчики» в верхней части экрана, а затем выберите «API ключи» в меню слева.
Теперь вы можете скопировать «Публикуемый ключ.’
Затем, переключитесь обратно на свою приборную панель WordPress и вставьте этот ключ в поле ‘Live publishable key’.
Теперь вам нужно сделать то же самое с секретным ключом. Просто переключитесь обратно на приборную панель Stripe и нажмите на кнопку ‘Reveal live key’.
Здесь будет показан ваш секретный ключ.
Вам нужно скопировать ключ, а затем вернуться в панель управления WordPress и вставить его в поле ‘Live secret key’.
После этого просто нажмите на ссылку ‘Test connection’.
Через несколько мгновений вы увидите сообщение «Подключение успешно». Это означает, что WooCommerce теперь подключен к вашей учетной записи Stripe.
Теперь вы можете нажать на кнопку ‘Save live keys’.
Это приведет вас к экрану «Настройки» Stripe.
На этом экране необходимо установить флажок «Включить Stripe». При желании вы также можете нажать кнопку «Включить тестовый режим».
Тестовый режим позволит вам совершать платежи, которые на самом деле не будут списаны со счета. Это полезно при тестировании нескольких типов оплаты в вашем магазине WooCommerce. Не забудьте вернуться и снять галочку, когда будете готовы начать принимать платежи.
Теперь вы можете прокрутить страницу в самый низ и нажать кнопку «Сохранить изменения», чтобы сохранить ваши настройки.
Теперь, когда вы включили оплату кредитными картами Stripe, вы можете включить любые дополнительные методы оплаты Stripe, которые вы хотели бы предложить в своем интернет-магазине.
Вернитесь к WooCommerce » Настройки и перейдите на вкладку «Платежи. После этого вы можете изучить способы оплаты, которые работают с валютой вашего магазина.
В этом учебнике мы включим Alipay. Вам нужно найти «Stripe Alipay» в списке методов оплаты и нажать кнопку «Установить».
Здесь вы можете нажать кнопку «Включить Alipay». Это отобразит Alipay в качестве варианта оплаты при оформлении заказа.
Далее вам нужно нажать кнопку ‘Сохранить изменения’, чтобы сохранить ваши настройки.
Добавление повторяющихся платежей в WooCommerce
Еще один способ предложить гибкие условия оплаты для ваших клиентов WooCommerce — добавить повторяющиеся платежи, чтобы ваши клиенты автоматически списывались еженедельно, ежемесячно, ежеквартально или ежегодно.
Это автоматизирует процесс выставления счетов и сэкономит ваше время. Вам не придется вручную отправлять счета, а повторяющиеся платежи обычно приводят к меньшему количеству задержек и ошибок при оплате.
Чтобы узнать больше, смотрите Метод 4 в нашем руководстве о том, как принимать повторяющиеся платежи в WordPress.
Теперь, когда ваши клиенты будут оформлять заказ, они смогут выбрать предпочтительный способ оплаты. Вот пример скриншота из нашего демонстрационного магазина WooCommerce.
Наши клиенты могут совершать платежи с помощью кредитных карт, PayPal и Alipay.
Метод 3: Предложение нескольких способов оплаты с помощью WPForms
Первое, что вам нужно сделать, это установить и активировать плагин WPForms. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.
WPForms — лучший плагин для построения форм методом перетаскивания для WordPress. Он позволяет создать простую форму заказа или форму пожертвования без необходимости использования полноценной платформы электронной коммерции или плагина корзины покупок.
Хотя у них есть бесплатная версия Lite, вам понадобится тарифный план Pro, чтобы получить доступ к платежным аддонам и шаблону формы заказа. Он поддерживает кредитные карты и PayPal.
После активации вам необходимо посетить страницу WPForms » Настройки страница для ввода лицензионного ключа. Вы можете найти эту информацию в вашей учетной записи WPForms.
Подключение платежных платформ к WPForms
Далее мы соединим WPForms с платежными платформами, которые вы планируете использовать. Чтобы сделать это, вам нужно перейти к разделу WPForms » Аддоны и установите платежные аддоны.
Там вам нужно прокрутить вниз до аддона PayPal Standard Addon, а затем нажать на кнопку Install Addon.
Вы увидите сообщение о том, что аддон был установлен и активирован, а текст на кнопке изменится на «Деактивировать».
Мы настроим данные вашего счета PayPal позже в этом учебнике.
Вам также потребуется установить аддон для приема платежей по кредитным картам. WPForms поддерживает Stripe, Square и Authorize.net. В этом учебнике мы будем настраивать Stripe, но шаги по настройке двух других платформ аналогичны.
Вам нужно будет прокрутить страницу до аддона Stripe и нажать на кнопку Install Addon.
После установки и активации аддонов вам нужно будет подключить WPForms к вашей учетной записи Stripe.
Для этого перейдите по ссылке WPForms » Настройки страницу и перейдите на вкладку «Платежи». После этого вам нужно будет подключить учетную запись Stripe, нажав на кнопку ‘Connect with Stripe’.
На следующем экране вы можете ввести адрес электронной почты Stripe и нажать кнопку «Далее». После этого Stripe запросит ваш пароль, чтобы войти в ваш аккаунт.
После входа в систему вы можете выбрать свою учетную запись Stripe, а затем нажать кнопку «Подключить». После этого вы будете перенаправлены обратно на вкладку настроек WPForms Payments.
Чтобы убедиться, что ваш аккаунт успешно подключен, вы можете перейти к настройкам состояния подключения в разделе настроек Stripe.
Когда вы увидите зеленую галочку, это означает, что ваш аккаунт Stripe теперь работает в WPForms. Нажмите кнопку ‘Сохранить настройки’, чтобы сохранить настройки.
Теперь WPForms готов к приему платежей по кредитным картам.
Создание формы заказа с несколькими способами оплаты
Теперь мы создадим форму онлайн-заказа, которая может принимать платежи как от PayPal, так и от кредитных карт.
Для начала перейдите на WPForms » Добавить новый страницу. Здесь вам нужно указать название формы и выбрать шаблон ‘Billing / Order Form’.
WPForms предварительно загрузит конструктор форм с простой формой заказа с часто используемыми полями.
Вы можете редактировать любое поле, нажав на него.
Вы можете добавлять новые поля из левой колонки с помощью перетаскивания.
Вам нужно будет перетащить поле множественного выбора на форму, чтобы позволить вашим клиентам выбирать из нескольких вариантов оплаты.
После этого перетащите поле Stripe Credit Card на форму прямо под полем множественного выбора.
Затем вам нужно нажать на поле «Множественный выбор» и изменить опции в соответствии с предлагаемыми вами способами оплаты.
Начните с присвоения полю названия Payment Method. После этого вам следует назвать первые два варианта PayPal и Credit Card.
Вы можете просто удалить третий вариант, нажав на красный минус ‘—‘ кнопка.
После этого включите опцию «Обязательно». Это позволит убедиться, что пользователи выбрали способ оплаты до отправки формы заказа.
Теперь нам нужно настроить поле кредитной карты Stripe. Мы хотим, чтобы оно было скрыто до тех пор, пока пользователь не выберет его в качестве способа оплаты. Для этого нам потребуется использовать функцию условной логики WPForms.
Вам нужно будет щелкнуть на поле Stripe, чтобы вы могли его редактировать, а затем перейти на вкладку ‘Smart Logic’. Просто включите условную логику, переключив тумблер в положение «Вкл.
Теперь вы увидите несколько дополнительных опций, которые позволят вам установить правила для поля. Вам нужно убедиться, что первая опция выбрана «Показать», а затем использовать выпадающие меню, чтобы в остальных полях было написано «Оплата кредитной картой».
Теперь поле Кредитная карта Stripe будет отображаться только после того, как пользователь выберет Кредитную карту в поле Способ оплаты.
Включение методов оплаты в форме заказа
Теперь мы включим платежи PayPal и Stripe для формы заказа.
Сначала вам следует перейти на сайт Платежи » PayPal Standard в конструкторе форм WPForms. После этого на правой панели следует установить флажок «Включить стандартные платежи PayPal».
После этого заполните остальные поля. Введите адрес электронной почты PayPal и переведите учетную запись в режим производства. Вам также нужно настроить, нужно ли пользователям указывать адрес доставки.
После этого нужно прокрутить вниз до опции Enable Conditional Logic и переключить ее в положение ON. Откроются дополнительные настройки.
Вы должны установить правило «Обрабатывать платеж, если способ оплаты — PayPal».
Далее, вам нужно нажать на раздел Stripe на вкладке Платежи, а затем установить флажок ‘Включить платежи Stripe’.
Вы можете добавить описание платежей и при желании отправить квитанцию по электронной почте. После этого вам нужно переключить переключатель Enable Conditional Logic в положение on, чтобы вы могли создать правило для этой опции оплаты.
Вам нужно настроить правило так, чтобы оно гласило «Обрабатывать это списание, если способ оплаты — кредитная карта».
Если вы хотите принимать повторяющиеся платежи по подписке с помощью кредитной карты, то прокрутите вниз до раздела «Подписка» и настройте его.
Как только вы закончите, вам нужно нажать на кнопку Save в верхней части и выйти из конструктора форм.
Добавление формы заказа на ваш сайт WordPress
Теперь ваша форма онлайн-заказа с несколькими вариантами оплаты готова, и вы можете добавить ее на любую страницу WordPress на вашем сайте.
Чтобы добавить форму, просто отредактируйте пост или страницу или создайте новую. Затем нажмите на плюс + подписать справа на странице и добавить блок WPForms в редактор WordPress.
После этого вам нужно нажать на выпадающее меню в блоке WPForms, а затем выбрать вашу форму заказа. Когда вы закончите, убедитесь, что сохранили или опубликовали страницу.
Теперь вы можете увидеть вашу форму в действии, нажав на кнопку ‘Preview’ в верхней части экрана.
Мы надеемся, что это руководство помогло вам узнать, как позволить пользователям выбирать способ оплаты на вашей форме WordPress.
Вы также можете ознакомиться с нашим экспертным выбором лучших приложений виртуальных телефонных номеров для малого бизнеса, а также с нашим пошаговым руководством по выбору лучшего VoIP-провайдера для бизнеса.
Источник: www.wpbeginner.com