Ochilgan oyna nima. HTML: O'z PopUp oynangizni yarating

Bu ma'lum fakt: ko'pchilik tashrif buyuruvchilar onlayn-do'konning mahsulot sahifasiga birinchi marta tashrif buyurganlarida xarid qilmaydilar yoki hatto etakchini qoldiradilar - lekin bu ko'pchilik qanchalik katta?

SeeWhy kompaniyasi tadqiqotiga ko'ra, bu resursga birinchi marta tashrif buyurganlarning 99 foiziga tegishli. Albatta, biz birinchi navbatda elektron tijorat saytlari haqida gapiramiz, lekin hali ham savol tug'iladi: agar tashrif buyuruvchilarning 99 foizi birinchi tashriflarida hech narsa sotib olmasalar, ularni qanday qilib qaytishga undash kerak?

Yaxshi xabar - bu quyidagi statistik ma'lumotlar: 75% tashrif buyuruvchilar hali ham xaridni yakunlash uchun keyinroq qaytishga tayyor.

Qalqib chiquvchi oynalar haqida qanday fikrda bo'lishingizdan qat'i nazar, ushbu marketing usuli e'tiborni jalb qilish va aloqa ma'lumotlarini yig'ish (etakchi avlod) uchun hali ham samarali.

Oddiy qilib aytganda, qalqib chiquvchi oynalardan foydalanish tashrif buyuruvchini ochilish sahifasiga qaytarishning eng tezkor usuli hisoblanadi.

Nega?

Bu "naqshli uzilish" deb nomlanuvchi ishontirish texnikasini o'z ichiga oladi, bunda ma'lum bir ritm yoki hikoyaning ketma-ketligi bilan bo'shashgan sizning e'tiboringiz to'satdan kutilmagan narsaga tajovuzkorlik bilan jalb qilinadi. Ko'pincha filmlar, komediya ko'rsatuvlari va hatto muhim muzokaralar paytida bunday ta'sirga duch kelasiz.

Kontent va elektron pochta marketingi haqida gap ketganda, o'quvchi allaqachon muammoni hal qilishga va o'zaro aloqani davom ettirishga (axborot byulleteniga obuna bo'lish, xarid qilish va h.k.) sodiq bo'lsa, "naqshli uzilish" eng samarali hisoblanadi.

Made.com xizmatidan misol. Marketologlar o'z tashrif buyuruvchilarga oddiygina arzimas narsa - elektron pochta manzili uchun 10 evrolik bepul vaucherni taklif qilishdi. Bu amalga oshirildi, chunki:

ExactTarget ma'lumotlariga ko'ra, elektron pochta mijozlar uchun eng ko'p afzal qilingan marketing kanalidir, chunki iste'molchilarning 77% brend bilan o'zaro aloqaning boshqa kanallaridan elektron pochtani afzal ko'radi.

Ehtimol, qalqib chiquvchi oynalar unchalik yomon emasdir?

Ehtimol, siz qalqib chiquvchi oynalardan nafratlanasiz va siz buni qilishga haqlisiz. Albatta, kim ochilish sahifasiga kirgandan so'ng darhol shunga o'xshash narsani ko'rishni xohlaydi:

Yoki bu:

Siz kompaniyaning faoliyat sohasi haqida ham bilmasligingiz mumkin, lekin siz allaqachon qalqib chiquvchi oynalarda bo'yningizga yopishgansiz. Yuqoridagi misollar muvaffaqiyatsiz: birinchi navbatda, tashrif buyuruvchi brend haqida ko'proq ma'lumot olishni xohlaydi, keyin esa "Trafikni yaratish bo'yicha bepul qo'llanma", "Bepul elektron kitob" va hokazolarni yuklab olishni xohlaydi. Albatta, ko'pchilik foydalanuvchilar bunday narsalarni yomon ko'radilar va brend bilan keyingi aloqani rad etish orqali javob bering.

Ehtimol, siz biroz sovib, test natijalariga qarashingiz kerak. Raqamlar nima deydi? Bu erda qalqib chiquvchi oynaning bo'lingan testi va qalqib chiquvchi taklifdagi "Yo'q, rahmat" tugmasi ma'lumotlari.

Ta'sirlimi? Keyin ushbu yondashuvdan samarali foydalanadigan kompaniyalarning natijalarini ko'rib chiqamiz.

1. Qalqib chiquvchi oynalar bilan ishlash tajribasi

Oddiy bir kunda WP Beginner xizmati 70-80 ga yaqin yangi obunachilarni qabul qiladi. turli usullar qo'rg'oshin avlodi. Lekin obuna bazasi qanchalik katta bo'lsa yanada muvaffaqiyatli biznes, shuning uchun xizmat sotuvchilari qalqib chiquvchi oynalar bilan tajriba o'tkazishga qaror qilishdi.

Nima qilindi?

Foydalanuvchi saytni tark etmoqchi bo'lganida paydo bo'ladigan qalqib chiquvchi oyna ishlab chiqildi. Effektga kursorni kuzatish texnologiyalari va boshqa usullar tufayli erishildi. Deraza shunday ko'rinishga ega edi:

Natijalar qanday?

Asosiy sahifalarda (butun sayt emas) qalqib chiquvchi oynadan foydalanish ro'yxatga olishni 660% ga oshirdi. Ya'ni, 70-80 pog'onadan xizmat kuniga 445-470 ta etakchiga ko'tarildi - sifat jihatidan yangi bosqichga sakrash.

Keyingi holat Backlinkodan. Axborot byulleteniga obuna bo'lish taklifi bilan ochilish sahifasiga CTA qo'shgandan so'ng, konvertatsiya 1,73% ga tushdi - zudlik bilan nimadir qilish kerak edi. Kompaniyaning marketologlari ochilish sahifasini tark etishga qaror qilgan foydalanuvchilar oldida paydo bo'lgan qalqib chiquvchi oynani ishlab chiqdilar. Bu qanday ko'rinishga ega edi:

Qalqib chiquvchi oynani ishlatishdan oldin konvertatsiya tezligi taxminan 1,7% ni tashkil qilganini eslaysizmi? Qalqib chiquvchi oyna ishga tushirilgandan 2 kun o'tgach, statistika o'zgardi. Ikki kun ichida konvertatsiya darajasi 1,73% dan 4,83% gacha ko'tarildi - 2 barobardan ko'proq!

Albatta, bitta malakali test konversiyani 100, 300%, hatto 1300% ga oshirishi mumkin bo'lgan dunyoda bu tajriba natijalari oddiy ko'rinadi. Biroq, bu mutlaqo to'g'ri emas.

Birinchidan, katta obunachilar bazasi bilan sotuvchilar o'z auditoriyasiga mos tarkibni yaratishi va o'zaro savdo tizimini o'rnatishi mumkin. Shunday qilib, yuqori sotish va boshqa omillarni hisobga olgan holda, bitta kontakt xizmatni o'rtacha 15 dollarga olib keladi.

Agar qalqib chiquvchi oynalar kuniga qo‘shimcha 15 ta obunachini olib kirsa, u holda kunlik daromad o‘rtacha 225 dollarga, yillik daromad esa mos ravishda 82 125 dollarga oshadi. Sozlamalarni tekshirishning 2 daqiqasi uchun yomon daromad emas, to'g'rimi?

Shubhasiz, qalqib chiquvchi oynalarni yomon ko'radiganlar noto'g'ri edi. Ammo boshqa omillar ham bor: chiqish tezligi va qalqib chiquvchi oynalarning foydalanuvchi tajribasiga ta'siri. Bu haqda nima deyish mumkin?

2. Qalqib chiquvchi oynalar foydalanuvchi tajribasi va chiqish tezligiga qanday ta'sir qiladi?

Qalqib chiquvchi oyna haqida gapirganda, birinchi fikrlardan biri bu muvaffaqiyatsizliklar sonining ko'payishi, chunki ko'proq odamlar qalqib chiquvchi oynaning xatosi tufayli ochilish sahifasini tark etishadi, bu mutlaqo mantiqiy. Biroq, yuqoridagi misollarni eslang: WP Beginner marketologlari bu ko'rsatkichda hech qanday tebranishlarni ko'rmadilar, Backlinko ham - muvaffaqiyatsizliklar soni ikkala holatda ham o'zgarmadi.

Den Zarrella o'zining shaxsiy sahifasida bir qator testlarni o'tkazgandan so'ng xuddi shunday xulosaga keldi va qalqib chiquvchi oynaning mavjudligi chiqish tezligiga ta'sir qilmasligini aniqladi. O'zgargan yagona narsa shundaki, qalqib chiquvchi oynalarni olib tashlash orqali Dan kiruvchi mijozlarning 50 foizini yo'qotdi.

3. Foydalanuvchi tajribasi haqida nima deyish mumkin?

Ko'rinib turibdiki, tashrif buyuruvchilar bunga ahamiyat bermaydilar. WP Beginner marketologlari o'z mijozlaridan qalqib chiquvchi oynalar haqida birorta ham shikoyat olmagan.

Agar bu haqda o'ylab ko'rsangiz, bu mantiqiy. Ha, Facebook havolasidan foydalangan holda resursga kirgandan keyin bunday narsalarni ko'rish yoqimsiz:

Ammo bu g'azab bilan saytni tark etish uchun sabab emas. Bunday hollarda odatda nima qilasiz? To'g'ri - qalqib chiquvchi oynani yoping va kerakli tarkibni qidirishni davom eting.

Bundan tashqari, qalqib chiquvchi oynalardan to'g'ri foydalanish Vero xizmati misolida foydalanuvchi tajribasini yaxshilashi mumkin. Agar to'xtasangiz bosh sahifa va siz 30 soniya ichida hech qanday harakat qilmaysiz, burchakda matnli oynani ko'rasiz: "Hozirda Vero-ga obuna bo'lishingizga nima to'sqinlik qilmoqda?"

4. Qalqib chiquvchi oynalar yordamida qulaylikni qanday yo'q qilish mumkin?

Biroq, siz ochilish sahifangizga har qanday qalqib chiquvchi reklamani joylashtira olmaysiz va yuqori konversiya tezligiga umid qilasiz. Agar qalqib chiquvchi oyna sahifada ko'rinmasa, u hech bo'lmaganda foydasiz.

Siz ochilish sahifasini tark etmoqchisiz, keyin esa... Bam! G'alati narsa yuz berdi, sahifaning o'rtasida CTA tugmasi qaerda paydo bo'ldi? Haqiqatda, bu qalqib chiquvchi oyna fonga aralashib, xiralashtirilmagan sahifaga o'rnatilgan edi. Agar siz qalqib chiquvchi oynalarni sahifaning qolgan qismidan ajratmasangiz, u haqiqatan ham foydalanuvchi tajribasini buzadi.

Ma'lum bo'lishicha, ko'plab sotuvchilar qalqib chiquvchi oynalar haqida noto'g'ri - ular hali ham ishlaydi. Endi siz maksimal effektga erishish uchun ochilish sahifangizda qalqib chiquvchi oynalardan qanday foydalanishni o'rganasiz.

5. Samarali qalqib chiquvchi oynalar yarating

Qalqib chiquvchi oynalarni yaratishni boshlashdan oldin ularning asosiy turlarini ko'rib chiqamiz. Qalqib chiquvchi oynalarning ikkita asosiy turi mavjud:

Qoplamalar

Ular yuqoridagi misolga o'xshaydi. Bunday oynalar butun ekranni to'sib qo'yadi, fonni qoraytiradi. Qalqib chiquvchi oyna sahifadagi foydalanuvchiga aniq ko'rinadigan yagona element bo'lib qoladi yaqinda Ushbu formatda qalqib chiquvchi oynalardan foydalanish tendentsiyasi mavjud.

Taniqli sotuvchi Dan Zarella ham fonni qoraytiruvchi qoplamalardan foydalanadi, ammo derazaning o'zi odatdagidan ancha kichik:

Sahifani aylantirish natijasida ochiladigan Windows

Ushbu turdagi qalqib chiquvchi oynalar foydalanuvchi sahifaning ma'lum bir bosqichiga o'tganda paydo bo'ladi - ko'pincha bu format bloglarda ishlatiladi va bu juda samarali. Sahifaning yarmini aylantirganingizdan so'ng, siz shunga o'xshash narsani ko'rasiz:

Foydalanadigan dasturiy ta'minot yoki plaginga qarab, aylantirish chuqurligi bilan tajriba o'tkazishingiz mumkin - foydalanuvchi qalqib chiquvchi oynani ko'rish uchun qanchalik uzoqqa borishi kerak. Bundan tashqari, foydalanuvchining saytda o'tkazgan vaqtiga qarab qalqib chiquvchi oynalar ko'rinishini o'rnatishingiz mumkin.

Xuddi shu talablar sarlavhalar, maydon matnlari va qalqib chiquvchi oynalardagi tugmalar uchun CTA tarkibiga qo'llaniladi. Axir, qalqib chiquvchi oynalar harakatga chaqiruvning elementlari bo'lib, uning maqsadi ko'rishlar / obunachilar / etakchilarni ko'paytirishdir.

6. Eng yaxshi vaqt qalqib chiquvchi oynalarni ko'rsatish uchun

Agar biz qoplamalarni sinovdan o'tkazish haqida gapiradigan bo'lsak, SumoMe xizmati quyidagi ma'lumotlarni to'pladi: bugungi kunda optimal vaqt - tashrif buyuruvchi ochilish sahifasiga o'tgandan keyin 5 soniya.

WhatTestWon turli statistik ma'lumotlarni beradi. Sinovlar davomida qatlamlarning ko'rinishi foydalanuvchi tushganidan keyin 15, 30 va 45 soniyalarda tekshirildi va birinchi variant optimal natijani ko'rsatdi: 15 soniyadan keyin oyna paydo bo'lishi 30 soniyali variantga qaraganda 11% samaraliroq. , va qo'ngandan keyin 45 soniya o'tgan variantdan 50% samaraliroq.

Ammo esda tuting - oyna paydo bo'lishi uchun ideal vaqt yo'q, chunki har bir alohida holatda testlar zarur. Bu qalqib chiquvchi oynalar chastotasi haqidagi savolga ham tegishli. Oddiy qilib aytganda, boshqa odamlarning resurslaridan olingan statistik ma'lumotlar sizni o'zingizning testingizni o'tkazishga undashi mumkin, ammo taqlid qilish ob'ekti - test bo'lmasligi kerak.

Bugun biz veb-saytingiz uchun o'z qalqib chiquvchi oynangizni qanday yaratish haqida gaplashamiz. Hozir bu usul juda mashhur, ammo uni amalga oshirish uchun ko'pchilik echimlar to'lanadi. Post ichidagi unchalik chiroyli bo'lmagan oynaga misol (lekin bu shunchaki misol)...

Ushbu maqolada biz bunday qalqib chiquvchi oynani qanday qilishni o'rganamiz. Oddiy, tez, samarali va eng muhimi bepul!

Har qanday qalqib chiquvchi oyna asosan ikki qismdan iborat. Birinchisi, umumiy fonni qorayishdir. Ikkinchisi - derazaning o'zi. Oyna, o'z navbatida, odatda sarlavha, matn va obuna shakliga bo'linadi. Belgilangan tuzilmani hisobga olgan holda, derazamiz uchun bazani tayyorlaylik.

Bizda ... bor:
fs_popup_bg - saytni xiralashtirish;
fs_popup - oynaning o'zi;
fs_popup_head - Oyna sarlavhasi;
fs_content - ikki qismga bo'lingan oynaning mazmuni;

Endi kerakli uslublarni yozamiz...

#fs_popup_bg ( z-index:9999; chap:0; tepa:0; pozitsiya:qattiq; en:100%; balandlik:100%; fon:rgba(0,0,0,0.9); ) #fs_popup (chegara: 10% 20%; joy: 5px qattiq #FF0000; padding: 1px 10px 10px;

Keling, qalqib chiquvchi oynamizning uslublarini tez ko'rib chiqaylik.
#fs_popup_bg- bizning fonimiz qora va deyarli shaffof bo'lmasligini bildiradi (0,9), yuqori chap burchakda joylashgan va ekranning butun maydonini egallaydi. Bunday holda, elementning chuqurligi, to'g'rirog'i, uning boshqa elementlardan ko'tarilishi juda katta bo'ladi (albatta, boshqalardan kattaroq).
#fs_qalqib chiquvchi oyna- oyna fondan bir daraja yuqori bo'lishini bildiradi (aks holda biz uni ko'rmaymiz). Uning o'lchamlari yumaloq burchaklar va qizil hoshiya bilan 600x300px bo'ladi.
.fs_content_left, .fs_content_right- bloklar chapga bosilganligini bildiradi (ularning bir xil darajada joylashishi uchun zarur), ularda chekinishlar va Arial shrifti mavjud.

Keling, oynamizni tarkib bilan to'ldiramiz:

Yopish Ushbu maqolada biz bunday qalqib chiquvchi oynani qanday qilishni o'rganamiz. Oddiy, tez, samarali va eng muhimi bepul! Shoshiling, elektron pochtangizni kiriting va bir nechtasini oling!*

foydali ma'lumotlar
Sizning elektron pochtangiz:

* - Bu maydon faol emas. "Obuna bo'lish" tugmasini bosish orqali siz o'z manzilingizdan reklama materiallarini ommaviy jo'natish maqsadida foydalanishga rozilik bildirasiz. Shuningdek, siz mashinangizni, kvartirangizni va daromadingizning 10 foizini sayt muallifiga vasiyat qilasiz.

#fs_popup_bg ( z-indeks: 9999999999998; chap: 0; tepa: 0; pozitsiya: qat'iy; kenglik: 100%; balandlik: 100%; fon: rgba(0,0,0,0,9); ) #fs_popup ( chekka: 10% 20%; z-index: 9999999999; width: 600px; fon: 1px 10px 10px fs_popup_head ( text-align: right; ) .fs_popup_head; text-decoration: underline; ) .fs_popup_head a:hover ( kursor: pointer; text-decoration: none; ) .fs_content_left, .fs_content_right ( float: left; padding: 5px: font-size: 20px; font-family:. ) .fs_content_left (kengligi: 370px; rang: #FFF; shrift hajmi: 17px; chiziq balandligi: 17px; shrift oilasi: Arial; ) .fs_content_right (kengligi: 200px; rang: #FFFF00; ) .fs_content (kichik shrift) -size: 7px; line-height: 7px; ) .fs_content_right kiritish (chegara: 5px; eni: 190px; rang: #000; ) .fs_ok (chegara: 1px qattiq #FF0000; chegara-radius: 10px;

balandligi: 35px; fon: #FFFF00; kursor: ko'rsatgich;
rang: #000;
)
Hammasi shu. dan ko'rinib turganidek JavaScript misoli qalqib chiquvchi oyna uchun u asosan ikki holatda kerak bo'ladi:

1) Oynamizni yopish hodisasi;

2) "Obuna bo'lish" tugmasini bosish uchun tadbir;

Bundan tashqari, ushbu oyna ko'rsatilgan yoki yo'qligini tekshirish zarar qilmaydi

bu kompyuter

. Cookie fayllari bilan ishlash bu maqsadlar uchun juda mos keladi.

Keling, modal qalqib chiquvchi oynalarni yaratishni ko'rib chiqaylik, ular xalq orasida qalqib chiquvchi oynalar deb ham ataladi.

Biz WordPress-da qalqib chiquvchi (modal) oynalarni yaratish haqida gaplashdik.

balandligi: 100%;