Управление на Customer Insights - Journeys формуляри
Тази статия обяснява как да редактирате, премахвате публикуването и управлявате формуляри в Customer Insights - Journeys.
Редактиране на жива форма
Ако вашият формуляр вече е публикуван и трябва да го актуализирате, изберете бутона Редактиране в горната лента. Можете да продължите да редактирате формуляра си на живо и всички промени се публикуват автоматично, след като изберете бутона Запазване .
Важно
Ако изберете да създадете копие на формуляра, ще трябва да публикувате новосъздаденото копие.
Формулярът се съхранява на CDN, където всички данни се кешират, за да осигурят възможно най-кратко време за зареждане на посетителите на вашата уеб страница. Може да отнеме до 10 минути, преди кешът да се обнови и преди да можете да видите промените на вашата уеб страница. Можете да проверите резултата от промените в страницата си, ако добавите този параметър #d365mkt-nocache към URL адреса на уеб страницата си. Никога не споделяйте връзката към страницата си, включително този параметър, с клиентите си. Параметърът заобикаля кеша на CDN и забавя зареждането на страницата.
Премахване на публикацията на формуляр
За да отмените публикуването на формуляр на живо, изберете бутона Стоп . Формулярът се премахва от CDN, така че посетителите на вашата уеб страница вече не могат да го подадат. Формулярът може да е все още видим поради кеша на браузъра, но не може да бъде подаден. Състоянието на формуляра се променя на "Чернова".
Свойства на формулярно поле
След като изберете поле в платното, можете да видите свойствата му в десния екран.
- Текст в контейнер: Контейнерът вътре в полето. Контейнерът автоматично изчезва, след като потребителят започне да въвежда в полето.
- "Стойност по подразбиране": Задайте стойността по подразбиране за това поле. Контейнерът не се вижда, ако е зададена стойността по подразбиране.
- "Задължително": Ако е разрешено, потребителят не може да подаде формуляра, ако това поле е празно.
- Проверка: Конфигуриране на правило, което проверява съдържанието на полето. Ако валидиращото правило не е изпълнено, потребителят не може да подаде формуляра. Важно е да зададете правилната валидация за полетата за имейл и телефонен номер.
- Скрий полето: Ако е разрешено, полето не се вижда във формуляра. Можете да използвате скрити полета, за да съхранявате допълнителни метаданни заедно с подаването на формуляра.
Бележка
Уверете се, че проверката на полето за телефонен номер е зададена на "Телефонен номер". Тази нестандартна проверка проверява дали форматът на телефонния номер е съвместим с изискванията за формата на телефонния номер за създаване на съгласие на контактната точка. Телефонният номер трябва да бъде в международен формат, започващ със знак "+".
Персонализирана валидация
За да създадете проверка по избор, разрешете опцията Проверка и изберете По избор. Появява се изскачащ диалогов прозорец, в който можете да въведете регулярен израз (RegExp). Можете например да използвате RegExp, за да проверите дали въведената стойност съответства на определен формат на телефонен номер.
Стилизиране на вашите формуляри с помощта на тема
Разделът Тема може да се отвори, като изберете иконата на четката в десния екран. Тема контролира стила на всички типове полета, бутони и текст. След като зададете темата на поле, тя засяга всички полета от един и същи тип във вашия формуляр.
Функцията за тема е удобен за потребителя интерфейс за редактиране CSS на дефиниции на класове във формата HTML. Той работи само без стилове на формуляри. Класовете по избор CSS не се визуализират, но все още можете да редактирате класовете по избор CSS с помощта на редактора на HTML код.
Секцията "Тема" ви позволява да конфигурирате:
- Фон: Определете вътрешния цвят на фона и стила на границата за целия формуляр.
- Стилове на текст: Дефиниране на заглавие 1, заглавие 2, заглавие 3, абзац, етикет на поле. Стилът на етикета на полето не влияе на етикетите на квадратчето за отметка и радио бутона, тъй като тези етикети могат да се конфигурират отделно. Дефиницията на стила на текста включва семейство шрифтове, размер на шрифта, цвят на шрифта, стил на текста и височина на линията. Можете също да зададете вътрешната и външната разредка, ширина и подравняване. Върху тези текстови стилове можете също да зададете позицията на етикета (отгоре, отляво, отдясно) и необходимия цвят за етикетите на полетата.
- Полетата за въвеждане са групирани в 3 категории:
- Полета за въвеждане, падащо меню и справка за текст: Тези три визуални стила на полета споделят една и съща дефиниция на стил. Можете да дефинирате семейство, размер, цвят и стил на шрифта за стилове на контейнер и въвеждане на текст. Можете също да зададете цвета на фона на полето, цвета на фона на менюто, заоблените ъгли, границата, подравняването на размера и вътрешната и външната разредка. Обърнете внимание, че етикетът на полето може да бъде конфигуриран в текстови стилове.
- Радио бутон: Радио бутонът има собствена конфигурация на етикета, което ви позволява да зададете семейството и размера на шрифта. Можете да зададете цвета на текста, стиловете и цвета на фона за всички опции и за избраната опция. Можете също да дефинирате заоблени ъгли, ширина и вътрешна и външна разредка на радио бутоните.
- Квадратче за отметка - полето за отметка има собствена конфигурация на етикета, която ви позволява да зададете семейството на шрифта, размера. Можете да зададете различен цвят на текста, стилове и цвят на фона за всички опции и за избраната опция. Можете също да дефинирате заоблени ъгли, ширина, вътрешна и външна разредка на квадратчетата за отметка.
- Бутони и връзки: Дефиницията на бутона ви позволява да зададете семейство шрифтове, размер, цвят, стилове на текста, цвят на бутона, подравняване на границите и вътрешна и външна разредка. Дефиницията на хипервръзката ви позволява да зададете семейството на шрифта, размера, цвета и стиловете на текста.
Бележка
Формулярите, създадени преди изданието от септември 2023 г., имат ограничени опции за промяна на стила на формуляра с помощта на функцията за тема. Можете да разрешите повече опции за стил, като изберете бутона Разреши в раздела за тема. Това актуализира вашите стилове на формуляри до най-новата версия, съвместима с функцията за тема.
Персонализирани шрифтове
Има два начина да използвате шрифтове по избор във вашия формуляр:
- Задайте шрифта на "наследяване": Препоръчва се за формуляри , вградени във вашата собствена страница. Формулярът наследява формуляра от вашата страница.
- Добавете свой собствен шрифт по избор: Препоръчва се за формуляри , хоствани като самостоятелна страница. Можете да качите шрифта по избор, като използвате функцията за тема в секцията за персонализирани шрифтове. След това качените от вас персонализирани шрифтове могат да се използват във всички дефиниции на текстовия стил.
Предварителен преглед: Copilot - Forms помощник за теми
Важно
Функцията за предварителен преглед е функция, която не е пълна, но е достъпна преди официално да е в издание, така че клиентите да могат да получат ранен достъп и да предоставят обратна връзка. Функциите на предварителната версия не са предназначени за производствена употреба и може да имат ограничена или непълна функционалност.
Microsoft не предоставя поддръжка за тази функция на предварителната версия. Техническата поддръжка на Microsoft Dynamics 365 няма да може да ви помогне при възникването на проблеми или въпроси. Функциите за предварителен преглед не са предназначени за производствена употреба, особено за обработване на лични данни или други данни, които подлежат на законови или регулаторни изисквания за съответствие.
Важно
Трябва да използвате помощника за теми само с уеб сайтове, които притежавате и управлявате. Помощникът за теми не трябва да се използва за копиране на уеб сайтове на трети страни.
Помощникът за теми е функция на Copilot в Customer Insights - Journeys. Можете да използвате помощника за теми, за да извличате стилове от съществуващ уеб сайт, който притежавате и контролирате. За да използвате тема, въведете URL адреса на уеб сайта и изберете Извличане на стилове. Този процес може да отнеме няколко минути. Можете да продължите работата си и да се върнете по-късно, за да проверите резултата. След като помощникът извлече стиловете от вашия уеб сайт, той прилага стиловете към темата на вашия формуляр.
Настройки на формуляр
Настройките на формуляра ви позволяват да конфигурирате разширени свойства на вашия формуляр и да дефинирате какво се случва след подаването на формуляра.
- Дублиращи се записи: Изберете стратегията за третиране на дублиращите се записи.
- Благодарствено известие: Това съобщение се появява, ако потребителят успешно подаде формуляра.
- Уведомяване за грешка: Това съобщение се появява, ако възникне грешка при подаване на формуляра.
- Пренасочване след подаване: Ако е разрешено, можете да въведете URL адрес, към който потребителят ще бъде пренасочен след подаването на формуляра.
Как се обработват дублиращи се записи
Подходът по подразбиране за дублиране на записи е различен за контактни и потенциални обекти.
- Контакт (по подразбиране: Актуализиране на контакт чрез имейл): Ако потребителят подаде формуляр със съществуващ имейл адрес, подаването на формуляра актуализира съществуващия запис. Няма създаден нов запис.
- Потенциален клиент (по подразбиране: Винаги създавай нов запис): Ако потребителят подаде формуляр със съществуващ имейл адрес, се създава нов запис със същия имейл адрес.
Можете да промените стратегията по подразбиране, като използвате падащото меню Дублиране на записи в настройките на формулярите. Можете също така да създадете персонализирана стратегия за съвпадение.
Създаване на персонализирана стратегия за съвпадение
Можете да изберете как да обработвате дублиращи се записи, като създадете нова стратегия за съвпадение.
- Изберете долното ляво меню, за да получите достъп до Настройки.
- Отворете стратегията за съвпадение на формуляри в секцията за ангажиране на клиенти.
- Изберете иконата плюс, за да създадете нова стратегия за съвпадение.
- Наименувайте стратегията за съвпадение и изберете целевия обект.
- Запишете стратегията за съвпадение (не избирайте Запиши & затвори , тъй като трябва да останете в този запис).
- Добавете атрибути на стратегията за съвпадение (полета), които се използват за проверка дали записът съществува.
- Запазете новата си стратегия за съвпадение.
- Новосъздадената стратегия за съвпадение вече може да бъде избрана в списъка Дублиране на записи в настройките на формуляра.
Типове полета
Типовете полета и форматите се определят от метаданните на атрибута. Не е възможно да се променят типовете и форматите на полетата. Можете обаче да промените контролата за рендиране за типове полета, където форматът не е дефиниран.
| Тип | Формат | Контрол на рендирането | Описание |
|---|---|---|---|
| Единичен ред от текст | Имейл, текст, URL адрес, телефон, номер | Автоматично задаване въз основа на формата | Просто поле за въвеждане. Проверката се задава автоматично въз основа на формата. |
| Няколко реда с текст | Текстова област | Текстова област | Поле за въвеждане на текстова област, което приема всички типове текстови стойности. |
| Набор от опции | няма | Радиобутони | Поле с ограничен брой предварително дефинирани стойности (както са дефинирани в базата данни). Рендира се като набор от радио бутони, с по един бутон за всяка стойност. |
| Набор от опции | няма | Падащ списък | Поле с ограничен брой предварително дефинирани стойности (както са дефинирани в базата данни). Рендира се като падащ списък за избор на стойност. |
| Две опции | няма | Квадратче за отметка | Булево поле, което приема стойност или вярно, или невярно. Рендира се като квадратче за отметка, което се избира, когато е вярно и ясно, когато е невярно. |
| Две опции | няма | Радиобутони | Поле, което приема една от само две възможни стойности (обикновено true или false). Рендира се като двойка радио бутони, като текстът за показване за всеки е дефиниран в базата данни. |
| Дата и час | Само дата | Инструмент за избиране на дата | Избор на дата, за да изберете дата от показване на изскачащ календар. Не приема време. |
| Дата и час | Дата и час | Инструмент за избиране на дата и час | Избор на дата и час, за да изберете дата от изскачащ календар и час от падащ списък. |
| Справочно поле | няма | Справка | Справочното поле е свързано с определен тип обект, което ви позволява да добавите падащ списък с опции, които са създадени предварително във вашия формуляр. Повече информация. |
Полета за справка
Справочното поле е свързано с определен тип обект, което ви позволява да добавите падащ списък с опции, които са създадени предварително във вашия формуляр. Например можете да използвате справочно поле, наречено "Валута", за да покажете падащ списък на всички валути във вашия формуляр.
След като добавите справочно поле или ако справочното поле не работи, уверете се, че използваният потребител на услугата има разрешения за конфигуриране на обектите, които използвате с справочното поле. Разширяемата роля на потребителя на маркетингови услуги, използвана от редактор на формуляри, трябва да има достъп за четене до обекта, използван в справочното поле. Също така трябва да разрешите Направете справочните данни публично видими в свойствата на справката. Всички стойности в справката са достъпни за всеки, който вижда формуляра. Уверете се, че чувствителните данни не са изложени на обществеността. Повече информация: Добавяне на справочни полета.
Проверка на формуляр
Процесът на валидиране се стартира автоматично, след като се публикува чернова на формуляр или след като се запише жив, формуляр за редактиране . Проверката проверява съдържанието на формуляра и може да спре публикуването, ако бъдат открити грешки при блокиране , или може да покаже предупреждения за потенциални проблеми.
Можете да стартирате процеса на проверка на формуляра ръчно с помощта на бутона Проверка на съдържанието .
Грешки, които блокират публикуването на формуляри
Следните условия предотвратяват публикуването на формуляри и показват съобщение за грешка:
- Включен ли е бутон "Изпрати"?
- Полетата на формуляра свързани ли са с редактируем атрибут?
- Формулярът съдържа ли дублирани полета?
- Формулярът включва ли всички атрибути, изисквани от стратегията за съвпадение (имейл поле по подразбиране)?
- Зададена ли е целевата аудитория?
Предупреждения, които не спират публикуването на формуляри
Следните условия не пречат на публикуването на формуляри. Показва се предупредително съобщение:
- Формулярът включва ли всички полета, свързани с атрибути на избран обект, които са задължителни за създаване или актуализиране на запис?
- Всички задължителни атрибути ли са означени като задължителни = "задължителни" в HTML?
Разширено персонализиране на формуляри
За да отворите HTML редактора и да покажете изходния код на формуляр, изберете бутона HTML в горния десен ъгъл.
- Customer Insights - Journeys формуляри могат да бъдат рендирани с помощта на JavaScript API, което ви позволява да заредите формуляра динамично.
- Можете да инжектирате маркетингов формуляр в приложение за реагиране.
- Също така е възможно да разширите събития на формуляри като formLoad, formSubmit и т.н.
- Има и други възможности за персонализиране на вашите формуляри. Научете повече
Персонализиране на формуляр CSS
Можете да промените дефинициите на класовете CSS в HTML редактора. Редактирането CSS ви позволява да постигнете по-усъвършенствани персонализации на дизайна в допълнение към възможностите в редактор на формуляри.
Добавяне на персонализиран JavaScript към вашия формуляр
Важно
С Customer Insights - Journeys версия 1.1.38813.80 или по-нова, можете да добавите JavaScript код в <body> секцията на HTML. Ако добавите JavaScript в <head> секцията, той автоматично се премества в горната част на секцията <body> . Етикетът <script> се преименува <safe-script> автоматично, за да се предотврати изпълнението на скрипт в редактор на формуляри. След това тагът <safe-script> автоматично се преименува обратно <script> на в окончателната форма HTML, обслужван от скрипта formLoader.
Важно
С Customer Insights - Journeys версия , по-стара от 1.1.38813.80, можете да добавяте персонализиран JavaScript код само към секцията на изходния <head> код на HTML, като използвате HTML редактора. Ако кодът JavaScript е поставен в секцията <body> , редактор на формуляри автоматично премахва кода без предупреждение.
Всички onEvent HTML атрибути, които задействат изпълнението на JavaScript код като onClick или onChange автоматично се дезинфекцират (премахват се от кода).
Следният пример не се поддържа:
<button onClick="runMyFunction()">
Както е показано в примерите по-долу, можете да поставите EventListeners вътре в кода на JavaScript, за да задействате изпълнението на функциите на JavaScript.
Пример 1: Актуализиране на стойността на формулярното поле, като се използват стойности на други формулярни полета
В този пример се създава скрипт, който комбинира стойностите на полетата собствено име и фамилно име в пълното име.
<script>
const firstName = document.getElementById("firstname-1679394382894"); // The field ID is unique in each form, make sure you replace it with the correct value.
const lastName = document.getElementById("lastname-1679335991544"); // The field ID is unique in each form, make sure you replace it with the correct value.
const fullName = document.getElementById("fullname-1679394390062"); // The field ID is unique in each form, make sure you replace it with the correct value.
firstName.addEventListener('change', updateFullName);
lastName.addEventListener('change', updateFullName);
function updateFullName() {
fullName.value = firstName.value + ' ' + lastName.value;
}
</script>
Пример 2: Попълване на скрито поле със стойност на параметър UTM от URL адрес
UTM източниците предоставят важна информация за това откъде идват новите ви потенциални клиенти. Този примерен скрипт извлича параметъра UTM източник от URL адрес и го попълва в стойността на скрито поле.
- Създайте нов персонализиран атрибут на вашия водещ обект, наречен "UTM източник" с логическото име
utmsource. - Създайте нов формуляр с "олово" като целева аудитория. Можете да видите персонализирания атрибут "UTM източник" в списъка с полета.
- Добавете полето източник UTM към платното и го задайте като скрито в свойствата на полето.
- Отворете HTML редактора.
- Поставете следния скрипт в раздела за тяло. Уверете се, че сте поставили правилния ИД на поле в кода.
<script>
document.addEventListener("d365mkt-afterformload", updateUTMSourceField());
function updateUTMSourceField() {
const formField = document.getElementById("utmsource-1679335998029"); // The field ID is unique in each form, make sure you replace it with the correct value.
const urlParams = new URLSearchParams(window.location.search);
const utmSource = urlParams.get('utm_source');
formField.value = utmSource;
console.log(utmSource); // for debug only, can be removed
}
</script>
Можете да използвате повторно този пример, за да обогатите потенциалните си клиенти с повече UTM параметри като utm_campaign, utm_medium, utm_term utm_content.
Интегриране на капча по избор във формуляра
Можете да интегрирате персонализирани услуги за защита на captcha ботове като Google reCAPTCHA във вашия формуляр.
Персонализирана проверка върху сървъра на подаването на формуляр
Възможно е да се изгради персонализирана проверка на подаването на формуляри, която предотвратява обработката на подаване на формуляри. Той показва съобщение за грешка на потребителя, който се е опитал да подаде формуляра. Можете да намерите вдъхновение за тази бек-енд валидация в статията за интегриране на custom captcha, където формулярът прави back-end валидиране, за да оцени резултата от captcha предизвикателство.