Düğmeyi tıklarken nasıl çiçeklenme katılım formu görünür
Mevcut katılım formları olmadan interneti hayal etmek zor. İki ana nedenden dolayı web sitemizde kullanıyoruz; Müşteriler alın veya potansiyel müşteriler üretin. Kitlenize bir katılım formuyla yaklaşmanın doğru yolunu bulmak gerçek bir zorluk olabilir. Bazı insanlar güvenli oynamak ister ve ziyaretçilerini istenmeyen katılım formlarıyla internet kabarcıklarına ‘saldırı’ gibi hissettirmek istemezler. Genellikle insanlar web sitesinde belirli bir yere tıkladıktan sonra ortaya çıkan katılım formunu veya nasıl dediğimiz zamandır; ‘Tıklarken tetikleyici’.
Bugünün öğreticisinde, bu tıklamayı web sitenizin en önemli bölümlerinden bazılarını tam olarak nasıl kullanabileceğinizi göstereceğiz. Tetikleyici üzerindeki tıklama seçeneğini başarıyla girdikten sonra, ilerleme kaydetmenize yardımcı olup olmadığını görmek için verdiği sonuçları ölçmeyi unutmayın.
Şimdi ziyaretçi olduğunuzu hayal edin; Her rastgele tıklamayla, amaçsız yaptığınız eylemler nedeniyle beklenmedik bir katılım formuyla karşılaşabilirsiniz. Kesinlikle kötü bir etkisi olacak, çünkü doğru zamanda, web sitesini ziyaret ederken hiç kontrolünüz olmadığını hissedeceksiniz. Tetikleyicilerin katılım biçimini yerleştirmek, insanların gönüllü olarak tıklamayı veya tıklamamayı seçtikleri yerlere tıklamak (düğmeler veya genel olarak harekete geçme davetiyesi gibi) başka bir hikayedir. Bizi korkutmamak için CTA’ya (harekete geçme davetini) tıklamaya alışkınız. Kasıtlı olarak bir sonraki adımı görmeyi seçtik. CTA’nın arkasında ne olduğunu merak etmezsek, üzerine tıklamayacağız. Ama istersek yapabiliriz. Ziyaretçilerin sahip olduğu ‘seçenek’, katılım formu nihayet ortaya çıktığında ve bülteninize gerçekten kayıt olma şansını artırdığında kendilerini daha kolay hissettirir.
Bloom Katılım Formu Nasıl Yapılır YouTube kanalımızın katılım formunuzu yapması için abonelik düğmesine tıklarken, insanların CTA’nıza tıklamasını sağlamak bir sanat formudur. CTA’nıza tıkladıktan sonra insanların abone olmasını veya katılım formları aracılığıyla lider olmalarını sağlayın. Her iki tarafın da sonunda mutlu olması için hedef kitlenize yaklaşmanın doğru yolunu denemeli ve bulmalısınız. Web sitenizde böyle bir katılım biçiminden yararlanabileceğiniz iki farklı düğme için nasıl bir tıklama tetikleyicisi yapacağınızı göstereceğiz; Tam geniş başlık düğmesi ve düğme modülü. Çalışma şekli aynıdır, ancak farklı bir senaryoda görmek mantığı anlamanıza yardımcı olabilir. Bundan sonra, başka bir modül için de kullanabilirsiniz. Şimdi, katılım formunu CTA’ya nasıl bağlayacağımızı göstermeden önce, katılım formunun ayarından geçeceğiz. Bu yazıda size özel bir tasarım vermeyeceğiz, sadece mantıkla. Tetikleyici tıklama işlevini sağlamak için birkaç ayar vardır. Katılım formunun türünü seçin
Yeni bir katılım formu eklerken, karşılaşacağınız ilk seçenek kullanmak istediğiniz katılım türüdür. Tıklama efektinde bir tetikleyici yapmak için iki tür kullanabilirsiniz: aç ve uçun. Büyük olasılıkla seçeceğiniz şey açılır. Ancak biraz daha pürüzsüz olmak istiyorsanız, sinek kullanabilirsiniz. Ayarlar sekmesi, oluşturduğunuz katılım formunun hazırlık sekmesinde katılım formunuzun adını vererek başlar. Ardından, formunuzu e -posta sağlayıcısına bağlayın. Bir e -posta sağlayıcısı, hesap ve e -posta listesi olmadan form etkin olmayacaktır. Tasarım sekmesinin içindeki tasarımın tasarımı, kullanacağınız formun biçimini ayarlayabilirsiniz. Bu yazıda bunu yapmayacağız. Sadece işe yarayıp yaramadığını görmek için değişiklik yapmadan standart bir katılım formu seçeceğiz. Daha sonra, her zaman değişiklik yapmak için yaptığınız katılım formuna geri dönebilirsiniz.
Bu Ekran Ayarları sekmesi, katılım formunu düğmelerden birine bağlayacağımız sekmedir. İş sonuçlarını sağlamak için, katılım formunun çalışmak istediğiniz sayfada görüntülenmesine izin verildiğinden emin olmalısınız. Tüm web sitelerinde aynı formu kullanacaksanız, aşağıdaki resimde gösterildiği gibi her şeyin formunu kolayca etkinleştirebilirsiniz. Ardından, sadece tıklarken tetiklemek için katılım formunu kullanmak istiyoruz. Bu yüzden diğer tüm seçenekleri devre dışı bırakacağız ve yalnızca ‘Tıkladığında Tetikleyici’ seçeneğini etkinleştireceğiz. CSS seçmen alanının yakında görüneceğini göreceksiniz. Bu yazının ilerleyen saatlerinde, düğmelerimizi yaptığımız katılım formuna bağlamak için bu alanı kullanacağız. Hemen daha sonra açabilmeniz için bu sayfayı sekmenizde açık bırakın. Hadi, farklı bir modülde tıklama katılım formunun eklenmesinin arkasındaki mantık aynı olsa da, bunu iki örnekte açıklayacağız; Tam geniş başlık düğmesi ve düğme modülü. Mantığı anlamadan, yalnızca bu yazıdaki adımları izlemeniz gerekir. Ancak, aşağıda açıklananlar dışında başka yerlerde bir tıklama işlevini tetiklemek istiyorsanız, biraz değişiklik yapmalısınız. Değiştirecek tek şey kullandığımız sınıftır çünkü bu her zaman farklıdır. Bu tıklama tetikleyicisinin web sitenizin diğer bölümleri için gerçekleştiğini yapmak istiyorsanız, aşağıda göstereceğimizle aynı adımları izleyebilir ve CSS sınıfını kullandığınıza göre değiştirebilirsiniz. Düğme modülünü pop katılım formuna bağlayın Rehber olacağımız ilk örnek düğme modülüdür. Düğme modülü için bir tıklama tetikleyici yapmakla ilgili eğlenceli şey sınırsızdır. Düğme modülünü içeren her tür bölüm veya satır yapabilirsiniz ve istediğiniz kadar yaratıcı olabilirsiniz. Daha fazla zaman sınırlaması olmadan, düğmeyi tıklamaya başlayalım. Bunu yapmanın iki yolu var; CSS sınıfını kullanarak veya modüle bir CSS kimliği ayarlanarak. CSS sınıfını kullanarak sayfayı açın veya tıklama işlevini tetiklemek istediğiniz bir sayfa oluşturun. Ardından, düğme modülünü ekleyin veya çalışmak istediğiniz düğmeden düğme modülü ayarlarını açın.
Gelişmiş sekmesini açın ve aşağı kaydırın. Ana öğe alanını tıklayın ve görünen düğmede belirtilen CSS sınıfına bakın. CSS sınıfını kopyalayın, hemen ihtiyacımız olacak. Ardından, oluşturduğunuz katılım formundan Ekran Ayarları sekmesini açın. Önceki bölümde, mucizenin nerede olacağını gösterdik. ‘Tıklarken tetikleyicileri’ ve belirtilen diğer tüm olasılıkları devre dışı bırakmayı etkinleştiriyoruz. ‘Tıklamada hile’nin hemen altında, aşağıdaki satırları koymalısınız: *.et_pb_button_0.et_pb_button.et_pb_module görebileceğiniz gibi, bu sadece bu adımdan önce kopyaladığınız sınıfın ardından bir sembol’ *’. Bir tane var. Hatırlamanız gereken şey; CSS sınıfı düğmesi aynı sayfadaki her düğme için farklıdır, ancak düğmeyi başka bir sayfaya eklediğinizde, doğrudan ‘0’ dan başlar. Bu, tüm sayfalar ve yayınlar için katılım formunuz mevcutsa, her sayfadaki her bir ilk düğme modülünün bir katılım formunu tetikleyeceği anlamına gelir. Bundan kaçınmak istiyorsanız, CSS kimliği üzerinden gerçekleşen tıklama tetiklemesini kullanabilirsiniz. Ancak belirli bir CSS kimliğini tam modüle ayarlarsanız, bunu gerçekleştirmenin en kolay yolu CSS sınıfıdır. Katılım formunuzun görüntüleme ayarında belirli bir katılım formunun hangi sayfa görünebileceğini belirleyebilirsiniz. Bunu yaparak, kontrolü alacak ve tam olarak katılım formunun hangi sayfanın görüneceğini bileceksiniz.
CSS kimliğini kullanarak ikinci yöntem CSS kimliğini kullanmaktır. Düğme modülünü açın, devam eden sekmeyi açın ve CSS kimliğini verin. Bu durumda, ‘açılır’ kullanacağız.
Düğme modülünün içerik sekmesini girmeye devam edin ve “#” sembolünü ve ardından ne istersen yazın. Bunu yaparak, düğmeyi tıklarken ziyaretçilerin sayfada aynı yerde kalmasını sağlayacaktır. Ardından, katılım formunuzun ayarına dönün ve tıklarken tetik alanına “#bir açılır” ekleyin. Her zaman “A#” ve ardından düğme modülüne ayarladığınız CSS kimliğini yazmalısınız. #Popup
