{"componentChunkName":"component---src-knowledgebase-components-knowledgebase-post-js","path":"/knowledgebase/post/sozdanie-vidzhetov/","result":{"data":{"markdownRemark":{"html":"<p>Виджет представляет собой форму записи: потенциальный клиент заполняет эту форму и попадает в <strong>Воронку продаж</strong>.</p>\n<p><img src=\"/images/knowledgebase/integrations2.png\" alt=\"настройки\"></p>\n<p>Чтобы создать виджет, вам нужно:</p>\n<ul>\n<li>Перейти в раздел <strong>Настройки</strong></li>\n<li>Открыть вкладку <strong>Интеграции</strong></li>\n<li>На одной строке со словом <strong>Виджеты</strong> нажать на кнопку <strong>+ Добавить</strong></li>\n</ul>\n<h3>Создание виджета делится на 2 логических блока. <em>Первый</em> - общие настройки и текст сообщения. <em>Второй</em> - поля формы.</h3>\n<h4>Общие настройки и текст сообщения:</h4>\n<ul>\n<li>Название - введите название виджета, которое будет отображаться только у вас.</li>\n<li>Источник заявки - выберите исходя из того, где будете размещена ссылка на виджет (сайт, вконтакте и т.д)</li>\n<li>Тема - выберите цветовую тему виджета (цвет заголовка, кнопки, подсветка)</li>\n<li>Ссылка на логотип - необязательно поле, в которое требуется вставить URL ссылку на ваш логотип</li>\n<li>Ссылка на условия - необязательное поле для добавления документа о конфиденциальности или другой важной информации</li>\n<li>Страница после отправки - необязательное поле для вашей ссылки на страницу благодарности. На эту страницу лид попадает после отправки заполненной формы записи. Может содержать метки для отслеживания источника заявки.</li>\n</ul>\n<p>Далее перейдите к текстовому оформлению нашего виджета. Начнем с левого столбца <strong>Для виджета</strong>:</p>\n<ul>\n<li>Заголовок - короткая подпись с увеличенным шрифтом, которую сразу увидит лид. Лучше заложить в заголовок цель формы записей. Например, если виджет создается для записи на занятие, то в заголовок можно поместить “Записаться на занятие”.</li>\n<li>Описание - дополнительная информация для лида или обращение к нему.</li>\n<li>Текст кнопки - слово или словосочетание, которое будет размещено на кнопке отправки формы записи.</li>\n</ul>\n<p>Перейдите на правый столбец <strong>После отправки</strong>:</p>\n<ul>\n<li>Заголовок - короткая подпись с увеличенным шрифтом, которая появится после отправки формы записи. Как пример, можно написать “Спасибо!”.</li>\n<li>Сообщение - дополнительная информация для лида. Можно, например, коротко обозначить, что с клиентом свяжется ваш менеджер.</li>\n</ul>\n<p><img src=\"/images/knowledgebase/integrations3.png\" alt=\"настройки\"></p>\n<h4>Поля формы</h4>\n<p>Обязательное поле, которое нельзя удалить или изменить только одно - <em>ФИО</em>. По умолчанию создается 3 поля: ФИО, телефон, комментарий. Остальные поля опциональны. Список доступных полей формируется из системных и дополнительных полей.\nК системным относятся <em>ФИО, email, пол, дата рождения, комментарий и телефон</em>. Дополнительные поля входят в список, если они созданы в разделе <strong>Настройки</strong> во вкладке <strong>Поля клиентов</strong> и применимы <strong>Для всех</strong> или <strong>Для лидов</strong>. Очередность полей в виджете можно изменить, используя стрелки.</p>\n<p><img src=\"/images/knowledgebase/sozdanie-vidzhetov1.png\" alt=\"настройки\"></p>\n<p>Чтобы добавить поле, нужно:</p>\n<ul>\n<li>Нажать на кнопку <strong>Добавить поле</strong></li>\n<li>Выбрать тип поля</li>\n<li>Указать подпись поля (подсказка для клиента, что нужно ввести)</li>\n<li>Отметить обязательность поля</li>\n<li>Для сохранения данных необходимо нажать на <strong>Добавить</strong></li>\n</ul>\n<p>Виджет готов! Посмотреть конечный вариант можно, если кликнуть на иконку глаза в конце строки виджета. В появившемся окошке внизу есть ссылка, которую можно вставлять к себе на сайт, в социальные сети, в рассылку, чтобы собирать заявки. Создавайте разные виджеты для разных источников лидов.</p>","timeToRead":2,"frontmatter":{"title":"Создание виджетов","path":"/sozdanie-vidzhetov","category":"Настройки|/settings","description":"Интеграции с CRM системой Параплан. Подробные инструкции и ответы на вопросы вы всегда сможете найти в базе знаний.","cover":{"childImageSharp":{"fluid":{"aspectRatio":1.771186440677966,"src":"/static/5daffcc24c50892a5479d9be6c126d33/7328a/sozdanie-vidzhetov.png","srcSet":"/static/5daffcc24c50892a5479d9be6c126d33/abad6/sozdanie-vidzhetov.png 209w,\n/static/5daffcc24c50892a5479d9be6c126d33/63d84/sozdanie-vidzhetov.png 418w,\n/static/5daffcc24c50892a5479d9be6c126d33/7328a/sozdanie-vidzhetov.png 835w","sizes":"(max-width: 835px) 100vw, 835px"}}}}}},"pageContext":{"pathSlug":"/sozdanie-vidzhetov"}},"staticQueryHashes":["2114001338","2114001338","2114001338","2114001338","2114001338","2114001338","3563752674","3944365038","4033927638","63159454"]}