Контактная форма

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

  • просмотреть информацию о вашей компании, получить ее по электронной почте или скачать в формате vCard;
  • позвонить вам с сайта, заказать обратный звонок или ответ по электронной почте;
  • проложить маршрут до вашей компании с помощью интерактивной карты.

Как разместить форму на сайте

Внимание. Настроить контактную форму может только Администратор.
  1. Перейдите на страницу Контактная форма.

  2. Выберите нужные блоки, измените их размер, разместите в нужном порядке и наполните информацией.

    Примечание.
    • Если в форме есть кнопка Связаться с нами, клиент сможет заказать обратный звонок или ответ по электронной почте.

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

  3. Сохраните изменения.

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

  5. Чтобы добавить форму на ваш сайт, нажмите Получить код формы, скопируйте код и вставьте его на нужные страницы сайта.

  6. Дизайн контактной формы можно изменить с помощью CSS. Имеются следующие особенности настройки:

    • Описание стилей должно быть размещено после кода формы.
    • Используйте !important, чтобы избежать ошибок в наследовании стилей.
    • Используйте префикс #InfratelWidget перед любым стилем, чтобы назначить его для контактной формы.
    Пример настройки CSS
    /* Common Styles */
    #InfratelWidget,
    #InfratelWidget h2,
    #InfratelWidget h4,
    #InfratelWidget button {
     font-family: Georgia,Serif !important;
    }
    /* Headers */
      #InfratelWidget h2,
      #InfratelWidget h4 {
         color: #453320 !important;
      }
    /* Links */
      #InfratelWidget a {
         color: #e50000 !important;
      }
    /* Container */
    #InfratelWidget {
     border: 1px solid #b09370 !important;
     border-radius: 4px !important;
     background-color: #f4d0a8 !important;
    }
    /* Data Table Borders */
      #InfratelWidget .table td {
         border-top: 1px solid #b09370 !important;
      }
    /* Contact Us Button */
      #InfratelWidget #InfratelWidgetButton button {
         background: #000 !important;
         border: none !important;
         padding: 6px 10px !important;
         margin: 0 !important;
         text-transform: uppercase !important;
         color: #fff !important;
      }
          #InfratelWidget #InfratelWidgetButton button:hover {
             background: #e50000 !important;
          }
    /* Widget Blocks */
     #InfratelWidget #InfratelWidgetCompany, /* Company Name and Address */
     #InfratelWidget #InfratelWidgetContacts, /* Phone Numbers and Other Contacts */
     #InfratelWidget #InfratelWidgetHours, /* Working Hours */
     #InfratelWidget #InfratelWidgetMedia, /* Social Media Links */
     #InfratelWidget #InfratelWidgetInfo, /* vCard, Email info */
     #InfratelWidget #InfratelWidgetButton, /* Contact Button Block */
     #InfratelWidget #InfratelWidgetMap, /* Map */
     #InfratelWidget #InfratelWidgetGallery, /* Gallery */
     #InfratelWidget #InfratelWidgetLike { /* Like Buttons */
         border: 1px solid #b09370 !important;
         border-radius: 4px !important;
         background-color: white !important;
         padding: 5px;
      }