Содержание

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

Калькулоид предоставляет Платежное поле для платных планов. Он позволяет напрямую подключаться к вашей учетной записи PayPal (или Stripe). Калькулоид не принимает никаких комиссий за платежи, произведенные с помощью ваших калькуляторов. Давайте посмотрим, как вы можете настроить его и использовать его для своего проекта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

calculoid-надстройку платежно-поле

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

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

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

calculoid-платежно-поле

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

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

Теперь у нас есть поле платежей, но у нас нет никакой ценности для оплаты. Давайте добавим 2 больше полей для вычисления значения. Открой "Добавить поле", и добавьте Радио-ящик, чтобы Слайдер и еще один Поле формулы, Результат должен выглядеть так:

calculoid-Сыра-поля

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

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

calculoid-усаживается

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

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

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

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

calculoid-формула-редактирование

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

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

calculoid-платежно-редактировать

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

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

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

calculoid-PayPal-редактировать

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

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

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

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

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

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

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

Дополнительная информация

Начать бесплатно прямо сейчас

Создайте свой собственный веб-калькулятор за считанные минуты.
Проверьте все функции в бесплатной пробной версии 30. 

Регистрируйтесь

Нет необходимости в кредитной карте или установке