1. Начало
  2. Сайт билдър
  3. Как да добавим изскачащ прозорец (Pop-up) в сайта си?

Как да добавим изскачащ прозорец (Pop-up) в сайта си?

Изскачащите прозорци, или така наречените попъпи (Pop-ups), са вид онлайн реклама, която най-често се генерира с помощта на Java Script. Те са предназначени да привличат вниманието на посетителите на сайта, когато искате да ги запознаете с настояща промоция или да ги информирате за нещо важно, свързано с Вашия бизнес.

Сайт билдър разполага с тази екстра, за да направи сайта Ви още по-атрактивен и стойностен за потребителите. 

Нека видим как работят и как можете да ги оформите.

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

Щом достъпите администрацията на сайта си, кликнете върху бутона Табло в горния ляв ъгъл и изберете секция Изскачащи прозорци.
Щом достъпите администрацията на сайта си, кликнете върху бутона Табло в горния ляв ъгъл и изберете секция Изскачащи прозорци.
Когато видите този прозорец, натиснете върху опцията +Направете изскачащ прозорец.
Когато видите този прозорец, натиснете върху опцията +Направете изскачащ прозорец.

Кликнете върху бутона „Направете изскачащ прозорец”, за да създадете желания попъп. Въведете заглавие и URL адрес. Препоръчваме Ви да изпишете URL адреса на латиница, тъй като ще бъде въведен автоматично на избрания от Вас език след изписване на заглавието. Натиснете бутона „Създаване”, за да започнете да стилизирате изскачащия прозорец. 

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

Ще можете да оформите прозореца с помощта на полето за редакция на сайта. Оттам имате възможност да добавяте текст, изображения, бутон, икони и всички необходими елементи за неговата визия с помощта на опцията Drag & drop. Използвайте черните контролери в четирите му страни, за да регулирате размера на прозореца. 

По този начин изглежда празният изскачащ прозорец, готов за стилизиране.
По този начин изглежда празният изскачащ прозорец, готов за стилизиране.
Започнете да добавяте блокове или елементи, които искате да присъстват във Вашия изскачащ прозорец. Всичко се случва бързо и лесно с помощта на опцията Drag & drop.
Започнете да добавяте блокове или елементи, които искате да присъстват във Вашия изскачащ прозорец. Всичко се случва бързо и лесно с помощта на опцията Drag & drop.
Оформете изскачащия прозорец, като включите в него всички необходими елементи – изображение, текст, бутони, икони, препратки и др.
Оформете изскачащия прозорец, като включите в него всички необходими елементи – изображение, текст, бутони, икони, препратки и др.

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

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

За да персонализирате стила на изскачащия прозорец, отворете менюто „Настройки”, скрито зад иконата на зъбно колело в горния десен ъгъл в полето за редакция. Там ще откриете различни опции за стилизиране като:

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

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

Правилата за активиране са тези, които правят изскачащия прозорец видим на сайта Ви. Попълнете всички полета коректно. Ще разгледаме отделните правила едно по едно.

Падащият списък съдържа следните възможности:

  1. E – Изскачащият прозорец ще се показва само на посочената от Вас страница в сайта.
  2. Не е – Ще се покаже във всички страници в сайта, без посочената.
  3. Започни с – Ще се визуализира на всички страници в сайта, чийто URL адрес започва с една и съща дума (псевдоним) след първата наклонена черта, например: mysuperwebsite.bg/design/video или mysuperwebsite.bg/design/photography
  4. Приключи с – Ще се покаже на всички страници в сайта, чийто URL адрес завършва с една и съща дума (псевдоним)  в самия край на адреса, например: mysuperwebsite.bg/services/promo
  5. Съдържа – Изскачащият прозорец ще бъде видим на всички страници, съдържащи добавените от Вас псевдоними след наклонената черта.
  6. Не съдържа – Ще бъде скрит за всички страници, съдържащи конкретен псевдоним. 
Вижте всички правила за активиране на изскачащия прозорец и изберете това, което отговаря на Вашите цели.
Вижте всички правила за активиране на изскачащия прозорец и изберете това, което отговаря на Вашите цели.

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

Не пропускайте да отбележите суич бутона за активация на настройките. След това натиснете Запазване.
Не пропускайте да отбележите суич бутона за активация на настройките. След това натиснете Запазване.

Това е всичко.

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

Обновена: 12.04.2022

Беше ли Ви полезна тази статия?

Вижте още