Като собственик на уебсайт, винаги трябва да търсите нови начини да направите формулярите си по-интуитивни и интерактивни. Има много неща, които могат да направят вашите формуляри да се открояват и да бъдат ефективни за вашия уебсайт.

В тази статия ще научите как да добавите плъзгач за диапазон от числа във форма на вашия уебсайт. Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог 

След това обратно към защо сме тук. 

Трябва да се отбележи, че добавянето на поле за плъзгач на диапазон към вашите формуляри увеличава ангажираността на потребителите и ви помага да получите ефективна реакция. С помощта на плъгина за WordPress Форми на Еверест, можете лесно да създадете WordPress форма с такъв плъзгач.

Everest Forms е невероятен първокласен плъгин за изграждане на формуляри за WordPress, обичан от много потребители на WordPress за създаването на лесни и професионални формуляри.

Този плъгин предлага много функции за подобряване на вашето изживяване във формулярите. Той предлага списък с опции за полета на формуляра и едно от тези полета е полето Плъзгач за плаж.

Стъпка 1: Създайте нов формуляр

След като инсталира Формите на Еверест на вашия уебсайт можете да започнете да създавате нова форма. - Открийте нашето ръководство за Как да инсталирате плъгин в WordPress -

За да направите това, отидете на Форми на Еверест → Добавяне на нови и изберете шаблон на формуляр, който ви подхожда.

Стъпка 2: Добавете плъзгача за диапазон в конструктора на формуляри

След като сте избрали шаблон на формуляр и сте го наименували, ще можете да видите конструктора на формуляри. Тук можете плъзгане и пускане лесно полетата на формуляра, от които се нуждаете.

Открийте и нашето 10 WordPress плъгини за подобряване на количката на WooCommerce

Освен това можете да намерите полето Плъзгач на плажа -Плъзгач за обхват- в раздела Разширени полета. За да добавите полето към вашия формуляр, можете просто да плъзнете и пуснете полето в дясната страна на конструктора на формуляри.

Стъпка 4: Конфигурирайте настройките на полето за плъзгача за диапазон

След това трябва да конфигурирате настройките на полето. Параметрите ви позволяват да промените стойността на плъзгача, стила на плъзгача и др. За това кликнете върху плъзгача за диапазон и можете да видите опциите на полето -Опции на полето- .

В полеви опции, можете да видите всички параметри на полето като етикет, описание и задължителни. Освен това има повече настройки за това поле, които са:

• Стъпка: Тази опция ви позволява да въвеждате диапазони от конкретни числа.
• Мин / Макс: Тази опция ви позволява да зададете минималните и максималните стойности според вашите нужди. Ако не зададете сами минималните / максималните стойности, настройките по подразбиране ще бъдат от 0 до 100.

Разширени опции на плъзгача:

Ако превъртите надолу в настройките, ще видите разширените настройки за полето Range Slider. Тези настройки ви позволяват да промените външния вид на плъзгача, който предлага опции като:

• Кожа: Тази опция ви позволява да изберете визуален стил за плъзгача. С други думи, можете да промените външния вид на плажния плъзгач според вашия вкус. Имате шест опции: плоска, голяма, модерна, остра, кръгла и квадратна
• Цвят на дръжката на плъзгача: тази опция ви позволява да промените цвета на дръжката на плъзгача.
• Цвят на подчертаване на плъзгача: тази опция ви позволява да промените цвета на подчертаването на курсора.
• Цвят на пистата на плъзгача: тази опция ви позволява да промените цвета на плъзгача.

По-разширени настройки

• Показване на мрежата за плъзгача: Можете да използвате тази опция, за да покажете решетката на диапазона на плъзгача. Това улеснява потребителите при избора на стойност.
• Показване на префикс / постфикс на плъзгача: Активирането на тази опция показва текста на префикса и постфикса на курсора. Ако все още не сте ги дефинирали, се показват минималните / максималните стойности.
• Използвайте текстове за префикс и постфикс: Можете да активирате тази опция, ако искате да покажете текстовете за префикса и постфикса на полето. След като активирате тази опция, ще можете да дефинирате текстовете по-долу.
• Показване на входа на плъзгача: Активирането на тази опция показва въвеждането на плъзгача на потребителя от дясната страна на плъзгача. Стойността, избрана от потребителя, се показва в полето отстрани.
• Стойност по подразбиране: Тази опция ви позволява да зададете стойността по подразбиране на плъзгача за диапазон.

След като приключите с разширените настройки, можете enregistrer формуляра и го публикувайте на вашия уебсайт. След като потребителите попълнят вашия формуляр и го изпратят, можете да видите резултатите. Ето как може да изглежда вашето поле.

Резюме:

Следователно можете да използвате приставката WordPress Форми на Еверест за да добавите поле за плъзгач за диапазон към вашите формуляри. С това поле във вашите формуляри можете да увеличите взаимодействието на потребителите и да събирате ефективни данни за вашия уебсайт.

Можете също да използвате Elementor визуален конструктор на страници за постигане на същия резултат.

Открийте и някои премиум приставки за WordPress  

Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.

Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.

1. Easy Custom JS и CSS 

Тази първокласна приставка за WordPress е мощен CSS и Javascript кодов редактор, който ви позволява да добавяте такива към всяка секция на вашия уебсайт. Тя ви позволява да запазите вашите персонализации дори след голяма актуализация на вашата тема на WordPress.

Имате възможност да ограничите полето на използване на вашия персонализиран код. Например можете да използвате кода си само за статия с видео формат.

Вижте нашите статии на Как да изисквате приемане на условията за ползване в WordPress

Или можете да ограничите кода си до конкретна тема на WordPress; Кое е полезно, ако в момента променяте теми за вашия блог на WordPress.

Изтегляне | демонстрация | уеб хостинг

2. CSS3 Вертикални таблици за ценообразуване в мрежата

Понякога оформлението на колоните не е подходящо за информацията, която се опитвате да предадете. Ако това е вашият случай, тогава този плъгин може да бъде решението, което търсите. С таблиците за вертикални цени на CSS3 таблиците се показват като вертикално подредени редове вместо хоризонтално разположени колони, както е обичайно.

Подобно на някои други приставки, CSS3 вертикалните таблици за уеб цени са базирани на CSS3 и HTML5. Можете да създадете неограничен брой таблици, въпреки че плъгинът предлага само 10 различни изяви, PSD изходни файлове също са включени.

Вижте също 9 WordPress плъгини за персонализиране на таблото

Другите му допълнителни функции са: уникални ефекти с анимации върху курсора над курсорите, персонализираща се ширина на колоната, поддръжка за HTML, поддръжка за къси кодове и много други.

Изтегляне | демонстрация | уеб хостинг

3. Quack Chat Chat Live Chat System

Quack Chat е първокласен плъгин за WordPress, който лесно се интегрира във вашия уебсайт и предоставя удобен за потребителя интерфейс за вашите клиенти. Това е онлайн чат, който може да се използва от всеки компютър или мобилно устройство.

Като функционалност той предлага наред с други: поддръжка за незабавни известия чрез съобщения или имейли, система за звуково известяване, автоматично архивиране (история) на чатове, лесен за употреба контролен панел, променлив прозорец за чат, автоматично и персонализиращо се поздравително съобщение, поддръжка за автоматично превъртане на страницата за чат и др ...

Изтегляне | демонстрация | уеб хостинг

Препоръчителни ресурси

Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.

• Теми на WordPress: пълното ръководство
• Как се пишат математически уравнения в WordPress
• Как да проследявате реализациите в WordPress: Ръководство стъпка по стъпка
• 10 WordPress WooCommerce приставки, които да използвате във вашия блог

Заключение

Тук ! Това е всичко за този урок, сега знаете как да добавите Beach Slider във формуляр на WordPress. Не се колебайте споделяйте с приятелите си в любимите си социални мрежи. 

Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.

Ако имате предложения или забележки, оставете ги в нашия раздел Връзка.

...