Пропустить

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

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

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

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

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

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

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

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

Итак, давайте начнем!

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

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

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

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

Настройка Gravity Forms

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

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

Link Gravity Forms для PayPal

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

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

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

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

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

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

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

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

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

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

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

PayPal-IPN

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обратите внимание на поле «Требуется». Вот мои настройки:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наконец, нажмите " Mettre à Jour Чтобы обновить свою страницу. Вот моя страница:

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

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

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

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

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

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

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

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

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