Kami menawarkan kepada Anda pilihan 5 layanan Internet paling menarik, menurut kami, untuk membuat pop-up interaktif, yang telah digunakan dalam pemasaran Internet selama lebih dari 20 tahun dan tetap populer hingga saat ini. Alasan mengapa pop-up begitu populer adalah karena pop-up berfokus pada kebutuhan pengguna tertentu - Anda hanya memberikan pengunjung situs Anda apa yang benar-benar dia butuhkan, tepat pada saat dia membutuhkannya. Namun, saat menyiapkan jendela pop-up, penting untuk mengambil pendekatan komprehensif terhadap prosesnya - mulai dari memilih layanan online hingga menentukan masa pakai jendela pop-up.

Layanan optimal
Optimonk menawarkan pengaturan terdalam dan profesional. Jika Anda memahaminya dengan baik, Anda bisa mendapatkan hasil yang luar biasa. Dia punya beberapa rencana tarif, yang dimulai dari $29/bulan tetapi menawarkan 14 hari tes gratis periode baru.
Scriptnya mudah dipasang. Anda harus mendaftar di optimonk.com. Pilih templat jendela pop-up yang sesuai di sana dan edit sesuai keinginan. Editor sederhana disediakan untuk mengedit jendela pop-up. Hal ini juga bisa dilakukan dengan mengubah kode CSS atau javascript. Untuk mengubah frasa, Anda perlu memilihnya dengan mouse dan mengeditnya.
Solusi warna siap pakai ditawarkan, tetapi Anda dapat mengatur nada Anda sendiri. Anda juga dapat memilih animasi yang sesuai. Akan berguna untuk menambahkan jendela pop-up terima kasih yang akan muncul secara otomatis setelah pengguna mengisi dan mengirimkan formulir. Setelah menyimpan pengaturan, Anda perlu mengatur jadwal dan memilih pemicu yang diperlukan, yaitu peristiwa yang akan memicu munculnya pop-up.
Layanan ini mengonfigurasi penargetan dan terintegrasi dengan sistem CRM dan layanan email terpopuler (asing). Setelah menyimpan semua pengaturan, yang tersisa hanyalah menyalin dan menempelkan kode yang dihasilkan ke templat situs di bagian paling akhir halaman, sebelum tag. Tahap terakhir instalasi adalah mengklik OK, yang akan mengaktifkan kampanye. Kemudian Anda akan dapat mengelola Pop-up di akun pribadi Anda.

Keunggulan Optimon:

• 11 templat yang disiapkan, termasuk dengan pengatur waktu, formulir email dan nama, kupon diskon, Pop-up ganda, dll.
• Integrasi penuh dengan layanan dan mesin email paling terkenal.
• Koneksi dengan Google Analytics.
• Pemrogram dapat mengatur penargetan terdalam.
• Analisis yang hebat.
• Dengan mengubah javascript Anda dapat mengubah teks secara dinamis.

Kekurangan Optimonk:

• Hanya masa percobaan dua minggu.
• Harga yang layak.
• Batas 5.000 pengunjung unik/bulan.
• Hanya satu domain yang diterima.

layanan Picreel
Tidak buruk layanan berbayar dengan peluang yang diperluas untuk pekerjaan profesional pemasaran Internet. Saat membayar selama 12 bulan. — Diskon 25%.

Setelah mendaftar di picreel.com, Anda harus memilih template yang sesuai:

• Berlangganan.
• Pengalihan.
• Survei.
• Diskon.
• Munculan sederhana.
• Pop-up Besar.
• Pop-up dari 2 jendela...

Templat apa pun dapat diedit dengan editor sederhana atau dengan mengubah HTML/CSS. Desainnya berubah semudah bidang baru ditambahkan. Anda dapat menyisipkan animasi, penghitung waktu mundur, dan elemen interaktif lainnya. Seperti biasa, pemicu dikonfigurasi, setelah itu pengaturan disimpan dan kode yang dihasilkan dimasukkan ke dalam templat situs web di akhir halaman.

Keunggulan Picreel:

• Uji coba gratis 30 hari tanpa batasan fungsionalitas.
• Banyak template.
• Kompatibilitas penuh dengan CRM dan layanan email (asing).
• Penargetan yang luas.
• Analisis yang hebat.
• Kemungkinan pengujian α & ß.
• Adaptasi desain untuk perangkat seluler.
• Program afiliasi.
• Untuk setiap pengguna yang dirujuk: $25.
• Sejumlah $100 sudah bisa ditarik, ke Paypal misalnya.

Kekurangan Picreel:

• Nilainya lumayan, mulai dari $19 per bulan.
• Batas lalu lintas adalah 3000 unik per bulan atau 30.000 tayangan.
• Tidak ada paket gratis.

Keuntungan Witget:

• Harga biasa.
• bahasa Rusia.
• Basis data templat yang besar.
• Selain Pop-up, ada banyak template untuk banner, tombol, form, timer, dan lain sebagainya.
• Tata letak adaptif untuk perangkat seluler.
• Jejaring sosial berbahasa Rusia.
• Ekspor data.
• Integrasi dengan penutur bahasa Rusia layanan email buletin.
• Akuntansi statistik normal.

Kekurangan Witget:

• Sangat sulit untuk berkomunikasi dengan Google Analytics.
• Hanya tes gratis 7 hari dengan harga agak mahal yaitu 990 rubel/bulan.
• Benar, ada diskon untuk pembayaran di muka.

Keuntungan Addthis:

• Ketersediaan tarif gratis.
• Antarmuka yang sederhana.
• Konten teks dan desain pop-up dapat diubah.
• Penargetan sangat dapat disesuaikan.
• Analisis yang luar biasa.
• Kemungkinan untuk mengunduh alamat email yang dikumpulkan.
• Desainnya responsif seluler.

Kekurangan Addthis:

• Sebagian besar fitur berguna hanya disajikan dalam versi berbayar.

Layanan Sumome
Paket berfitur lengkap mulai dari $40/bulan, meskipun ada juga paket gratis yang mencakup fitur dasar. Hal yang baik tentang layanan ini adalah, selain jendela pop-up, Anda dapat membeli berbagai macam widget di sana, yang akan sangat berguna bagi pemasar Internet. Setelah mendaftar di sumome.com, Anda perlu menentukan URL sumber daya Anda. Kode yang muncul harus disalin ke template di website Anda segera setelah tag. Maka Anda perlu pergi ke sumber daya Anda dan mengklik gambar mahkota, yang akan muncul di bagian atas layar di sebelah kanan.
Selanjutnya, klik ikon “Sumo Store” dan pilih widget yang Anda suka; beberapa widget gratis dan bertanda Gratis. Dengan mengklik tombol widget, Anda harus menunggu hingga widget dipasang dan mengonfigurasi tampilannya. DI DALAM versi lengkap Anda dapat menambahkan bidang dalam bentuk apa pun. Dalam versi gratis, Anda hanya dapat menggunakan 1 kolom - untuk memasukkan email. Dengan paket gratis Anda tidak akan dapat menggunakannya template yang sudah jadi, hanya ada satu yang tersedia, dan di dalamnya Anda hanya dapat mengubah warna latar belakang.
Selanjutnya, Anda perlu mengonfigurasi perilaku pop-up dan memilih halaman di mana pop-up akan muncul. Kemudian pilih CRM dan Layanan Email untuk melakukan sinkronisasi dengan daftar langganan Anda. Anda dapat membuat formulir Anda sendiri dalam versi lengkap di editor HTML. Setelah mengatur semua parameter, yang perlu Anda lakukan hanyalah mengklik SIMPAN dan Anda dapat mulai memantau statistiknya.

Kelebihan Sumome:

• Tarif gratis.
• Banyak widget.
• Kemampuan untuk mengubah teks dan desain pop-up.
• Email yang dikumpulkan dapat diunduh.

Kekurangan Sumome:

• Hanya 1 template yang tersedia dalam paket gratis.
• Tidak semua orang harga terjangkau— $40 per bulan.
• Widget dijual satu set, bukan satuan.
• Penargetan memiliki setelan yang jarang.
• Pencitraan merek tidak dinonaktifkan.

Mari kita rangkum.

Kami menyarankan untuk mulai menggunakan jendela pop-up dengan layanan gratis, lihat reaksi pengguna, konversi dan respons, lalu beli langganan berbayar. Dengan cara ini, Anda dapat mengevaluasi efektivitas jendela pop-up dan memiliki waktu untuk memilih strategi promosi yang tepat. Cobalah beberapa situs, gunakan seluruh alat untuk membuat pop-up, dengan cara ini Anda bisa mendapatkan hasil maksimal dari peluang yang disediakan pop-up.

Kami berharap koleksi ini bermanfaat bagi Anda dalam membuat situs web yang berfungsi penuh!

Pada suatu waktu, ketika saya baru mulai menjalankan blog saya, serta toko online, saya ingat saya mempunyai masalah - bagaimana membuat jendela pop-up yang indah di situs, yang dengannya saya dapat memberi tahu pengunjung tentang hal-hal tertentu promosi atau, jika menyangkut blog, pastikan koleksinya alamat email pelanggan berbagai jenis materi pendidikan. Bukan tanpa alasan banyak pebisnis info, dan bahkan blogger berpengalaman mana pun, akan mengatakan bahwa basis pelanggan adalah aset emas! Ini adalah orang-orang yang siap mendengarkan Anda, membeli dari Anda, dan melakukannya lagi dan lagi. Tentu saja, jika materi Anda layak mendapatkannya.

Jadi apa yang aku bicarakan?! Dan tentang cara mengumpulkan aset yang sangat emas ini! Dan salah satunya cara terbaik adalah formulir berlangganan pop-up yang kompeten dan berkualitas tinggi di sumber daya Anda. Sebenarnya ada banyak cara untuk menggunakan pop-up! Anda tentu dapat memikirkan beberapa lusin hal - ini termasuk memberi tahu pengunjung tentang materi paling menarik di situs, dan pengumuman artikel baru, promosi, dan kompetisi; Anda juga dapat memperkenalkan tawaran iklan di sana, jika perlu. Dan tentu saja, yang utama, seperti yang telah saya catat, adalah mengumpulkan kontak (email, nomor telepon) dari audiens target Anda untuk interaksi selanjutnya dengan mereka.

Hari ini saya akan memberi tahu Anda tentang salah satu plugin jendela pop-up terbaik dan sangat nyaman menurut saya. Saya sendiri sudah menggunakannya sejak lama, namun ide untuk menulis artikel tentangnya baru muncul di benak saya sekarang. Jadi, hari ini kami menargetkan produk dari MakeDreamProfits - .

Faktanya, menulis tentang kemampuan apa yang dimiliki sebuah plugin saat ini bukanlah tugas yang paling bermanfaat, karena beberapa pembaruan dan penambahan terus-menerus dilakukan, dan oleh karena itu saya berisiko membahasnya secara sepihak, 2-3 bulan setelah rilis ini. artikel . Namun, pada fitur utama mari kita berhenti:

• 11 Desain Popup Cantik Siap Pakai yang Dapat Anda Edit
• nyaman akun pribadi, di mana Anda membuat semua pengaturan dan kemudian memasukkan kode yang sudah selesai ke situs
• integrasi dengan layanan milis atau mode pengiriman data yang diterima ke email Anda
• pengujian terpisah dari sekumpulan popup (omong-omong, popup adalah jendela pop-up, siapa yang tidak tahu)
• 3 jenis pop-up:
  • dengan formulir entri data
  • Tidak terlalu
  • ikuti tautannya
• statistik tingkat terbuka dan konversi (entri data atau klik tautan)
• kemampuan untuk membuat grup popup, dibagi dengan waktu kunjungan pertama ke situs atau berlangganan buletin
• mengatur mode dan aturan untuk menampilkan jendela pop-up
• kemungkinan untuk disematkan di jendela

Saya hanya mencantumkan dasar-dasarnya; sebenarnya, fungsi JumpOut bahkan lebih luas!

Konfigurasi aturan tampilan plugin yang fleksibel:

• ketika pengunjung meninggalkan situs
• saat mengklik suatu elemen
• setelah waktu tertentu
• saat menggulir halaman
• dan sejumlah lainnya

Selain itu, Anda dapat mengonfigurasi halaman yang berbeda situs plugin yang berbeda -

Secara pribadi, saya menggunakan plugin formulir berlangganan pop-up ini di semua situs web saya. Ini sungguh sangat alat yang berguna interaksi dengan audiens sumber daya. Pengujian saya menunjukkan bahwa efisiensi konversi jendela pop-up hampir sama dengan formulir keikutsertaan standar pada halaman arahan satu halaman. Yang lebih keren lagi adalah fungsionalitas plugin ini memungkinkan Anda melacak efisiensi ini hingga ke detail terkecil - lihat sendiri beberapa tangkapan layar di bawah -

Seperti yang Anda lihat di tangkapan layar konversi Yandex-Metrica untuk bulan lalu, 3,76% pengguna atau 207 secara absolut menjadi pelanggan saya berkat jendela pop-up yang tepat waktu dengan tawaran untuk menerima materi saya!

Saat mencantumkan kemampuan layanan, saya telah mencatat kemungkinan integrasi dengan milis mana pun -

Anda dapat mengevaluasi dan mencoba semua kemampuan plugin untuk formulir berlangganan pop-up dan jendela pop-up di situs web Anda secara gratis selama 15 hari, setelah itu Anda dapat membayar satu kali untuk versi plugin yang diperlukan - tergantung pada jumlah situs yang seharusnya digunakan - satu, tiga atau tidak terbatas, dan serta sejumlah fitur tambahan, misalnya, kemampuan untuk menggunakan kode CSS Anda sendiri.

P.S. : Apakah Anda memiliki pengalaman dengan jendela pop-up dan plugin formulir berlangganan? Tulis beberapa baris tentangnya di komentar artikel di bawah! Dan jangan lupa Suka jika saya membantu Anda memilih plugin!

Berinvestasi dalam proyek yang dibahas di blog ini melibatkan risiko tertentu, hingga dan termasuk hilangnya dana yang diinvestasikan. Penulis tidak bertanggung jawab atas tindakan perusahaan/proyek yang dijelaskan di blog. Materi blog hanya untuk tujuan informasi dan tidak memerlukan tindakan apa pun.

Jendela pop-up saat ini sudah menjadi elemen wajib di situs web mana pun. Penting agar tidak mengganggu dan membawa manfaat nyata dalam pengumpulan informasi yang diperlukan. Dalam buletin hari ini kita akan membahas tentang bagaimana dan mengapa menggunakan jendela pop-up.

Jendela pop-up biasanya digunakan untuk mengalihkan perhatian pengunjung secara tiba-tiba dari sebagian besar konten ke elemen tertentu - jendela pop-up. Ini selalu merupakan efek kejutan, seperti alur cerita yang tajam ketika “pupil membesar”. Dapat juga dibandingkan dengan teknik menarik perhatian saat presentasi (jeda bicara, gerakan tangan, penggunaan objek dan gambar terang).

Dalam pemasaran online, pop-up paling sering digunakan ketika pengguna jelas tertarik: dia telah menggulir ke bawah beberapa layar atau halaman telah dibuka selama jangka waktu tertentu, tetapi pengunjung tidak melakukan apa pun. Bagaimana cara “membangunkannya?”

Jadi, mari beralih ke penerapan jendela pop-up di situs web. Jika Anda membuka sumber daya proyek Netology dan tidak melakukan apa pun selama sekitar 1 menit, jendela terang dengan formulir akan muncul di sebelah kiri.

Di toko online lacoste.ru, setelah menunggu beberapa saat, jendela overlay pop-up muncul dengan tawaran untuk berlangganan buletin, yang mengaburkan konten lain. Lacoste bertujuan untuk mengumpulkan email pelanggan. Pada saat yang sama, konsultan online muncul, yang sangat tidak nyaman dan mengalihkan perhatian pengunjung.

Di situs web sapato.ru, dengan setiap klik, muncul hamparan untuk memilih kota pengguna. Setelah kota dipilih, jendela tidak muncul. Ini membantu untuk mempelajari lebih lanjut tentang pengunjung dan, sebagai hasilnya, menawarkan mereka promosi khusus, ditujukan untuk wilayah tertentu.

Toko online Bonprix.ua menawarkan untuk berlangganan buletin, yang memberikan diskon untuk pembelian pertama Anda. Perhatikan panggilan “Masukkan alamat Anda e-mail”, yang hanya hilang saat Anda mulai memasukkan teks ke dalam kolom.

Lacywear.ru menawarkan 400 rubel untuk berlangganan. tentang ponsel, yang juga merupakan motivasi yang baik.

Reebok.ru menggunakan teknik ini untuk menarik pengguna dengan diskon. Klik untuk pergi ke bagian aksesoris. Seingat kita, ini adalah yang paling populer di setiap toko online. Harap dicatat bahwa jendela ini memiliki tombol “Dapatkan Diskon”. Jangan lupa ajakan bertindak jika Anda mengejar tujuan ini.

Jendela pop-up yang muncul saat menggulir halaman digunakan di books.ru. Ini dia pemberitahuan tentang produk baru di koleksi buku. Anda dapat melihat dengan jelas pada titik mana di gulir jendela itu muncul. Ada juga pop-up yang muncul saat Anda mencoba menutup halaman. Mereka menyarankan untuk melihat bagian lain dari situs atau menghubungi pengelola.

• Jendela pop-up harus memiliki warna yang sangat berbeda dari latar belakang. Dalam upaya membuatnya terlihat alami dan dalam skema warna yang sama, Anda mungkin mengalami masalah kegunaan. Namun, warnanya tidak boleh jelek.
• Pilih kata-kata untuk kalimat Anda. Tidak semua orang tertarik untuk meninggalkan email kepada Anda dan menerima berita perusahaan yang membosankan. Jika Anda berencana mengirim surat melalui email, itu bisa berupa “100 dan 1 cara menghemat uang di supermarket”, “Bagaimana empat orang bisa hidup dengan 1000 rubel?” Jelas Anda perlu menulis tentang apa yang berhubungan dengan aktivitas Anda.
• Tetap singkat. Tidak perlu waktu lama untuk menjelajahi jendela pop-up.
• Jendela pop-up yang ditampilkan sejak detik pertama pengunjung berada di situs merupakan risiko tertentu bahwa ia akan pergi. Atau pengguna harus memahami dengan jelas mengapa sesuatu diminta darinya sejak saat pertama “kenalan”.
• Banyak jendela di berbagai bagian layar yang sama - tidak ide terbaik. Serta saling menggantikan. Ini mengganggu dan mengalihkan perhatian. Putuskan untuk tujuan apa Anda menampilkan jendela kepada pengunjung Anda.
• Uji berbagai opsi dan Anda akan menemukan demo yang sempurna.
• Jangan menjanjikan apa yang tidak bisa Anda penuhi. Jika demi trik murahan Anda mengaburkannya konten penting, pengguna akan keluar.
• Jika audiens Anda sudah tersegmentasi, pilih siapa yang akan ditampilkan jendelanya untuk meningkatkan efisiensi.
• Biarkan pengunjung Anda memilih untuk tidak mengisi formulir atau mengklik penawaran. Beri dia hak untuk menutup jendela dengan tanda silang jelas di pojok kanan atas.
• Jika pengguna sudah menutup jendela satu kali, maka tidak perlu menampilkannya lagi. Tidak, tidak.
• Jendela pop-up mungkin berisi tawaran untuk meminta panggilan kembali untuk konsultasi atau pemesanan.

Untuk mendapatkan jendela pop-up Anda memerlukan skrip. Anda dapat memesannya atau menggunakan banyak solusi siap pakai dari internet dan materi pendidikan.

Ada banyak cara untuk membuat popup di situs web Anda. Ada cara yang rumit dan ada pula yang sederhana. Yang sulit adalah untuk menggunakannya Anda perlu mengetahui pemrograman, dan yang sederhana melibatkan penggunaan layanan pihak ketiga.

Cara yang rumit

• Menggunakan javascript

Dalam pemrograman, alat utama untuk membuat jendela popup adalah javascript.

• Menggunakan CSS

Opsi ini hanya cocok untuk browser terbaru, di browser lain fungsi ini kemungkinan besar itu tidak akan berhasil.

Namun dalam artikel ini saya akan mempertimbangkannya dengan tepat cara sederhana, karena dapat diimplementasikan tanpa pengetahuan pemrograman, sehingga siapa pun dapat menerapkannya di situs webnya.

Cara sederhana

Saya mempersembahkan kepada Anda sebuah pilihan layanan terbaik tentang membuat jendela pop-up. Apa yang Anda maksud dengan yang terbaik? Yang terbaik berarti kombinasi ideal antara harga dan kualitas, serta kesempatan untuk menguji layanan secara gratis. Tidak banyak layanan seperti itu di segmen Rusia, tetapi rekan-rekan asing kami dapat membanggakan beragam layanan tersebut.

Dengan menggunakan layanan ini, Anda dapat mempelajari cara mengalihkan lalu lintas Internet dari satu sumber ke sumber lainnya.

• Halo Bar

Instalasi langkah demi langkah

Daftar di hellobar.com;

Anda diminta untuk memasukkan kode ke dalam template website Anda, Anda juga dapat menginstal plugin jika situs Anda berjalan di Wordpress;

Putuskan tugas yang ingin Anda selesaikan menggunakan jendela pop-up: mengumpulkan email, menampilkan halaman arahan, menelepon dalam satu klik, mengarahkan melalui spanduk ke jejaring sosial;

Anda harus memasukkan nomor telepon genggam dan pilih negara;

Pilih jenis jendela pop-up: lokasi spanduk di bagian atas, tengah, atau bawah situs;

Tetapkan waktu kapan jendela akan ditampilkan (segera, setelah 5, 10, atau 60 detik, setelah melihat sejumlah halaman di situs, atau saat pengguna hendak meninggalkan situs);

Yang harus Anda lakukan adalah pergi ke bagian “Kelola” dan meluncurkan jendela pop-up di sana. Selain itu, untuk mengubah pengaturan, Anda juga perlu membuka tab “Kelola”. Untuk melihat statistik spanduk, buka tab “Statistik”.

Biaya penggunaan: paket berbayar mulai dari $15 per bulan; jika Anda membayar setiap tahun, Anda mendapatkan diskon 15%. Ada versi gratis dengan fungsi terbatas:

• Dapatkan Kontrol Situs

Instalasi langkah demi langkah

Untuk memulai, daftar di GetSiteControl.com;

Dapatkan kodenya, salin dan tempel ke kode template di situs Anda sebelum tag body penutup;

Periksa apakah widget terpasang dengan benar di situs dengan mengklik tombol Refresh. Jika kode yang ditambahkan dipasang dengan benar, maka Anda dapat melanjutkan;

Anda dapat memilih widget yang Anda butuhkan: kuesioner, formulir mengirim email, menampilkan halaman yang Anda butuhkan, silakan berlangganan buletin email, tombol jejaring sosial, obrolan daring;

Widget yang dipilih perlu diedit ( penampilan dan menampilkan opsi di situs);

Langkah terakhir adalah mengaktifkan widget.

Biaya penggunaan: mulai $10 per bulan untuk menghubungkan satu situs. Dengan membayar setahun sekaligus Anda bisa mendapatkan diskon 20%. Ada juga paket gratis dengan fungsionalitas dasar yang akan membantu Anda mengenal layanan ini.

• kecerdasan

Instalasi langkah demi langkah

Daftar di Witget.com;

Anda harus menambahkan kode templat situs yang disarankan sebelum tag isi penutup;

Dengan masuk ke galeri template, Anda dapat memilih template yang sesuai untuk jendela pop-up;

Buatlah teks penjualan unik Anda sendiri dan masukkan;

Pilih skema warna Anda, parameter jendela pop-up (lebar, frekuensi dan kondisi tampilan spanduk, tempat dan waktu tampilan) dan klik simpan;

Sekarang tinggal memeriksa tampilan jendela pop-up di website Anda. Untuk melakukan ini, klik tombol “Tampilkan di situs”. Apakah Anda puas dengan semuanya? Kemudian aktifkan.

Biaya penggunaan: mulai 700 rubel per bulan untuk tarif dasar, Anda dapat menghubungkan dua situs. Ada fitur-fitur canggih mulai dari tarif Advanced. Anda dapat mencoba layanan ini secara gratis dengan mendaftar untuk masa percobaan tujuh hari.

• Popup
• PopUp WordPress
• Gulir Kotak yang Dipicu
• Bilah Pemberitahuan WordPress
• Plugin Popup WP - Popup Lightbox
• Sekutu Popup
• Popup Buletin YITH

Menggunakan pop-up, tampilkan informasi yang terkait dengan situs Anda. Pop-up efektif jika cocok dengan konten Anda. Saat membuat popup, pilih gambar dan teks dengan hati-hati - semakin baik copywriting dan grafiknya, semakin tinggi efektivitas spanduk.

Saat menghubungkan jendela pop-up, pertimbangkan resolusi layar perangkat pengunjung Anda, andalkan standar emas - 1024*768.

Dengan menggunakan jendela pop-up dengan benar, Anda bisa mendapatkan hasil yang mengesankan, seperti meningkatkan basis langganan email Anda. Juga format ini membantu menjual produk informasi, seperti buku elektronik dan kursus video.

1) Pop-up harus ukuran optimal: tidak terlalu besar dan tidak terlalu kecil;

2) Tayangan dosis

Batasi pop-up Anda untuk orang yang sama setiap kali Anda mengunjungi situs Anda. Jika Anda melihat dia telah menutup jendela, tampilkan jendela pop-up dalam beberapa minggu, ketika dia sudah melupakannya.

3) Luangkan waktu Anda

Munculnya pop-up segera setelah memasuki situs itu buruk. Atur agar muncul setelah beberapa waktu atau setelah tindakan diambil di situs Anda.

4) Harus ada tombol “Tutup” dalam bentuk tanda silang yang familiar

Pengunjung situs Anda berhak menutup pop-up Anda jika dia tidak ingin melihatnya atau melakukan tindakan yang Anda minta agar dia lakukan di dalamnya. Keinginan untuk menutup jendela tidak boleh memakan banyak waktu dan harus menjadi kebiasaan.

5) Hapus ajakan bertindak

Kesalahan besar adalah membebani jendela pop-up dengan informasi. Satu tugas - satu ajakan bertindak. Misalnya, jika Anda ingin menambah jumlah pelanggan di Facebook, maka buatlah pop-up yang menjelaskan dengan jelas bahwa Anda mengundang pengunjung situs Anda untuk berlangganan halaman Facebook Anda.

Sebuah artikel di mana kita akan melihat cara memasang formulir pop-up di situs web masukan dengan captcha dan kemampuan untuk melampirkan file ke dalamnya.

Formulir ini adalah proyek kode sumber yang terletak di GitHub di: https://github.com/itchief/feedback-form-in-modal.

Kode sumber sebelumnya untuk proyek tersebut, yang dibangun di atas Bootstrap 3, dapat diunduh dari GitHub menggunakan tautan ini.

Formulir yang disajikan dibuat menggunakan komponen Bootstrap 4 dan jQuery. Kode server Foma ditulis dalam PHP.

Karakteristik bentuk lainnya:

• membuka kode sumber, proyek ini tersedia di GitHub;
• pengiriman data formulir ke server dan penerimaan respons dilakukan tanpa memuat ulang halaman, mis. menggunakan teknologi AJAX;
• kehadiran captcha grafis (untuk melindungi dari spam);
• kemampuan untuk melampirkan file ke dalamnya (hingga 5 secara default);
• verifikasi data formulir (validasi) diselenggarakan baik di klien maupun di server;
• mengirimkan data formulir setelah validasi berhasil ke email pengelola (administrator) dan surat pengiriman ke klien;
• saat mengirim surat, file dapat dilampirkan atau dikirim menggunakan tautan;
• pencatatan pengiriman (data disimpan dalam file message.txt).

Langkah-langkah dasar untuk menghubungkan formulir umpan balik.

Buka formulir di jendela modal

2. Buat jendela modal dan tempatkan kode HTML formulir umpan balik di dalamnya.

Formulir tanggapan × Nama Alamat email Pesan (minimal 20 karakter) Jika perlu, lampirkan gambar ke pesan (maksimal ): ukuran maksimum satu gambar 512 KB Cukur file... Perbarui kode yang ditunjukkan pada gambar Dengan mengklik tombol, saya menerima ketentuan Perjanjian Pengguna dan memberikan persetujuan saya untuk pemrosesan data pribadi saya, sesuai dengan Undang-Undang Federal 27 Juli 2006 No. 152-FZ “Pada Data Pribadi”.

Kesalahan telah terjadi! Perbaiki dan kirimkan formulir lagi.

3. Hubungkan style dan skrip komponen yang digunakan (jQuery, Bootstrap) dan form itu sendiri (main.css, main.js):