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

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

Формы могут быть отправлены непосредственно клиенту в виде прямой ссылки, или вы можете встроить форму через iframe непосредственно в существующие страницы вашего веб-сайта, например, вы можете иметь ссылку меню на существующем веб-сайте вашей компании под названием «Запросить предложение» и на этой странице. вы можете встроить форму iframe.

Создание форм запроса котировок #

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

• Cliquez-сюр- Параметры затем Запрос Цитировать→Виды.
• Cliquez-сюр- Новая форма .
• Добавьте название формы, например: «Запрос стоимости веб-сайта».
• Язык – В настоящее время этот язык используется только для сообщений проверки.
• Текст кнопки отправки. Он будет внизу, где пользователь должен щелкнуть, чтобы отправить форму. Пример. Запрос предложения ou Свяжитесь с нами, не стесняйтесь адаптировать его к вашим потребностям.
• Сообщение для отображения после успешной отправки формы — это сообщение будет отображаться после успешной отправки формы.
  
• Статус – Какой статус будет у запроса котировки после успешной отправки в вашем пространстве Djaboo.
  
• Responsable - Автоматически назначать запрос котировок конкретному сотруднику.
  
• Настройки уведомлений – Все пользователи в зависимости от типа уведомления будут уведомлены с помощью встроенного уведомления в Djaboo, и, кроме того, участник, ответственный за запрос котировок, получит уведомление по электронной почте, если в Параметры-> Шаблоны электронной почты -> Запрос котировок назначен (отправлено в Личное) не отмечен как отключенный.
  
• Recaptcha – Вы можете использовать Google Recaptcha для защиты от спама. Поле для Google Recaptcha появится только в том случае, если вы предварительно настроили ключи рекапчи .

После создания формы в области форм Form Builder и Integration Code отобразятся 2 новые вкладки.

• Form Builder – Место, где вы создаете форму и настраиваете все нужные вам поля.
• Код для встраивания это код, который вам нужно будет разместить на своем веб-сайте для отображения формы, обратите внимание, что по ссылке вы сможете увидеть, что каждый из них имеет уникальный ключ.
  

Добавьте поля в форму #

Чтобы добавить поле в форму, просто перетащите поле вправо в области формы, обратите внимание, что поле Электронная почта должно появиться в форме и также должно быть помечено как обязательное поле.

Настроить поля #

Вы можете настроить метки, добавить текст справки, заполнители и сделать их обязательными. Когда вы перетащите поле в область формы, просто наведите указатель мыши на поле в правом верхнем углу, вы сможете увидеть 3 кнопки (редактировать, копировать и удалить)

После настройки формы нажмите кнопку внизу слева ЗАПИСЫВАТЬ и нажмите на вкладку Embed Code, чтобы получить код, который вам нужно добавить на свой веб-сайт. Код будет размещен в виде iframe, и вы можете настроить ширину и высоту непосредственно в предоставленном фрагменте кода.

Стиль #

Если вам нужно настроить цвет полей ввода в соответствии с вашим веб-сайтом, вы можете создать на своем сайте файл custom.css и применить необходимые стили.

Пример изменения цвета границы записей:

body.estimate-request-form input {
   border-color:red;
}

Пример изменения цвета фона кнопки отправки:

body.estimate-request-form #form_submit {
   background:red;
}

body.estimate-request-form #form_submit:hover,
body.estimate-request-form #form_submit:active {
   background:green;
}

Включить логотип в форму #

Чтобы включить логотип вашей компании в форму, вы можете поделиться или встроить URL-адрес с параметром строки запроса, как показано ниже:

https://votre-entreprise.djaboo.appform-url?with_logo=1https://votre-entreprise.djaboo.app/form-url?with_logo=1

Прямой обмен ссылками #

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

Чтобы Djaboo знал, что ссылка на форму передается напрямую, а не встроена в iframe, вы должны указать строку запроса URL, в этом случае Djaboo предоставит лучший стиль для формы.

https://votre-entreprise.djaboo.app/form-url?with_logo=1&styled=1

Создание макетов многоколоночных форм #

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

В следующем примере мы создадим 2 поля в 2 столбцах и 1 строке.

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

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

Как упоминалось ранее, вы можете добавить до 12 столбцов, в этом случае form-col-6 + form-col-6 = 12, если вы хотите добавить 3 столбца, примените класс form-col-4 к 3 полям ( form -col-4*3 полей будет 12 и поля будут соответствовать документу) которые идут по порядку.

Поскольку в большинстве случаев вы будете встраивать форму в небольшой контейнер/часть вашего веб-сайта, загрузочная сетка CSS всегда будет отображать столбцы новых строк (не разделенные на 2 столбца), в этом случае рассмотрите возможность добавления еще одного дополнительного класса. для небольшого контейнера, например, если вы добавили класс form-col-6 , добавьте еще один класс для небольшой области form-col-xs-6 , нажмите здесь, чтобы проверить, как он должен выглядеть.