Статьи

Как использовать Gravity Forms в качестве решения для электронной коммерции

Конечный продукт
Что вы будете создавать

Знаете ли вы, что вы можете использовать Gravity Forms для продажи товаров на вашем сайте WordPress? Если у вас уже есть версия для разработчиков Gravity Forms или вы ищете причину для ее покупки, Gravity Forms может стать для вас хорошим решением для электронной коммерции.

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

Вы можете приобрести гравитационные формы на сайте www.gravityforms.com . На выбор предлагается три уровня: от 39 до 199 долларов, включая один год поддержки и обновлений. Ваша форма будет по-прежнему работать на вашем сайте после этого года, но если вам необходимо внести изменения в вашу форму или добавить новые формы в будущем, вам может потребоваться новая лицензия. Хорошей новостью является то, что вы можете продлить свою лицензию на 50% от обычной цены. Мне также повезло найти купоны для Gravity Forms на RetailMeNot .

Цены на гравитационные формы
Если вы хотите принимать онлайн-платежи, вам понадобится лицензия разработчика, которая поставляется с надстройками Advanced Form.

Gravity Forms не является заменой полной функциональности корзины покупок, но может быть правильным решением, если вы хотите:

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

Gravity Forms отлично подходит для создания форм покупки. Если вам требуется расширенное управление заказами или отслеживание запасов, вам, вероятно, лучше использовать полноценное решение для интернет-магазинов, такое как WooCommerce. Gravity Forms также работает с Easy Digital Downloads .

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

Поля ценообразования гравитационных форм

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


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

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

Гравитационные формы с использованием переключателей Кол-во полей

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

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

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

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

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

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

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

Использование поля продукта расчета с гравитационными формами

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

Наконец, у нас есть поле Total , которое просто показывает клиенту сумму того, что он заказывает. Здесь не нужно никаких вычислений — Gravity Forms автоматически все сложит.

В Gravity Forms есть надстройки для оплаты, которые поставляются с лицензией разработчика. Они включают Authorize.net, три вида PayPal и Stripe. Если вы выберете PayPal Payments Standard, вам не понадобится SSL-сертификат для вашего сайта, потому что данные кредитной карты будут обрабатываться на сайте PayPal. Но если вы хотите обрабатывать платежи прямо на вашем сайте, у вас должен быть этот сертификат. Если у вас нет лицензии разработчика GF, есть также возможность использовать бесплатный плагин Gravity Forms + Stripe . Для этого урока я буду использовать интеграцию PayPal.

Как только вы активируете надстройку, вам нужно будет перейти к форме, которую вы создаете, и в разделе « Настройки формы» использовать раскрывающийся список, чтобы выбрать Paypal. Затем вам нужно будет авторизовать Paypal для приема средств из форм вашего сайта. Нажмите на ссылку Настройки PayPal, чтобы начать.

Настройки фида PayPal для гравитационных форм

Затем вы увидите эту страницу:

Настройки PayPal для Gravity Froms

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

Страница настроек PayPal IPN

Оказавшись здесь, нажмите желтую кнопку, чтобы выбрать настройки IPN, и вставьте ссылку, которую вы только что скопировали из форм Gravity. Затем измените кнопку с «Не получать» на «Получить» сообщения IPN и нажмите « Сохранить» .

Затем вернитесь к настройкам Gravity Forms и установите флажок, чтобы подтвердить, что вы настроили свою учетную запись PayPal для включения IPN, а затем нажмите большую синюю кнопку Обновить настройки .

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

Настройка PayPal Feeds для гравитационных форм

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

Настройки фида PayPal для гравитационных форм

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

Опция кредитной карты в Gravity Froms

Не смущайтесь этим. Вам не нужно использовать это. После настройки канала PayPal для этой формы кнопка отправки формы (которая автоматически добавляется Gravity Forms) перенаправит клиентов на страницу PayPal, где они смогут произвести оплату.

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

Уведомление администратора PayPal о гравитационных формах

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

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

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

Планируете ли вы использовать Gravity Forms для продажи на своем сайте? Я хотел бы услышать об этом.