Как да добавите формуляр за връзка в Slide-Out на WordPress

Искате ли да добавите контактна форма, която се плъзга във вашия WordPress блог?

Ако вашият бизнес иска да привлече нови потенциални клиенти чрез формата за контакт на уебсайта ви, един от най-добрите начини е да направите формата си за контакт по-видима.

В този урок ще ви покажем как да добавите формуляр в WordPress, без да дразнете потребителите си.

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

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

Защо да добавите анимирана форма за контакт в слайд на WordPress?

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

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

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

Прочетете и нашето ръководство на: Блогъри: Не пишете 1000 думи, а просто използвайте изображение

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

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

Нека да разгледаме как да създадете контактна форма, която се плъзга върху WordPress.

Добавяне на ексклузивна форма за контакт в WordPress

За този урок, ще трябва да WPForms. Това е един от най-добрите плъгини за контактни форми на WordPress на пазара.

Можете да използвате безплатната версия на приставката за формуляр за контакт WPForms, ако не се нуждаете от всички премиум функции.

Вие също ще се нуждаете наOptinMonster. Това е софтуер за оптимизация на преобразуването. Помага ви да превърнете посетителите, които изоставят уебсайта ви, в клиенти. Ще ви е необходим професионалният план, който ви дава достъп до функционалността, която ще използваме в този урок.

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

Първо трябва да инсталирате и активирате приставката WPForms. За повече подробности вижте нашето стъпка по стъпка ръководство на начин за инсталиране на приставка за WordPress .

След активиране трябва да посетите „ WPForms »Добавяне на ново »За да създадете вашата форма за контакт. Това ще стартира интерфейса на генератора WPForms.

Въведете име за формата си за контакт и след това изберете модела "Изберете шаблон".

WPForms ще покаже проста форма за контакт. Ще видите визуализацията на формата в десния прозорец. Можете да кликнете върху всяко поле, за да го редактирате или да добавите нови полета от лявата колона.

След като приключите с промяната на формуляра, кликнете върху бутона Enregistrer за да запазите промените си.

Открийте и вие Как да улавяте имейл адреси с MailOptin

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

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

Стъпка 2. Създаване на слайд на OptinMonster

Сега ще създадем кампания за премахване, която показва формата за контакт, която сте създали в първата стъпка.

Първо трябва да инсталирате и активирате приставката OptinMonster. За повече подробности вижте нашето ръководство стъпка по стъпка начин за инсталиране на приставка за WordPress .

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

След активирането кликнете върху менюто OptinMonster в администраторската лента на WordPress и въведете вашия API ключ. Можете да получите тази информация от уебсайта на OptinMonster.

След като въведете лицензния си ключ, щракнете върху бутона " Създаване на нова опция В горния десен ъгъл на вашия екран.

Това ще ви отведе до уебсайта на OptinMonster.

OptinMonster предлага различни видове динамични кампании. За този урок ще използваме 'пързалка". Продължете и кликнете, за да изберете „Плъзнете вкато вид кампания.

След това трябва да изберете шаблона. OptinMonster предлага няколко готови шаблона, но ние трябва да изберем „Платноза този урок.

Веднага щом изберете шаблона, трябва да посочите име за вашата кампания. Това ще ви помогне лесно да намерите кампанията в таблото си на OptinMonster.

4 WordPress приставки за добавяне на виртуална реалност да откривам абсолютно

Сега OptinMonster ще зареди своя интерфейс за изграждане на кампании.

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

Вижте и нашите 10 премиум WordPress плъгини за създаване на портфейли в блога ви

Отляво ще забележите различни раздели. В раздела "Общи настройки на Optin", Трябва да въведете URL адреса на уебсайта си под"Уебсайт на кампанията Optin".

След това трябва да преминете къмOptIn". Тук можете да изберете цветовете, височината и ширината на вашия избор.

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

Прочетете и нашата статия на 5 WordPress плъгини за създаване на членска област

След това трябва да превъртите надолу до „ Canvas персонализиран HTML И въведете краткия код на WPForms, който сте копирали по-рано.

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

Вече можете да кликнете върху бутона „Запазване“ в горната част, за да запазите настройките си и след това върху бутона „Публикуване“.

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

Стъпка 3. Показване на формата за контакт в WordPress

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

Открийте и това 10 WordPress Форма за контакт 7 Приставки, които вероятно пренебрегвате

Продължете и посетете страницата OptinMonster във вашата административна област на WordPress. Виждате наскоро създадената си скорошна кампания.

Трябва да кликнете върху връзката „Редактиране на настройките за изход“, за да решите как искате да го покажете на вашия сайт.

На следващия екран не забравяйте да поставите отметка в квадратчето до „Да активирате optin на уебсайта?". OptinMonster ви позволява да изберете кой може да види оптин. Можете също така да изберете конкретна област от вашия уебсайт, за да се покаже опцията.

Не забравяйте да кликнете върху бутона Запазване на настройките за да запазите промените си.

Вижте също: 5 премиум приставки за популяризиране на съдържание във вашия блог на WordPress

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

По подразбиране кампанията за премахване се показва 5 секунди след зареждането на страницата. OptinMonster обаче ви позволява да промените и това.

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

Прочетете още: 10 WordPress плъгини за добавяне на чат на живо в блога ви

Например можете да покажете формуляра, когато потребителят е изминал 50% от страницата, когато потребителят е на път да напусне страница и много други.

Изтеглете Optinmonster

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

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

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

1. LatePoint

Омръзнало ви е от сложни приставки за резервации, чиято настройка отнема завинаги, а понякога дори веднъж го направите - това забавя целия ви уебсайт и ви кара да загубите потенциални клиенти?

Премиумният приставка за WordPress LatePoint идва на помощ, като ви помага да интегрирате проста и интуитивна система във вашия уебсайт. управление на срещи, което говори с вашите клиенти и прави планирането на среща невероятно лесно само с няколко кликвания. Инсталира се за по-малко от 5 минути и предлага опции за връзка чрез социалните мрежи.

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

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

2. Algori Социални бутони за споделяне Pro

Новият премиум WordPress плъгин Algori Social Share Buttons Pro ви позволява лесно да добавяте бутони за споделяне на социални медии към вашия уебсайт.

Добавянето на тези популярни бутони за социално споделяне улеснява посетителите на уебсайта ви да популяризират и споделят съдържанието ви с приятелите си. Което ще увеличи вашата SEO, ще повиши ангажираността на потребителите.

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

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

3. Pro персонализирана Admin

Приставката WordPress premium Pro Custom Admin ви позволява лесно да персонализирате страниците за регистрация и влизане на вашия уебсайт или да създадете страница за поддръжка.

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

Изтегляне | Демо | уеб хостинг

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

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

Заключение

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

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

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

...