Искате ли да създадете многоетапен формуляр или искате да създадете многостраничен формуляр в WordPress? Това Урок за WordPress ти обяснява всичко ?
Ако искате да създадете формуляри на уебсайта си, които се справят добре, формулярите с много страници са правилният начин. Разпределени на множество страници, те се борят с умората и увеличават ангажираността на потребителите.
В тази статия ще ви покажем как да създадете многостраничен формуляр в WordPress, за да можете да получите повече реализации.
Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Но защо да използвате многостранични формуляри в WordPress?
Защо да добавяте многостраничен формуляр в WordPress?
Както споменахме по-горе, многостраничните формуляри са разделени на няколко страници. Добавянето на повече стъпки към формуляр може да изглежда противоинтуитивно, но всъщност може да увеличи процентите на преобразуване на формуляра.
Многостраничните формуляри намаляват триенето за потребителите, които трябва да правят твърде много избори наведнъж. Простите опции правят всяка стъпка от формуляра по-малко тежка, а лентите за напредък насърчават потребителите да продължат и да попълнят формуляра.
Тъй като сте проектирали формуляра си, за да подобрите степента на завършване, е по-малко вероятно да изпитате изоставяне на формуляра. И с използването на условна логика, можете да обслужвате различни страници на потребителите въз основа на техните отговори, което ще улесни събирането на необходимата информация.
Сега, когато знаете защо използването на формуляри с много страници е идеално за потребителски опит, Нека да преминем към създаване на формуляр в WordPress.
Как да създадете многостраничен формуляр в WordPress
В този урок ще използваме WPForms за създаване на многостранични формуляри в WordPress. WPForms е най-добрият плъгин за създаване на формуляри за плъзгане и пускане на WordPress. И с над 3 милиона активни инсталирания, това е най-удобният за начинаещи инструмент.
Най-хубавото е, че има както безплатна, така и платена версия, но днес ще използваме Pro версията на WPForms, за да създадем формуляр с няколко страници в WordPress.
Прочетете и нашето ръководство за Как да персонализирате формулярите на WPForms с Elementor
Така че нека започнем с първата стъпка, която е да създадем нов формуляр.
Стъпка 1: Създайте нов формуляр в WordPress
Първото нещо, което трябва да направите, е да инсталирате и активирате WPForms плъгин. Ако не знаете как, можете да следвате това ръководство стъпка по стъпка за да инсталирате WordPress плъгини за начинаещи.
С WPForms можете да разделите всеки тип формуляр на множество части, така че нека да продължим и да създадем Формуляр за връзка прост.
Отидете в менюто WPForms -> Добавяне за да създадете нов формуляр и да покажете наличните шаблони.
След това на тази страница дайте име на формуляра си, въведете многостраничен Форма за контакт в полето за търсене, разположено в лявата странична лента. след това задръжте курсора на мишката върху резултата от вашето търсене и щракнете върху бутона Използвайте шаблона.
WPForms ще отвори шаблона на формуляра в конструктора на формуляри за плъзгане и пускане, за да го редактирате.
Както можете да видите, формулярът е празен, така че ще започнем да плъзгаме полета в него. Ще премахнем следните полета:
- Име
- Имейл
- Коментар или съобщение
Можете да добавите полета към формуляра, като ги плъзнете от лявата колона в дясната колона. Просто щракнете върху което и да е поле на формуляр, за да редактирате съдържанието и го плъзнете, за да пренаредите позицията му.
Ако искате да добавите повече от един Формуляр за връзка към вашия уебсайт WordPress, можете също да създадете следните типове формуляри с WPForms:
- Форма за запитване
- Формуляр за онлайн поръчка
- тип форма стил форма
- Формуляр за качване на файл
Повечето от тези типове формуляри са по-дълги от стандартните формуляри за контакт, така че разделянето им на няколко стъпки може да подобри реализациите.
Сега, когато знаете как да започнете, нека се научим как да разделяме формата си на части.
Стъпка 2: Разделете формата си на части
След като персонализирате формуляра си и добавите полетата, от които се нуждаете, добавете полето Прекъсване на страницата за да разделите формуляра си на различни страници.
За да направите това, погледнете отдолу заглавката на Sophisticated Fields и плъзнете полето на формуляра Прекъсване на страницата в десния панел.
Пуснете полето във формуляра си, където искате да се раздели.
Повторете това за всеки раздел, където искате да разделите формуляра си на друга страница. Оттам продължете да персонализирате формуляра си, като добавите полетата, от които се нуждаете, за да го попълните.
Въпреки че WPForms ви позволява да добавяте толкова формуляри, колкото искате, от решаващо значение е да избягвате затрупването на потребителите с твърде много информация. Това може да ги накара да изоставят вашата форма, което е обратното на това, което искате да постигнете.
Стъпка 3: Персонализирайте лентата за напредък на формуляра си
За да увеличите потока на вашия формуляр, можете да добавите лента за напредък. Лента за напредъка показва на хората различните части на формуляра ви и е чудесен визуален индикатор за това колко работа остава да се свърши.
WPForms се предлага с 3 различни индикаторни ленти за напредък за формуляри с много страници, които са както следва:
- конектори – Свързващи ленти и заглавия на страници за всяка стъпка от вашия формуляр.
- Кръгове – Номерирани кръгове и заглавия на страници за всяка стъпка от формуляра.
- Лента за напредъка – Индикатор за напредъка на потребителя, докато попълват стъпките на формуляра.
За да промените лентата за напредък и заглавието на страницата на първата страница от вашия многостраничен формуляр, щракнете върху полето Пауза на първа страница.
След това ще видите нов панел, където можете да изберете вида на напредъка за вашия формуляр. В тази област можете също да промените цвета, използван за подчертаване на индикатора за напредък, ако желаете.
Ако изберете опциите кръгове ou конектори, можете също да редактирате заглавието на страницата. Това помага на потребителите да знаят в коя част от формуляра се намират, за да не се изгубят. Но ако предпочитате да не го правите, на потребителите ще се покаже стандартна лента за напредък, за да ги напътства при попълването на вашия формуляр.
След това можете да редактирате бутона Page suivante и текст, който отвежда потребителите към следващата страница на вашия формуляр.
За да направите това, щракнете върху бутона Напред на вашата страница, можете да промените етикета на бутона в лявата колона.
Освен това можете да добавите бутон Назад чрез активиране на превключвателя Вижте предишната. По този начин потребителите ще могат да се върнат, ако са забравили да добавят информация.
Когато приключите с персонализирането на лентата за напредък, щракнете Enregistrer и преминете към следващата стъпка.
Стъпка 4: Редактирайте настройките на формуляра
Сега нека преминем към промяна на настройките на формуляра. За да направите това, отидете на Настройки -> Общи.
В този раздел можете да зададете следните опции:
- Име на формуляра – Дайте на формуляра си ново име, ако желаете.
- Описание на формуляра – Добавете описание към вашия формуляр за справка.
- Изпратете текст на бутона – Редактирайте текста на бутона за изпращане.
- Активирайте защитата от спам – Активирайте опцията против нежелана поща, за да предотвратите изпращането на нежелани съобщения от разпространителите на спам.
Когато вашите настройки са конфигурирани, щракнете Enregistrer.
Стъпка 5: Задайте вашите известия за формуляри
Настройки за уведомяване в WPForms, изпращане на имейл, когато формуляр е изпратен на вашия уебсайт WordPress.
Можете да намерите настройките за уведомяване, като щракнете Настройки -> Известия.
Ако не изключите известията за формуляри, ще получавате имейл за всеки формуляр, изпратен на вашия уебсайт.
От друга страна, можете да използвате интелигентни тагове, за да изпратите имейл до хора, които попълват вашия формуляр. Интелигентните тагове са чудесен начин да ги уведомите, че формулярът им е попълнен правилно и че сте го получили.
Още по-добре е да използвате тази функция за дълги формуляри с множество стъпки, тъй като попълването им може да отнеме повече време. Освен това спестява потребителите от лутане, ако всичко е минало добре. За повече помощ можете вижте документацията за настройка на известия от формуляри ICI.
Когато приключите с настройката на вашите известия, преминете към настройката на съобщението за потвърждение на формуляра.
Стъпка 6: Задайте съобщение за потвърждение на формуляра
Съобщенията за потвърждение на формуляри са кратки съобщения, които се показват на потребителите, когато са изпратили формуляр на вашия уебсайт. Това е чудесен начин да уведомите хората, че формулярът им се обработва и какви стъпки да предприемат.
Има 3 типа съобщения за потвърждение в WPForms, които са:
- Събщение – Просто съобщение, информиращо потребителите, че техният формуляр е изпратен.
- Показване на страницата – Изпращане на потребители към друга страница, като например страница за благодарност, след като изпратят своя формуляр.
- Отидете на URL (пренасочване) – Изпратете посетителите на уебсайта към друг уебсайт след подаване на формуляр.
За да конфигурирате вашето съобщение за потвърждение, щракнете Настройки -> Потвърждение.
След това изберете типа съобщение, което искате да покажете на посетителите си, след като попълните формуляра си. За този урок ще изберем Събщение.
Сега персонализирайте текста на съобщението според вашите нужди и кликнете върху Enregistrer когато си доволен.
Вече сте готови да добавите своя формуляр към WordPress.
Стъпка 7: Добавете вашия формуляр към WordPress
След като създадете своя многостраничен формуляр, е време да го добавите към вашия уебсайт на WordPress. С WPForms можете да добавите своя формуляр към много области на вашия уебсайт. Това могат да бъдат страници, публикации, странични ленти и всякакви други области, готови за джаджи.
Нека да видим как да добавите своя многостраничен формуляр към страница на WordPress.
За да започнете, отидете до вашата администраторска област на WordPress и щракнете Страници -> Добавяне.
След това щракнете върху иконата плюс в редактора на WordPress, за да добавите нов блок за съдържание. В полето за търсене въведете WPForms, за да го намерите лесно.
Сега кликнете върху блока WPForms, за да го добавите към вашата страница.
Когато WPForms се появи във вашия блок, щракнете върху стрелката за падащо меню, за да изберете вашия многостраничен формуляр от списъка и да го вмъкнете във вашата страница.
Веднага след като бъде избран многостраничният формуляр, той ще се появи на вашата страница.
И това е всичко ! Научихте как да създадете многостраничен формуляр.
Други препоръчани ресурси
Също така ви каним да се консултирате с ресурсите по-долу, за да отидете по-далеч в управлението на вашия уебсайт и блог.
- Как да използвате различни фон в WordPress
- Как да управлявате URL адресите на изображенията на вашия блог на WordPress
- Как да настроите CloudFlare CDN за вашия WordPress блог
- Измами с PayPal: Как да ги разпознаем?
Заключение
Там ! Това е всичко за този урок. Надяваме се, че тази статия ви е помогнала да научите как да създадете многоетапен или многостраничен формуляр.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
Но междувременно не забравяйте да ни оставите своите Връзка и предложения в специалния раздел.
...