WordPress kullanarak Mailrelay abonelik formu nasıl eklenir

Mail listenizi artırmak için yeni aboneler çekmek istiyorsanız sitenizde abonelik formları sunmalısınız. WordPress ile çalışıyorsanız, bu formları kolayca blogunuza ekleyebilirsiniz.

Niye ya? Temel olarak, sunduğunuz ürün veya hizmetlerle ilgilenen kişilerden veri toplamanıza izin verdiği için, onlarla periyodik olarak iletişim kurabilirsiniz.

Bu noktada şöyle düşünebilirsiniz: İlgileniyorum ama WordPress sitemde bir abonelik formu oluşturmak için ne yapmam gerekecek? HTML koduna aşina değilim ve basit ve kolay bir şeye ihtiyacım var.

Endişelenme, bu eğitimde; Eklentili ve eklentisiz WordPress kullanılarak oluşturulan web sitenize Mailrelay tarafından oluşturulan HTML kodunu eklemenin farklı yollarını göstereceğiz.

İlginç, değil mi?

Önemli Açıklama: Bu eğitim için, hesabınızda zaten bir katılım formu oluşturduğunuzu ve HTML kodunu kopyaladığınızı varsayacağız. Bu nedenle, bu kodun WordPress'e nasıl ekleneceğini açıklamaya odaklanacağız. Henüz formu oluşturmadıysanız veya HTML kodunu kopyalamadıysanız, önce bu diğer gönderiyi okumanızı ve belirtilen adımları izlemenizi öneririz: Mailrelay V3 abonelik formları

· Herhangi bir eklenti kullanmadan Mailrelay abonelik formu nasıl entegre edilir

Kendimizi kandıramayız diyerek bu eğitime başlamalıyız; Çoğumuz sitemizdeki tüm görevleri bizim yerimize yapacak bir eklenti bulmaya çalışacağız çünkü bunlar hayatımızı çok daha kolaylaştırıyor.

Ancak, sitemize birçok eklenti yüklemenin sayfayı aşırı yükleyebileceğini unutmamak önemlidir.

Bu, birçok durumda, SEO stratejimizi ve kullanıcı deneyimimizi doğrudan etkileyen sayfaların yüklenme süresinde bir artış anlamına gelir.

Tüm bunlar için, web sitenizi aşırı yüklemekten kaçınmak istiyorsanız veya sadece WP sitenize daha fazla eklenti yüklemek istemiyorsanız, HTML kodunu herhangi bir eklenti olmadan doğrudan web sitenize entegre edebilirsiniz.

Nasıl?

Bu adımları izleyerek:

Başlamak için WordPress'inize giriş yapmanız ve “ Görünüm”e ve “Widget”a tıklamanız gerekir .

Widget'lar bölümünde " Custom HTML " adlı bir widget bulmamız gerekiyor . ” Bulduğumuzda, katılım formumuzu eklemek istediğimiz widget alanına sürükleyebiliriz.

Varsayılan olarak, WordPress sayfanın kenar çubuğunda bir widget alanına sahiptir.

Oraya ekleyebiliriz veya temamızda veya şablonumuzda Widget'ların başka alanları etkinse, yeri değiştirebiliriz (örneğin, altbilgide).

Bu durumda, tüm WordPress web sitelerinde varsayılan olarak bu seçenek bulunduğundan, onu widget'ların en yaygın alanına ekleyeceğiz; Kenar çubuğuna HTML kodunu ekleyelim .

Widget'ı bu alana sürüklememiz, bir başlık eklememiz ve Mailrelay tarafından oluşturulan kodu yapıştırmamız yeterli. Bu öğreticiyi okumaya başlamadan önce HTML kodunu zaten oluşturduğunuzu unutmayın.

Widget'ı adlandırdıktan (başlık bölümünde) ve kodu girdikten (içerik bölümünde) sonra kaydet düğmesine tıklamanız gerekecektir.

Daha sonra, her şeyin yolunda olup olmadığını kontrol etmek için blogunuza erişebilir ve kenar çubuğunda abonelik formunu görebilirsiniz.

* Formun, şablonunuzda veya temanızda yapılandırılmış stillere (renkler ve yazı tipleri) sahip olacağını unutmamak önemlidir.

Bu durumda, formun kenar çubuğuna nasıl entegre edileceğini gördük. Sitenizde etkinleştirilmiş başka bir widget alanı varsa, daha önce açıkladığımız adımların aynısını uygulayabilirsiniz, ancak widget'ı o alana sürüklemelisiniz.

Sonuç aynı olacaktır; tek fark, katılım formunuzun kenar çubuğunda değil, belirtilen alanda görüntülenmesidir.

· Mailrelay abonelik formu WordPress'te Elementor ile nasıl entegre edilir (ücretsiz sürüm)

Mailrelay abonelik formu WordPress'te Elementor ile nasıl entegre edilir (ücretsiz sürüm)

Elementor, şu anki en ünlü WordPress düzen tasarımcılarından biridir, aslında, katılım formlarını düzenlemek için en çok kullanılan eklentilerden biridir.

Ana özellikleri arasında, herhangi bir kullanıcının para yatırmak zorunda kalmadan çekici ve kişiselleştirilmiş bölümler oluşturmasını sağlayan birçok özelliğe sahip ücretsiz bir sürüm bulabiliriz.

Elementor, şu anda daha sınırlı özelliklerle ve bazı ekstra seçeneklerle ücretli/Premium sürümüyle ücretsiz olarak sunulan bir eklentidir.

Ancak ister ücretsiz ister ücretli sürümünü kullanıyor olmanız farketmez, Mailrelay formunuzu istediğiniz bölüm ve konuma entegre edebileceksiniz. Bunu sadece birkaç adımda nasıl yapacağınızı öğreneceksiniz:

İlk gereksinim, sitemizde Elementor eklentisinin kurulu olmasıdır. Henüz yüklemediyseniz, eklentiler sekmesine gitmeli ve “ yeni ekle ”yi tıklamalısınız .

WordPress deposunda "Elementor sayfa oluşturucu" ifadesini arayın ve Yükle'ye tıklayın.

Kurulduktan sonra etkinleştirmeyi unutmayın, kodumuzu entegre etmeye hazır olacağız.

Entegrasyona başlamak için üyelik formunuzu girmek istediğiniz sayfayı veya bölümü açmalısınız. Bu bölüme eriştikten sonra HTML kod modülünü aramanız gerekecektir.

Bulunduktan sonra modülü, formunuzun görüntülenmesini istediğiniz sayfanın sütununa veya bölümüne ekleyin. Söz konusu alana sürükledikten sonra daha önce kaydettiğimiz HTML kodunu yapıştırmamız gerekecek.

HTML kodu girildikten sonra, seçilen bölümde veya sütunda abonelik formunda formun nasıl bulunacağını göreceksiniz. Her şeyin doğru olduğundan emin olun ve değişiklikleri yayınlayın. Sonuç sitenizde görünecektir:

Daha önce de belirttiğimiz gibi, hem bu durumda hem de önceki durumda, formun şablonunuzda veya temanızda ayarlanmış stillere sahip olacağını unutmamak önemlidir.

Stil değişiklikleri veya modifikasyonları yapmak için HTML'yi düzenlemeniz veya abonelik formlarımızı özelleştirmemize izin veren belirli eklentiler kullanmanız gerekir (örneğin Bloom).

· Mailrelay abonelik formu WordPress'e Bloom ile nasıl entegre edilir

Bloom, abonelik formları oluşturmak için bulabileceğimiz en eksiksiz eklentilerden biridir. WordPress'inizde bu eklenti zaten kuruluysa veya bir lisans satın almayı düşünüyorsanız, bunu Mailrelay hesabınızla nasıl entegre edebileceğinizi açıklayacağız.

Yönetici paneline girdikten sonra yapmanız gereken ilk şey Bloom / Opt-in formlarına tıklamak. Bu sekmede, daha önce oluşturduğunuz tüm abonelik formlarını bulabilirsiniz. Bu durumda, Mailrelay ile nasıl kolayca entegre edileceğini öğrenmek için sıfırdan yeni bir form oluşturacağız.

Yeni bir form oluşturmak için ekranın üst kısmındaki mavi butona tıklamanız yeterlidir “ new opt-in. ” veya yeni form.

Sistem, oluşturmak istediğiniz form türünü seçmeniz gereken bir açılır liste açacaktır. Daha sonra istediğiniz bölümde veya sayfada uygulamanıza izin vereceği için “inline” seçeneğini seçelim.

Bir sonraki pencerede, yeni formumuzu yapılandırmaya başlamanız gerekecek. Yapmanız gereken ilk şey, onu dahili olarak tanımlayabilmek için bir isim vermektir (bu isim sadece size görünür olacak, ziyaretçilere gösterilmeyecektir.)

Bundan sonra, bir e-posta sağlayıcı seçmemiz gerekecek. Bu durumda Mailrelay'den HTML kodumuza sahip olduğumuz için doğrudan açılır listenin en altına gidebilir ve “Özel HTML formu” seçeneğini seçebiliriz.

Bu seçeneği seçtikten hemen sonra sistem, formun snippet kodunu ekleyebileceğimiz gri bir kutu gösterecektir. Bu durumda Mailrelay tarafından oluşturulan HTML kodunu yapıştırmanız ve “Sonraki tasarımınızı onayla ” butonuna tıklamanız gerekmektedir.

Aşağıda, farklı renk ve stillere sahip farklı formlara göz atacağız. Sayfa renk düzenine uyması için sitenizin düzenine göre en iyi seçeneği seçmelisiniz. Kodu zaten tanıttığımız için, stilin eklenti tarafından gösterilenle aynı olmayacağını anlamak önemlidir, ancak sonuç genellikle oldukça iyidir.

Bir sonraki adım, formda kullanmak istediğimiz alanları özelleştirmek olacaktır. “opt-in title” kısmına form başlığında belirgin bir şekilde görünecek başlığı yazmalıyız. Başlık girmek istemiyorsanız bu alanı boş bırakabilirsiniz.

Bundan sonra, formun metnini doldurmamız gerekecek. Ziyaretçilerinizin neden bülteninize abone olması gerektiğini veya abonelik karşılığında abonelerinize neler sunduğunuzu açıklamayı düşünüyorsanız, tüm bu bilgileri eklemek için kullanmanız gereken alandır.

Böylece görüntüyü ayarlayabiliriz. Bloom'un standart şablonlarının çoğu, en üstte bir resim içerir, ancak onu değiştirmek ve/veya logonuzla değiştirmek istiyorsanız, örneğin, bunu bu bölümde yapmanız gerekecektir.

Stiller bölümüne geldik. Abonelik formunuzu daha fazla özelleştirmek, yazı tiplerini, renkleri, arka planları veya diğer herhangi bir estetik yönü değiştirmek istiyorsanız, burası tam size göre. Opt-in Styling ve form styling'de birçok seçenek ve alternatif arasından seçim yapabilirsiniz.

Bundan sonra, formu özelleştirmek için daha fazla seçenek bulacağız. Altbilgiye metin (açıklamalar veya hızlı yorumlar için ideal) ve ziyaretçinin başarılı bir şekilde haber bültenine abone olduktan sonra görüntülenecek metin olan onay mesajını ekleyebiliriz.

Tüm alanları ayarladıktan sonra “Kaydet” diyerek çalışmamızı kaydedebiliriz. Kaydet'e tıkladığımızda, eklenti bizi ekrandan çıkaracak ve tüm aktif katılım formlarını gösterecek.

Bloom formumuzu zaten oluşturduk ve yapılandırdık. Bir sonraki adım, sitemize doğru şekilde entegre etmektir.

Bunu yapmak için Bloom / opt-in formlarında az önce oluşturduğumuz formu arayacağız ve solda bu “[]” sembolünü bulacağız .

Üzerine tıkladığımızda, bu formun kısa kodunu içeren yeni bir pencere göreceğiz. Daha sonra kullanmanız gerekeceğinden bu kodu bir yere kopyalayın veya kaydedin.

Kısa kodu kopyaladıktan sonra, bu formu görüntülemek istediğimiz web sitemize eklememiz gerekecek. Elementor veya Divi gibi bir görsel düzenimiz varsa kod modülü veya kısa kod ile istediğimiz yere entegre edebiliriz.

Aksine, WordPress tarafından oluşturulan yeni sistem olan Gutenberg ile zaten çalışıyorsak, özellikle bu amaç için gömülü widget'ı kullanarak Kısa Kodumuzu entegre edebiliriz.

Bu nedenle, düzenlemek için sayfayı veya bölümü açmalıyız. Eriştikten sonra “+” düğmesine tıklayacağız ve widget'larda “Shortcode” bloğunu seçeceğiz. Bundan sonra, daha önce kaydettiğimiz kodu veya kısa kodu girmemiz gerekiyor. Burada yalnızca içeriği yapıştırmanız ve değişiklikleri kaydetmeniz gerekir.

Bu adımları uyguladıktan sonra yeni formunuz sitenizde kullanıma sunulacaktır. Süreç düşündüğünüzden çok daha kolay, değil mi?

· Çözüm

Makale boyunca gördüğümüz gibi, WordPress kullanarak bir Mailrelay HTML formunu entegre etmek için birçok seçenek vardır. Bu yazıda, kod değiştirme korkunuzu kaybetmeniz için kolay olduğunu düşündüğümüz yöntemlere odaklanmak istedik.

Gördüğümüz gibi, Mailrelay'i eklentiler olmadan , widget'lar bölümü aracılığıyla veya WordPress'in sunduğu yeni özellik olan Gutenberg'i kullanarak WordPress ile entegre edebilirsiniz .

Ancak Divi, Elementor veya başka herhangi bir katılım eklentisi gibi görsel düzenleyicileriniz varsa, formunuzu istediğiniz yere eklemek için bunları da kullanabilirsiniz. Bloom'un durumunda, sahip olduğumuz ana avantaj, eklentinin form stillerini kolayca düzenlememize, onlara daha kişisel bir dokunuş vermemize ve kodu sitemizin düzenine uyarlamamıza izin vermesidir .

Ancak, zaten HTML'ye aşinaysanız ve kodda bazı değişiklikler yapmak, stiller veya renkler eklemek istiyorsanız, bu da mümkündür. Tabii ki, dikkatli olmayı unutmayın, çünkü katılım formunuz doğru çalışmıyorsa, e-posta pazarlama stratejinizi etkileyecektir.

Ve şimdi Mailrelay formunuzu WordPress web sitenize entegre etmek ister misiniz?