Обзор страницы оплаты: легко принимать платежи с помощью WordPress и Elementor

Нужно принимать платежи на вашем сайте WordPress?

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

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

С помощью плагина Payment Page вы можете создавать гибкие, стильные платежные страницы и формы, используя визуальный интерфейс Elementor с функцией перетаскивания.

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

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

Обзор платежной страницы: что делает плагин

На высоком уровне Платежная страница — это решение для приема онлайн-платежей на вашем сайте WordPress. Очевидно, что это намного больше, чем это. Но общая идея проста — вы можете легко начать принимать платежи через свой сайт WordPress.

Итак, как это поможет вам сделать это?

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

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

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

В настоящее время Payment Page поддерживает как Stripe, так и PayPal для обработчиков платежей, и планируется добавить другие шлюзы, такие как Authorize.net .net и другие. В этих двух «родительских» шлюзах вы можете получить доступ ко множеству других способов оплаты, включая следующие:

• Apple Pay
• Google Pay
• Плед
• AliPay
• Microsoft Pay
• И т. д.

Вы также получаете гибкость оплаты для сбора следующего:

• Разовые платежи
• Автоматические регулярные платежи по подписке по любому расписанию

Вы также можете комбинировать их и включать неограниченные варианты оплаты в одной форме.

Вот некоторые из других примечательных особенностей:

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

Как использовать платежную страницу для приема платежей

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

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

1. Подключите свои платежные шлюзы

Когда вы впервые активируете плагин Payment Page, он запустит мастер настройки, который поможет вам настроить «основной» родительский шлюз.

Во время нашего обзора страницы оплаты эти варианты — Stripe или PayPal:

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

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

Или, если вы просто тестируете, вы можете просто нажать кнопку, чтобы продолжить в тестовом режиме без необходимости выполнять какие-либо дополнительные настройки:

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

Для PayPal вам нужно будет ввести свои ключи API, что немного сложнее, но все же не так уж плохо ( и это не вина страницы оплаты — обвините PayPal в том, что он не предлагает гладкую настройку подключения, такую ​​​​как Stripe ):

2. Настройте платежный шлюз

После того, как вы подключите предпочтительный платежный шлюз (-ы), вы получите некоторые дополнительные параметры на основе этого шлюза.

Для Stripe вы можете легко включить дополнительные шлюзы, такие как Apple Pay и Google Pay, просто щелкнув переключатель:

3. Выберите свой шаблон

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

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

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

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

4. Настройте функциональность платежной формы

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

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

Затем отредактируйте виджет «Страница оплаты — форма» ( или добавьте виджет на страницу, если вы создаете новый дизайн ).

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

Вот некоторые из многих вещей, которые вы можете настроить:

• Выберите между использованием встроенной платежной формы или всплывающей формы.
• Добавьте неограниченные планы платежей, из которых люди могут выбирать. Каждый план может иметь разную цену, частоту платежей (для регулярных платежей) и даже валюту (для вариантов оплаты в нескольких валютах).
• Включите способы оплаты для каждой формы. Например, кредитные карты, дебетовые карты, Google Pay, Apple Pay и так далее.
• Выберите, какие поля формы отображать для сбора информации о неплатежах от клиентов. Например, их имена, адреса электронной почты и так далее.
• Настройте параметры валюты, например, разрешить ли пользователям фильтрацию по валюте.
• Добавьте фильтр подписки, чтобы люди могли переключаться между разовыми и регулярными платежами.
• Настройте кнопку отправки. Вы также можете включить динамическую информацию. Например, «Оплатить [Символ валюты] [Сумма] сейчас».
• Выберите после отправки действий. Вы можете отправить электронное письмо, перенаправить пользователей на страницу и/или показать динамическое сообщение.

Рассмотрим два наиболее важных параметра.

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

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

Все остальные настройки точно так же детализированы — этот виджет Elementor действительно является ядром плагина.

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

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

5. Настройте дизайн платежной формы

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

Вы получите параметры для настройки формы высокого уровня, отдельных полей формы и т. д.:

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

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

6. Управление платежами

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

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

Платежная страница

Платежная страница использует модель биллинга freemium.

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

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

• Периодические планы подписки.
• Все дополнительные методы Stripe и PayPal. Например, бесплатная версия позволяет принимать платежи по кредитным/дебетовым картам через Stripe, но вам нужна премиум-версия, чтобы использовать такие опции, как Apple Pay, Google Pay, Plaid и так далее.
• Пользовательские суммы платежей, чтобы люди могли вводить свои собственные суммы ( отлично подходит для пожертвований / сторонников ).
• Фильтры подписки и валюты.
• Все шаблоны платежных страниц Elementor — бесплатная версия дает вам доступ к трем шаблонам, а платная версия разблокирует все 11 шаблонов.

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

• Один сайт – $99.
• Три сайта — $179.
• 25 сайтов — $599.

Разработчик также предлагает специальную скидку 15% для читателей WP Mayor, которая делает эти цены дешевле:

Скидка 15%

Страница оплаты

Скидка 15% на странице оплаты.

Скидка 15% на странице оплаты. Показывай меньше

WPMAYOR

Получить эту сделку

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

Заключительные мысли на странице оплаты

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

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

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

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

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