WordPress pop -up anket eklentisi nasıl kullanılır (kolay yol)
Popup WordPress anket eklentisine mi ihtiyacınız var? Geri bildirim formunu Sembulan penceresine yerleştirmek, ziyaretçilerinizden daha fazla yanıt almanın iyi bir yoludur. Bu makalede, WordPress için en iyi açılır anket eklentisini göreceğiz. Ardından, doğrudan sitenizde açılır pencere almak için süreci yönlendireceğiz. WordPress Anket Formunuzu Oluşturma Şimdi WordPress’te bir pop -up anket eklentisini nasıl kullanabilirim? Popup anket eklentisini WordPress kontrol panelinize kolayca yükleyebilirsiniz. Bundan sonra, yalnızca form için bir anket sorusu hazırlamanız, ardından sitenizde ziyaretçiler olduğunda görünecek açılır pencereyi tasarlamanız gerekir.
Popup, ziyaretçilerinizin dikkatini her türlü ankete çekmenin iyi bir yoludur. Ve ziyaretçileri ankete odaklamak dönüşüm oranını artırmaya yardımcı olacaktır.
WPForms, en iyi WordPress form üreticisi eklentisidir. Ücretsiz Al!
Bir açılır anket eklentisi kurmak kolaydır. Bu öğreticide 2 güçlü eklentiyi birleştireceğiz. WordPress pop -up anket eklentinizi nasıl ayarlarsınız Popup anketinizin çalışması için takip edilmesi gereken birkaç adım vardır, bu nedenle bu doğru adımları bulmanıza yardımcı olacak bir içerik tablosudur:
WPForms eklentisini yükleyin
WordPress’te bir anket formu oluşturun
Optinmonster eklentisini yükleyin
Optinmonster’da bir kampanya oluşturun
Sitenizde bir pop -up anketi yayınlayın
1 numaralı eklenti yükleyerek başlayalım.
Adım 1: WPForms WPForms eklentisini yükleyin WordPress için en iyi form üreticisidir. Bu, sürükleme ve kolay gevşek üreticiye göre uyarlanmış formlar ve anketler oluşturmanıza olanak tanır.
E -MAIL
Yıldız sıralaması
Yorumlar için metin alanı.
Daha karmaşık bir anket yapmak istiyorsanız, kullanabileceğiniz alanları öğrenmek için bu anketin şablonuna ve örneklerine bakın. WordPress panosunda WPForms’ı açın, ardından Yeni Ekle’yi tıklayın. Basit bir iletişim formu şablonu seçelim.
Bu şablonun ayarlanması sadece birkaç dakika sürecektir. İlk olarak, bir yıldız sıralaması ekleyelim. Sol panelden sağ panele tıklayın ve sürükle, ardından sol panelde bir onay kutusu kullanmanız gerektiğini işaretleyin: Simgeleri değiştirmek için alan sıralama alanındaki gelişmiş seçenekleri kullanabilirsiniz. Diğer alanları ayarlamak istiyorsanız, ayarları değiştirmek için alanı tıklamanız yeterlidir. Basit bir iletişim formu oluşturma öğreticimiz bunu daha ayrıntılı olarak açıklıyor. Yapılacak son şey, optinmonster dönüşüm izleme kodunu forma eklemektir. Form üreticisinde, sol paneldeki ayarları tıklayın. Ardından aşağı kaydırın ve CSS Sınıfı Gönder düğmesi kutusuna om-tetikleme dönüşümünü yazın.
Bittiğinde, formunuzu kaydetmek için Kaydet düğmesini tıklayın. Formunuza daha karmaşık bir anket alanı eklemek istiyorsanız, WordPress’te bir anket formunun nasıl oluşturulacağına dair bu makaleye bakın. Şimdi hazır bir geri bildirim formumuz var, devam edelim ve 2. eklentiyi yükleyelim. Adım 3: OptinMonster Optinmonster eklentisini yükleyin WordPress için en iyi açılır eklentidir. Bu, dönüşümü izlemenize ve artırmanıza ve ziyaretçilerinizden değerli geri bildirimler almanıza yardımcı olabilir. Optinmonster incelememizdeki tüm özelliklere bakın. OptinMonster + WPForms güçlü bir kombinasyon. İkisini de işe koyalım. Lütfen ve WordPress OptinMonster eklentisini yükleyin. Etkinleştirmeyi unutmayın. Hesabınız yoksa, kaydolmak için şimdi OptinMonster’ı GET’i tıklayın. Zaten bir OptinMonster hesabınız varsa, web sitenizi eklemek için hesabınızı bağlayın. Büyük! Popup WordPress anket eklentisi hazırladık. WordPress kontrol panelinin başka bir sekmede açık kalmasına izin verebilirsiniz. Yakında tekrar kontrol etmeliyiz. Şimdilik Optinmonster’a geçelim. Adım 4: Optinmonster Open Optinmonster’da yeni tarayıcı penceresinde bir kampanya oluşturun ve girin. Optinmonster ekranının en üstünde, başlamak için yeni bir kampanya oluştur’u tıklayın. Kampanya türü altında açılır pencereyi seçin.
İhtiyacımız olan bir sonraki şey bir kampanya şablonu. Bir tuval seçelim. Canvas şablonu, açılır pencerenize aşağıdakiler gibi farklı öğeler eklemenizi sağlar: Biçim HTML
CSS
JavaScript.
Canvas popup kullanımı hakkında daha fazla bilgi edinmek için, Optinmonster ile yapabileceğiniz benzersiz tuval pop -up’ları hakkındaki bu makaleyi okuyun. Tamam, Optinmonster sihirbazına geri dön. Şimdi pop -up adınızı vermeniz istenecek. Buna bir pop -up anketi deyin, ardından sitenizi seçin. Hazırız! Şimdi oluşturmaya tıklayın. Optinmonster Maker ekranını yükleyecektir. Burası açılır pencereyi ayarlayıp formunuzu sabitleyeceğiniz yerdir.
Daha önce hiç optinmonster kullanmadıysanız endişelenmeyin. Herhangi bir noktada sıkışmışsanız, ilk optininizi oluşturmak için bu kılavuza bakın.
İlk olarak, açılır penceredeki görüntüyü değiştirelim. Yeni bir resim veya logo yükleyin ve yükleyin. Buradaki metni de değiştiriyoruz, böylece açılır pencere biçiminde mantıklı. Şimdi açılır pencereye bir form ekleyelim. Önce formumuzun kısa kodunu almamız gerekiyor. WordPress Gösterge Tablosu’na geri dönün ve WPForms »tüm formları açın. Daha önce oluşturduğunuz formun yanındaki kısa kodu göreceksiniz.
Kısa kodu kopyalayın. OptinMonster’a dönerek, üreticinin üst kısmındaki Ekle düğmesini tıklayın. Sol panelden HTML bloğunu orta panele sürükleyin. Sol tarafta, panelin HTML bloğundan içerik göstermek için değiştiğini görebilirsiniz. Kısa kodu buraya yapıştırın.
Ardından, Optinmonster’a pop -up’ı nasıl göstereceğinizi söyleyeceğiz. Bu örnekte, birisi bir bağlantıya tıklarsa açılır pencerenin görüntülenmesini istiyoruz. Lütfen ve Optinmonster üreticisinin üst kısmındaki ekran kurallarını tıklayın.
Pratinjau OptinMonster belum akan menampilkan formulir Anda. Merak etme! Semuanya akan menyatu di langkah berikutnya.
Sekarang kembali ke dashboard WordPress Anda. Klik OptinMonster di bilah navigasi sebelah kiri, lalu klik Segarkan Kampanye .
Fiuh. Neredeyse. Sekarang edit Posting atau Halaman tempat Anda ingin menambahkan tautan survei. Tambahkan blok HTML Khusus ke halaman Anda dan rekatkan kodenya.
Sekarang Publikasikan atau Perbarui halaman. İşte burada! Klik tautan dan periksa semuanya berfungsi. Hmm, apakah Anda memperhatikan bahwa formulir kami terlihat agak mendasar? Jika Anda tidak menyukai tampilan formulir Anda, Anda dapat dengan mudah menambahkan CSS untuk menyesuaikannya: html div#om-{{id}} {
font-size: 16px ; } html div#om-{{id}} { color:#000000;
}
.wpforms-field-description, .wpforms-field-label {
margin: 10px 0 !important;
}
Html div#om-{{id}} .wpforms-field-row-block.wpff-first.wpforms-bir-yarısı {
Marj-Sağ: 10 piksel! Önemli;
}
html div#om-{{id}} giriş [type = text] {
Marj-Top: 10 piksel;Marj-Alt: 10 piksel;Dolgu: 20px;Border-Radius: 10 piksel;
}
html div#om-{{id}} giriş [type = label] {
Dolgu: 20px;
}
html div#om-{{id}} giriş [type = e-posta] {
Marj-Top: 10 piksel;Marj-Alt: 10 piksel;Dolgu: 20px;Border-Radius: 10 piksel;
}
html div#om-{{id}} düğmesi [type = gönder] {
yazı tipi boyutu: 14px;Marj: 20px;Dolgu: 20px;Border-Radius: 10 piksel;
}
html div#om-{{id}} .wpff-submit-container {
Metin-Aign: Merkez! Önemli;
}
Bunu OptinMonster’daki özel bir CSS aracına ekleyin, ardından kampanyanızı WordPress kontrol panelindeki yenileyin.Şimdi şekil çok daha iyi görünüyor:
