содержание

Как создать любую веб-форму в Calculoid - примеры использования веб-калькуляторов #7

С Calculoid вы можете воссоздать любую форму конверсии, которую вы видите в Интернете. В этом примере вы узнаете, как скопировать веб-форму конверсии в Calculoid. Быстрый и простой способ.

Почти у 30% поступающих заявок на поддержку есть такой же вопрос: «Я нашел классную форму / калькулятор, можно ли создать такую ​​же с помощью Calculoid? Если да, то как?».

Мы подготовили для вас многофункциональный инструктаж.

Это одна из наших форм, которую мы хотели воссоздать в Calculoid:

Шаблон калькулятора интернет-магазина - Calculoid.com

Большинство форм конверсии в Интернете состоят из:

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

  • Пример из формы: Все поля, которые вы видите в форме, являются входными данными.

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

  • Пример из формы: В результате у вас появляется сообщение об успешном завершении, и данные отправляются в другое приложение. Таким же образом вы можете генерировать лиды.

Шаблон калькулятора интернет-магазина - Calculoid.com

3. Формулы и условия - правила, которые обрабатывают введенные данные, чтобы представить вам результаты.

  • Пример из формы: В этой форме нет формул или особых условий. Только обязательные поля.

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

Как течь:

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

  • Что я должен ввести / выбрать в форме? - Это входные данные.
  • Что я получу в результате? - Это результаты.
  • Как получить эти результаты на основе введенной мной информации? - это формулы и условия.
  • Как выглядит форма? Есть ли брендинг? Какие цвета? Есть ли интерактивные элементы? - Дизайн.

2. Добавьте все поля с входами и результатами в свой калькулятор.

3. Установите эти поля. Добавить имена, значения по умолчанию, доп.

4. Установите все необходимые формулы и условия.

5. Отрегулируйте размеры полей и разместите их в правильном порядке, используя функции перетаскивания.

6. Стиль вашего калькулятора с настройками дизайна.

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

8. Закончите свой калькулятор, чтобы сгенерировать два кода для встраивания: HTML и iFrame.

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

10. Вставить финальную версию на нужную страницу.

Шаблон калькулятора интернет-магазина - Calculoid.com

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

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

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

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

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

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

Свяжитесь с нами

Телефон

US: + 1 415 800 3787
UK: + 44 207 097 3577
CZ: + 420 222 743 843
Часы работы: 9: 00 - 17: 00 UTC + 1

Информация

info@calculoid.com

Поддержка

support@calculoid.com

Easy Software Ltd.

Кемп Дом, 152-160
City Road, EC1V
2NX Лондон, Соединенное Королевство
Идентификатор компании: 08960980
Идентификатор НДС: GB226711521

Легкий центр разработки

Jugoslávských partyzánů 34
160 00 Прага
Чешская Республика