Как добавить кнопку пожертвования полосы в WordPress (с возможностью повторения)

2 min


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

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

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

Добавление кнопки пожертвования Stripe в постах и ​​страницах WordPress

Что нужно для того, чтобы принимать полосовые пожертвования на вашем сайте

Вам необходимо создать учетную запись Stripe. Вы можете создать учетную запись бесплатно и будет взиматься только за транзакции.

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

Наконец, вам понадобится расширение WordPress для подключения вашей учетной записи Stripe. Мы будем использовать WPForms, который является лучшим плагином для WordPress.

Он поставляется с аддоном Stripe, который позволяет принимать пожертвования, единовременные платежи и даже платежи по подписке на вашем веб-сайте. Вам понадобится хотя бы их PRO-план для доступа к надстройке Stripe.

При этом давайте посмотрим, как добавить кнопку пожертвования Stripe в WordPress.

Добавление кнопки пожертвования полосы в WordPress

Первое, что вам нужно сделать, это установить и активировать плагин WPForms. Для более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

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

Добавить лицензионный ключ WPForms

Далее нужно посетить WPForms »Аддоны нажмите на кнопку «Установить дополнение» рядом с надстройкой Stripe.

Установить аддон Stripe

WPForms теперь установит и активирует надстройку Stripe для вас.

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

Настройки оплаты чередования

Вас попросят ввести ключи Stripe API, которые вы можете найти под своей панелью Stripe.

Просто войдите в свою учетную запись Stripe и в левом меню выберите Разработчики »API-ключи,

API-ключи Stripe

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

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

Полосатые публикуемые ключи

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

Тест API-ключей

Теперь, когда вы вставили ключи API, вы можете дополнительно включить тестовый режим в настройках оплаты.

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

Полосы ключей в WPForms

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

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

Создание формы пожертвования в виде полос в WordPress

Во-первых, вам нужно посетить WPForms »Добавить новый страница для создания новой формы. Вам будет предложено указать название для вашей формы и выбрать шаблон. Вам необходимо выбрать шаблон «Форма пожертвования».

Создать форму пожертвования

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

Редактирование формы пожертвования в WPForms

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

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

Добавление поля кредитной карты Stripe в вашу форму

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

Когда вы будете удовлетворены формой, нажмите на вкладку Платежи в левом углу, чтобы изменить настройки оплаты. Отсюда вам нужно выбрать Stripe в качестве способа оплаты, а затем установите флажок «Включить Stripe Payments».

Включить способ оплаты

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

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

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

Нажмите на вкладку «Настройки» и выберите опцию подтверждения.

Настроить подтверждение

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

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

Добавление формы пожертвования в полоску в WordPress

WPForms позволяет легко добавлять ваши формы в любом месте на вашем сайте.

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

Добавьте форму пожертвования в ваш пост или страницу WordPress

WPForms теперь загрузит и вставит форму для вас. Теперь вы можете посетить свой веб-сайт, чтобы увидеть его в действии.

Предварительный просмотр формы пожертвования

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

Добавление формы пожертвования на боковую панель

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

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

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

Пост «Как добавить кнопку пожертвования в полоску» в WordPress (с возможностью повторения) впервые появился на WPBeginner.


0 Comments

Добавить комментарий