Пропустить

Как создать страницу пожертвование на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

WordPress является идеальной платформой для благотворительных и некоммерческих организаций.

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

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

Так что в этом уроке я покажу вам, как это сделать. Мы пройдем три этапа:

  • Установка и настройка двух плагинов, в том числе ссылки на PayPal.
  • Создание формы с опциями пожертвования.
  • Создание страницы пожертвования и добавление к ней формы

Итак, начнем!

Установка плагинов

Следующий шаг - установить и активировать плагины, необходимые для создания страницы пожертвований. Я использую плагин Гравитационные формы ». Вам также необходимо установить плагин, который связывает формы Gravity Forms с PayPal (что мы будем делать с расширением).

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

Теперь установите и активируйте свои плагины, загрузив их с сайта плагина Гравитация формы И скачать их на свой сайт. Откройте для себя наш учебник по как установить WordPress плагин.

Настройка Gravity Forms

Сначала вам необходимо настроить Gravity Forms и добавить свой лицензионный ключ. Перейти к Формы> Параметры И вы увидите поле для вашего ключа. Вы, вероятно, получили свой ключ при регистрации. Добавьте его в это поле и нажмите «Далее».

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

Связать гравитационные формы с PayPal

Прежде чем вы сможете добавить Paypal в свою форму, вам необходимо настроить параметры для связи Paypal и Gravity Forms.

Перейти к Gravitity Формы> Настройки И выберите PayPal на вкладках слева, чтобы увидеть его настройки:

Конфигурация-PayPal

На этом экране приведены инструкции, которые необходимо выполнить для подключения Gravitiy Forms к PayPal:

Перейти на страницу настроек PayPal IPN Используя предоставленную ссылку.

Если IPN уже включен, вы увидите текущие настройки IPN с кнопкой, чтобы отключить IPN. Просто установите флажок подтверждения.

Если IPN не включен, нажмите на кнопку Выберите Настройки IPN ».

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Установите флажок для включения IPN и введите URL-адрес уведомления, указанный в настройках Paypal (копировать и вставлять).

Это позволяет Paypal и Gravity Forms обмениваться данными. Ваша страница Paypal должна выглядеть следующим образом:

PayPal-IPN

Когда вы сделаете все это, установите флажок, чтобы подтвердить, что вы связали Paypal и Gravity Forms.

Теперь вы можете создать свою страницу и свою форму.

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

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

Создание формы

На экранах администрирования перейдите в Формы> Новая форма .

В появившемся окне установите заголовок и (в конце концов) Описание вашей формы:

создание Дун-форм-гравитационная-форма

Теперь вы будете перенаправлены на экран, чтобы добавить поля в форму.

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

Я добавил следующие поля:

  • Имя
  • Электронная почта
  • Сообщение поддержки

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

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

Наконец, нажмите «Обновить», чтобы обновить форму.

Вот моя форма:

Форма-вид-гравитационная-форма

Добавить платеж в вашу форму

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

На разделе Поля Ценообразование Справа добавьте тип продукта в форму.

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

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

Обратите внимание на поле «Обязательно». Вот мои конфигурации:

поле гравитации форм-пример

Теперь вам нужно добавить еще одно поле, которое будет отображаться, если кто-то выберет эту «другую» опцию. Опять в разделе " Поля Ценообразование ", Выберите продукт.

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

Вот как теперь выглядит моя форма:

Форма-grativity форм-пример-2

Теперь нажмите на вкладку « РАСШИРЕННАЯ Для этого поля. Проверьте раздел " Включение условной логики ». Измените логический условный оператор, чтобы отображать это поле, если предыдущее поле (Пожертвование) установлено на «Другое». Это означает, что это поле появляется, только если кто-то не выбрал одну из предварительно определенных сумм в предыдущем поле.

Вот мой выбор:

Логика выбор поле условно-гравитационная-форма

Теперь сохраните форму.

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

Затем создайте новую страницу и переименуйте «Дон». Сделайте это, перейдя в «Страницы> Добавить» в панели управления WordPress. Оставьте пока эту страницу пустой, но добавьте ее в главное меню.

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

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

Перейти к экрану редактирования этой страницы. На экране редактирования страницы нажмите на кнопку " Добавить форму .

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

добавить A-формы тяжести-формыЗатем нажмите на кнопку вставить форму ». Это добавит шорткод на вашу страницу. Не меняй это.

Наконец, нажмите " Обновление Чтобы обновить вашу страницу. Вот моя страница:

Пожертвование страница WordPress гравитационной форма #

И если я выберу вариант Другая сумма "(другая сумма), У меня будет возможность определить желаемую сумму:

Определим-а фиксированной motant тяжести-формы

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

Эта статья содержит комментарии 2

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
10 акции
доля6
чирикать2
Регистрация2