Вариант использования поля платежа

Пусть ваши клиенты оплачивают то, что они рассчитывают

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

Небольшая пекарня

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

Маркетинговое агентство

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

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

Ключевые функции электронной коммерции

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

• Платежи могут обрабатываться с помощью платежных карт через Полоса оплаты или через PayPal.
• Вы и заказчик можете получить персонализированная электронная почта о платеже со всеми значениями поля калькулятора.
• Список заказов доступен со всеми сведениями о клиенте и платеже и с отзывами для каждого калькулятора.
• Заказы могут быть также экспортируется в CSV поэтому вы можете открыть его в процессоре электронной таблицы, таком как MS Excel.
• Webhooks позволяет обрабатывать данные заказа в режиме реального времени. Отправьте информацию в свое CRM или приложение для выставления счетов.
• Мы также работаем над легко настраиваемыми интеграциями, такими как Redmine.

Конфигурация поля платежа

Вам не нужно платить за настройку и тестирование поля платежей. Поле доступно в Free Plan. Он просто не появится только для вас, когда вы войдете в систему. Он будет скрыт от других.

1. Войдите или зарегистрируйтесь

Если вы еще этого не сделали, зарегистрируйтесь!

2. Создать новый калькулятор

Зайдите в раздел «Калькуляторы» и нажмите кнопку « Новый калькулятор» . Или, например, отредактируйте тот калькулятор, который хотите использовать в качестве калькулятора платежей. Или скопируйте существующий калькулятор. Возможно, это сэкономит вам время, если вы найдете похожий калькулятор, который вы себе представляете.

3. Добавить поле платежей

Вы можете найти поле платежа следующим образом:

Нажмите на тип поля «Платежи» . Это добавит новое поле в ваш калькулятор.

4. Редактировать поле

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

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

5. Добавьте несколько полей для вычисления

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

6. Изменение раскладки калькулятора

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

7. Редактирование параметров поля

Давайте отредактируем Radio Box и Slider Field, чтобы добавить некоторые варианты для наших клиентов. Я подготовлю калькулятор для приложения SaaS, где есть планы 3 на выбор и количество пользователей. Здесь я не буду показывать все параметры редактирования. Откройте доступные параметры, нажав кнопку редактирования, как показано выше.

8. Построить формулу

Давайте подробнее рассмотрим, как строится формула. Итак, отредактируйте поле формулы, дайте ему имя (я назвал его «Окончательная цена»), префикс ($), постфикс (/месяц), увеличьте шрифт или оформите его по своему усмотрению. Суть поля формулы и всего калькулятора заключается в самой формуле. У нас есть 2 поля, куда клиент может ввести свою информацию. Мы хотим просто умножить значения этих полей. Каждое поле имеет уникальный идентификатор. Таким образом, наша формула выглядит так: «Выберите тарифный план» * «Сколько пользователей вам нужно?» = F40981 * F40982 . Если мы сложим текущие значения, получится 20 * 5 = 100. Похоже, калькулятор считает правильно. Теперь вернемся к полю оплаты и настроим его.

9. Настройка поля платежа

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

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

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

Давайте откроем вкладку PayPal в конфигурации Платежного поля:

Если вы наведете здесь поля, это объяснит более подробно, что это значит, поэтому я опишу рабочий процесс здесь. PayPal предоставляет тестовый платеж, где вы можете протестировать платежи до того, как вы начнете жить. Таким образом, вы знаете, что весь процесс работает, и если вы уверены, вы можете переключиться на производственные платежные ворота и получить реальные платежи. Итак, вот что вы должны сделать:

1. Войти в sandbox.paypal.com и создать клиента тестирования. Взгляните на Руководство по тестированию PayPal если вам нужна дополнительная информация.
2. Убедитесь, что вы сэкономили калькулятор, потому что платежный тест PayPal перенаправит вас в ворота PayPal, и вы можете потерять несохраненные настройки.
3. Теперь вставьте тестовый адрес электронной почты в область электронной почты поля платежа (а не в поле конфигурации, фактическое поле «Электронная почта» в поле «Платеж» ... это немного запутано. Надеюсь, я еще не потерял вас.) И нажмите Платная кнопка. Это перенаправит вас на защитный шлюз sandbox, где вы можете вставить электронную почту клиента тестирования, созданную на шаге 1, и продолжить платеж.
4. Если все пойдет хорошо, переключитесь на производственные ворота, чтобы вы не забыли его позже. Я сделал это;)

Другие возможности

Вероятно, вам захочется встроить калькулятор на свой веб-сайт . Не забудьте настроить калькулятор и отметить его как «Готово». Это необходимо для корректной работы встраивания.

Итак, ваш калькулятор платежей PayPal готов. Но, возможно, вы захотите также разрешить вашим клиентам оплачивать покупки банковскими картами через платежный шлюз Stripe . Заказы/заявки можно просматривать и/или скачивать . Если вы хотите связать заказы с другим сервисом, проверьте веб-хуки . А если вы запутались на каком-либо этапе этого руководства или хотите задать вопрос, свяжитесь с нами.

Пример калькулятора

Взгляните на финальный, работающий калькулятор, который я создал в этом уроке. Если вы хотите скопировать его и использовать в качестве основы для своего калькулятора, вы можете найти его здесь: http://app.calculoid.com/#/calculator/7595