Искате ли да знаете как да създадете a форма в няколко стъпки с Elementor ?
Знаете ли Typeform? Той е създател на форми популярна онлайн платформа, добре известна със своя интерактивен стил. Във Typeform можете да създадете a форма интерактивен многоетапен онлайн за широк спектър от цели.
Ако имате уебсайт, базиран на WordPress, задвижван от Elementor, можете без усилие да интегрирате своя форми Typeform с помощта на Essential Addons.
Вижте също: Как да добавите ценова мрежа в Elementor
Но от версия 2.9, Elementor има функция, която можете да използвате за създаване форми на няколко етапа. В тази статия ще ви покажем как да го направите с помощта наElementor.
Un форма multi-step сама по себе си е страхотна идея да спестите място във вашия дизайн (независимо дали е страница или шаблон за създаване на теми). Тя ви позволява да съкратите дълга форма в по-проста форма.
Как да създадете многоетапен формуляр в Elementor
Преди да започнете, уверете се, че сте надстроили вашия Elementor до професионалната версия, в случай че не сте го направили, тъй като приспособлението Form (приспособлението Elementor за създаване на формуляри) е достъпно само в професионалиста.
Прочетете още: Как да създадете форма за контакт в Elementor
В тази статия ще преминем направо към добавяне на приспособлението за формуляр. Формата с няколко стъпки, която ще създадем, се състои от три стъпки, както следва:
- Стъпка 1: Име и пол
- Стъпка 2: Телефон и имейл
- Стъпка 3: Радио бутон
Първо плъзнете приспособлението за формуляр в полето за редактиране на Elementor.
Отидете до панела за настройки отляво, за да направите настройките. В блока Полета на формуляра су раздела Съдържание, дефинирайте полетата според вашите нужди. В нашия случай полетата са както следва:
- Име
- Жанр
- Тел
- електронна поща
- хоби
След като приключите с добавянето и дефинирането на полетата на формуляра, от които се нуждаете, добавете друго поле и задайте типа на полето на Стъпка.
Вижте също: Как да създадете заоблено изображение в Elementor
Тази стъпка автоматично добавя ново поле в най-горния ред и ново поле отдолу. Можете да зададете етикета на горното поле на нещо като стъпка 1.
След това плъзнете долното поле и го поставете точно над полето от втората стъпка (полето Телефон в този случай).
Добавете друго поле и задайте типа на полето на стъпка. Плъзнете го и го поставете точно над полето в третата стъпка (полето Хоби в този случай).
Така. Можете да прегледате резултата, преди да персонализирате формата. По подразбиране типът стъпка е зададен на число и текст.
Можете да редактирате от блока Параметри на стъпката под раздела Съдържание.
Можете да получите достъп до раздела Стил за да персонализирате формата си. Има 5 блока за настройка, които можете да отворите.
- Форма : можете да отворите този блок, за да определите интервала между колоните и редовете на формуляра, типографията (семейство шрифтове, размер на шрифта, стил на шрифта и др.) на етикетите на формуляра и цвета на текста на последната .
- Полетата : Можете да отворите този блок, за да определите типографията на полетата на формата, цвета на текста на полетата, фона, ширината на границата, цвета на границата и радиуса на границата.
- Бутон: Можете да отворите този блок, за да персонализирате бутоните. Независимо дали става въпрос за бутона за изпращане, предишния или следващия бутон. Можете да дефинирате елементи като типографията на текста, цвета на текста, цвета на фона и т.н.
- Съобщение: Можете да отворите този блок, за да определите типографията на съобщенията, както и цвета на текста.
- Стъпки: Можете да отворите този блок, за да определите типографията на стъпките, цвета, ширината на разделителя, пространството на разделителя и т.н.
След като приключите с редактирането на вашия шаблон, можете да го публикувате или актуализирате.
Прочетете още: Как да създадете раздел на член на екипа с Elementor
Ако искате да вмъкнете току-що създадения формуляр в страница на Гутенберг (или може би искате да го вмъкнете в публикация в блог), можете да запазите приспособлението за формуляр като глобално приспособление. След това можете да импортирате приспособлението с помощта на приставката Елементарни блокове за Гутенберг.
Вземете Elementor Pro сега!
Заключение
Тук ! Това е за тази статия, която ви показва как да създадете многоетапна форма с Elementor. Ако имате някакви притеснения как да стигнете до там fуведомете ни в Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...