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

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

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

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

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

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

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

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

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

С учетом сказанного давайте посмотрим, как добавить кнопку пожертвования Stripe в WordPress.

Видеоурок

Зарегистрируйтесь в WPBeginner

Если вам не нравится видео или вам нужны дополнительные инструкции, читайте дальше.

Добавить полосу Пожертвовать на WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить форму пожертвования Stripe в WordPress

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

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

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

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

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

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

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