Bilgi pazarlamasında çalışan abonelik sayfalarına örnekler. Basit abonelik sayfası şablonu - kendiniz düzenleyin Bir abonelik sayfasına Yandex.Metrika veya Vkontakte'den bir piksel kodu nasıl eklenir
Merhaba arkadaşlar! Sizin için hosting'e yüklemek için html formatında basit ve özlü bir abonelik sayfası şablonu hazırladım. Ve elbette, onu düzenlemek için talimatlar.
Şablon farklı cihazlar için uyarlanabilir, şunlardan oluşur:
başlık ve alt başlık,
Görselleştirme için 3D bilgi ürün kutuları,
faydaların listesi (çatışmalarda),
abonelik formları - e-posta ve VK yoluyla,
önemli bilgiler içeren altbilgi (web sitenize veya VK grubunuza, gizlilik politikasına, sosyal ağlara bağlantılar).
Bu şablonun bir örneği:
Ve işte düzenlemeyle ilgili bir video eğitimi:
Ayrıca metin düzenleme talimatlarını aşağıda yayınlıyorum.
1) Önce şablonu indirin bağlantı.
2) Bir arşive paketlenir, indirildikten sonra normal bir klasöre açılması gerekir. Arşive sağ tıklayın ve "Geçerli klasöre çıkar" seçeneğini seçin.
Bilgisayarınızda bir arşivleyici kurulu olmalıdır!
Veya arşivi açmak için çift tıklayın ve klasörü arşivden masaüstüne sürükleyin.
3) Şablon klasörünün bir kopyasını oluşturun. Ne için? Böylece şablon sizde kalır ve geçerli kopyayla düzenlemeye devam edersiniz.
Klasöre sağ tıklayın, "Kopyala"yı seçin.
Ardından masaüstüne sağ tıklayın ve "Yapıştır" ı seçin.
4) Fareye çift tıklayarak kopyalanan klasörü açın, içinde iki dosyanız olacak. index.html dosyası ve varlıklar klasörü. index.html'yi düzenleyerek başlayalım - bu bizim şablonumuz. Ve varlıklar klasöründe, yalnızca resimlerin - görüntülerin bulunduğu bir alt klasöre ihtiyacımız var. 3B kutu düzenini ürün kapağınızla nasıl değiştireceğinizi göstereceğim.
Diğer klasörlere dokunulmasına gerek yoktur - stillerden, komut dizilerinden ve sayfanın farklı cihazlarda doğru görüntülenmesinden sorumludurlar.
index.html dosyasını düzenlemek için ücretsiz Notepad++ not defterini indirip yüklemeniz gerekir.
Simgesi böyle görünüyor.
Kurulduktan sonra, index.html dosyasına sağ tıklayın ve "Not defterinde aç"ı seçin. Şablon kodunu açacaksınız.
Burada neyi düzenliyoruz?
İlk olarak, tarayıcıda görüntülenen başlık (başlık) - mevcut metin yerine kendi metninizi yazmanız yeterlidir.
Sözlüğüm örneğini kullanarak acemi bir ortağa gösteriyorum.
Aşağıda bulunan “GET ERİŞİM” butonu tıklandığında kişi sayfanın sonuna üyelik formuna yönlendirilmektedir. Burada mevcut olanın yerine adınızı buton üzerine yazabilirsiniz.
Benimki yerine senin metnini değiştir yeter.
Burada, abonenin ücretsiz hizmetinizden hangi değerleri, faydaları, faydaları alacağını açıklamak önemlidir. Ve en iyi böyle bir liste biçiminde çalışır - açıkça nokta nokta.
Varsayılan olarak 4 paragrafa sahiptir, daha fazlasına ihtiyacınız varsa, örneğin son paragrafı koddaki ilgili kısmı vurgulayarak kopyalayabilirsiniz. Ekran görüntüsünde vurgulanması gerekenleri gösterdim, buraya dikkatlice kopyalamak önemlidir!
büyütmek için ekran görüntülerini tıklayın
Böylece, ihtiyacınız olan puan sayısını kopyalayabilir ve ekleyebilirsiniz.
Aksine, bir öğeyi silmeniz gerekiyorsa, bloğu ekran görüntüsündeki gibi seçin:
Ve klavyenizdeki Sil tuşuna basın. Koddaki fazla boşluk, Backspace (Geri) tuşu kullanılarak da kaldırılabilir.
Önemli: kodun bu kısmı daha zordur, dolayısıyla artık yeni başlayanlar için değildir. Listedeki 4 öğe, abonelikteki en uygun avantaj sayısıdır, bu nedenle kodda herhangi bir şey silmeniz veya eklemeniz gerekmez!
Şimdi abonelik formunu değiştirmemiz gerekiyor. Kodun değiştireceğimiz kısmı yorumlarla işaretlendiği için burada daha kolay.. İki yorum arasındaki içeriği tamamen kaldırmamız ve mail servisimizden abonelik formu kodunu yapıştırmamız gerekiyor.
büyütmek için ekran görüntüsüne tıklayın
Benim durumumda, bu Justclick. Daha önce "CRM" - "Abonelik Formları" bölümünde abonelik formu oluşturmuştum.
Şimdi abonelik sayfasına yapıştırmak için kodunu kopyalıyorum.
Ve mevcut kodun yerine yapıştırıyorum - bu parçayı tamamen seçiyorum ve formumun kodunu yapıştırmak için Ctrl + V tuş kombinasyonunu kullanıyorum.
büyütmek için ekran görüntülerini tıklayın
"Aşağıdaki forma e-postanızı girin..." formunun üzerindeki metin de değiştirilebilir.
Önemli: değişikliklerinizi kaydetmek için, Notepad ++'daki "Kaydet" disket simgesini düzenli aralıklarla tıklamayı unutmayın.
İmzanızın tarayıcıda nasıl değiştiğini görmek için, klasördeki index.html dosyasını farenin sol tuşuyla çift tıklayarak açın (tarayıcıda şablon önizlemesini bu şekilde açarsınız).
Dosyayı sağ tıklayarak hangi tarayıcıda açacağınızı da seçebilirsiniz. "Birlikte aç"ı seçin ve listeden istediğiniz tarayıcıya tıklayın (birden fazla varsa).
Şablon kodunda bir sonraki VK aracılığıyla abone ol düğmesidir- içine Vkontakte üzerinden ücretsiz abone olmak için bir bağlantı eklemeniz yeterlidir. Örneğin Şenler'de bu bedava oyun için öncelikle bir abone grubu oluşturmalı ve abonelik linkini gruba kopyalamanız gerekmektedir.
Ardından tırnak işaretleri arasında # işareti yerine butona yapıştırın. Düğmedeki yazıyı ve "Veya Vkontakte'den malzeme alın" metnini de değiştirebilirsiniz.
VK aboneliğinden çıkmak istiyorsanız, ekran görüntüsünde gösterdiğim gibi bir kod parçası seçin ve klavyede Sil tuşuna basın.
Şimdi sitenin altbilgisindeki metni ve bağlantıları düzenlemeye devam ediyor. Gizlilik Politikasını burada bıraktığınızdan emin olun. Sitem için nasıl politika oluşturacağımı gösterdim Burada.
Ve en altta, tam adınız metni yerine verilerinizi yazın.
Ve şimdi bilgi ürününün 3 boyutlu kapağını imzalı bir kapakla değiştireceğiz.. Bunu yapmak için, kapağınızı oluşturmanız gerekecek. Bunu nasıl yapacağınızı bilmiyorsanız, tavsiye ederim
Nihai görüntünün boyutunun küçültülmesi tavsiye edilir, çünkü tavsiye ettiğim hizmette oluşturulduğunda büyük olduğu ortaya çıkıyor (boyut, çevrimiçi dahil herhangi bir görüntü düzenleyicide değiştirilebilir). Resim formatı png olmalıdır.
Örneğin, boyutu 1500x1500 pikselden yarıya indirdim.
Bitmiş görüntü, varlıklar klasöründe bulunan görüntüler klasörüne yerleştirilmelidir - ona geçerli kapakla aynı adı verdiğinizden emin olun - maket ve resmimi silin.
Yani, mevcut görüntüyü sizinkiyle, ancak her zaman aynı ad ve biçimde değiştirmeniz gerekir. Yine görselinizin adı maket olmalı ve png formatında olmalıdır!
Aynı ad ve formattaki ürün kapağını sizinkiyle değiştirdiğinizde, imza şablonunda da değişecektir.
Bir aboneliğe Yandex.Metrica veya Vkontakte'den bir piksel kodu nasıl eklenir?
Çok basit, Metrik veya piksel koda etiketten önce yerleştirilebilir< /head>bir boşluk yaparak. Hem bunu hem de bunu yerleştirirseniz, hemen birbiri ardına yapabilirsiniz.
Şablon düzenlendiğinde, barındırma abonelik sayfasını İnternette yayınlamak için gönderme zamanı.
Selamlar, sevgili arkadaşlar! Şimdi abonelik sayfasının ne olduğundan, ne işe yaradığından ve nasıl kendiniz yapacağınızdan bahsedeceğiz. Ayrıca makalenin sonunda, küçük abonelik sayfaları koleksiyonumu veya "yakalama sayfaları" olarak da adlandırıldıkları şekliyle paylaşacağım. Bu ders herkes için faydalı olacaktır: hem acemi blog yazarları hem de acemi bilgi işadamları.
Yukarıda yazdığım gibi - abonelik sayfaları, bloglarını sürdürenler ve internette iş kuranlar için bu çok önemli bir bölüm. Birden fazla, duydunuz, birden fazla blogcu ve bilgi iş adamı sayfaları yakalamadan yapamayacak!
Birçoğunuz abone tabanının bir Altın Varlık olduğunu biliyorsunuz ve bununla en başından ilgilenmelisiniz! Bunun üzerine "puan" vermenize veya kendi kendinize "sonra, sonra, sonra" demenize gerek yok, şimdi harekete geçmelisiniz!!! Tabii ki, şimdi abone almanın tüm inceliklerinden bahsetmeyeceğim çünkü. Yakında bu konuda bir dizi makale yazmayı, hatta ücretsiz bir kitap yazmayı düşünüyorum. Ve bu yaz olacak, sanırım Temmuz başında. Kaçırmamanızı tavsiye ederim!
İnceliksiz yapacağız ama kısacası tabi ki neyi ve nasılını anlatacağım...
Abone kazanmak için öncelikle videolu kurs veya kitap gibi kendi ücretsiz bilgi ürününüzü oluşturmanız gerekir. Ardından bir abonelik sayfası oluşturun (bu makalede daha fazlası) ve ürününüzün reklamını yapın! Bu şekilde, ilk başta bir abone tabanı toplayabilirsiniz.
Ve şimdi abone setinin sadece bir kısmından bahsedeceğiz, bu abonelik sayfası(yakalama sayfası).
imza sayfası üyelik formunu kullanarak abone yapmak gibi sinsi bir amacı olan kişileri davet edeceğiniz özel bir sayfadır.
Bu sayfayla bir kereden fazla tanıştığınızdan fazlasıyla eminim. Bu nedenle, ne olduğunu açıklamakla zaman kaybetmeyin ... Ne olmaları gerektiği ve nasıl yapılacağı hakkında konuşalım!
Bir dönüşüm hunisi sitesi nasıl görünmelidir?
Abonelik sayfasının nasıl olması gerektiği konusunda hem yeni başlayanlar hem de profesyoneller arasında pek çok tartışma var. Bu nedenle, şu anda bu sorunun kesin bir cevabı yok ... Ve herkes istediğini kullanıyor, ancak yine de bazılarına bağlı kalmalısınız. çok önemli kurallar!
- "Gürültülü" ve akılda kalıcı bir başlık olmalıdır.
- Müşteriyi “bitirecek” bir alt başlık olmalıdır.
— pencere kaydırılmadan görünür olmalıdır.
— Abonelik formu dikkat çekmelidir.
- Müşteri size güvenmeli ve mail adresini vermelidir.
- Müşterinin ne alacağına dair net bir örnek.
Abone kazanmak için abonelik sayfası oluşturan herkesin uyması gereken kurallar bunlardır. Şimdi, soru kalmaması için her bir noktayı biraz daha ayrıntılı olarak inceleyelim. Ama ondan önce şunu söylemek isterim: bu ipuçları sadece abonelik sayfaları için uygundur, sayfaları satmak için biraz farklı bir taktik kullanılır, biraz benzer, ancak daha az sonuç verir.
1. “Gürültülü” ve akılda kalıcı bir başlık olmalıdır.
Yüksek sesle ve akılda kalıcı derken, başlığın aynı anda ücretsiz ürününüzün özünü taşıması ve bunu müşteriye “davet etmesi” gerektiğini kastediyorum! Ayrıca başlık okunabilir ve akılda kalıcı olmalıdır!
Aceleyle bir başlığa girmeye gerek yok. Oturup dikkatlice düşünmeniz, her şeyi yeniden düşünmeniz ve ardından yalnızca manşetin ne olacağına dair kararlar vermeniz gerekiyor. Birkaç gün, hatta haftalar sürebilir!
Başlık örneği:
"Yapamayacağımı düşündüler. Ama yanılıyorlardı… İnternetten ilk milyonumu kazanmayı başardım.”
2. Müşteriyi “bitirecek” bir alt başlık olmalıdır.
Bu alt başlık satış sayfasının çok önemli bir parçasıdır, başlıktan hemen sonra yazılmalıdır. Alt başlık okunabilir olmalı ve ürününüzün ne hakkında olduğuna dair doğrudan bir anlam taşımalıdır. Hatta ürünün adı veya argosu da olabilir.
Altyazı örneği:
"Nasıl bir milyon kazanılacağına dair ayrıntılı talimatlar!"
3. Abonelik formu pencereyi kaydırmadan görünmelidir.
Bence açıklamaya bile değmez. Abonelik sayfasında, abone toplama oluşturucu, yani abonelik formu, sayfaya girdikten hemen sonra aşağı kaydırmadan () müşteri tarafından görülebilmelidir. Bu arada, bu sadece abonelik sayfası için değil, sadece blog için de geçerli!
4. Abonelik formu dikkat çekmelidir.
Smartresponder gibi özel hizmetler sunan standart abonelik formları göze batan şeylerdir. Ve bu nedenle, bu tür formlar artık birkaç yıl önce olduğu kadar ilgi görmüyor. Dikkatlice düşünmeye ve özel ve çekici bir şey yapmaya değer.
Bir grafik düzenleyici ve html bilgisine sahipseniz, karmaşık bir şey yoktur, ancak bunlara aşina değilseniz, o zaman serbest çalışanlarla iletişime geçmelisiniz.
Sayfaya gelir gelmez kayıt formu dikkat çekici olmalı, ancak onu bir Noel ağacına dönüştürmeyin.
5. Müşteri size güvenmeli ve mail adresini vermelidir.
Müstakbel abonenize, e-posta adresinin sizde kalacağını, yanlış ellere geçmeyeceğini ve kendisine spam gönderilmeyeceğini yazmalısınız! Bu çok önemli, onlara güvenilebileceğini bilmelerini sağlamalısın! Ve tabii ki aboneye günde onlarca mektup göndermemelisiniz, bunu kabul etmediler ...
6. Müşterinin ne alacağına dair net bir örnek.
Ayrıca abonelik sayfasının önemli bir parçası. Gelecekteki aboneye pratikte ne alacağını görsel olarak göstermelisiniz. Basit kelimeler yeterli değil, bu yüzden bir ürün kapağı veya bazı ekran görüntüleri veya bir video klip sunmak güzel olurdu.
Kısa sürede iyi sonuçlar elde etmek istiyorsanız, mutlaka uymanız gereken kurallar bunlardır. Elbette tüm kurallar ve ipuçları bunlar değil, çok daha fazlası var ama ilk aşamada bunlar oldukça yeterli. Daha fazlasını istiyorsanız, lütfen yorumlarda bana yazın. Daha sonra ücretsiz bir kitap yazmaya hız vereceğim.
Abonelik sayfası nasıl yapılır?
Html de dahil olmak üzere özel programlama dilleri bilgisi olmadan bir abonelik sayfası yapılabilir. Her şey çok daha kolay yapılabilir çünkü bunun için çok sayıda farklı özel var. Bunları bulmak zor değil, aramaya "html siteleri oluşturma programı" veya buna benzer bir şey yazmanız yeterli.
Şahsen ben programı bu amaçlar için kullanıyorum. Web Sayfası Yapıcı. Bununla basit bir abonelik sayfasının nasıl oluşturulacağından ücretsiz video kursumda bahsetmiştim” Bir video kursu nasıl oluşturulur: A'dan Z'ye Buradan tamamen ücretsiz olarak indirebileceğiniz “.
Ben de kendimi tekrar etmemek için, özellikle sizin için bu dersi kamuya açık hale getirmeye karar verdim. Aşağıda görüntüleyebilirsiniz:
Peki, nasılsın, her şey açık mı? Herhangi bir sorunuz varsa, yorumları yazın - kesinlikle cevaplayacağım ve yardım edeceğim!
Ve bu yazıda abonelik formunu nasıl ilgi çekici hale getirebileceğimizden ve abonelikten çıkma durumunda müşterileri nasıl tutabileceğimizden bahsedeceğiz.
Abonelik formu
Kullanıcının kolayca bulabilmesi için abonelik formunu sayfanın altında veya yan menüde ayrı bir blokta yerleştirmek en iyisidir. Bir açılır pencerede abone olmaya davet edebilirsiniz, ancak kullanıcıları rahatsız etmemek için bu seçeneği dikkatli kullanın. İdeal olarak, bunu yalnızca yeni site ziyaretçilerine göstermelisiniz.
Yves Rocher web sitesinin altbilgisine talihsiz bir form yerleşimi örneği
Mokselle'den abonelik formunun konumuna iyi bir örnek
Abonelik formunun içermesi gereken ana unsurlar:
Giriş alanları. İsim ve e-posta istemek en iyisidir. Kendinizi bir posta ile sınırlayabilirsiniz, ancak o zaman kişiselleştirilmiş mektuplar gönderme yeteneğinizi kaybedersiniz.
Çok fazla fazladan alan (UniSender blogunda bulundu)
Ecco tarafından yeterli form giriş alanları
Formda bilgi eksikliğiQuelle
Sitede net bir mektup programıFotoğraf deposu
abone olma sebebi. Mektuplarda ne olacağını ve bunun müşteriye neden faydalı olduğunu anlattığınızdan emin olun.
123.ru sitesinde çok genel metin
Nike'tan çekici metin
Ayrıca hediyeler de verebilirsiniz: indirim, bonus materyal, hizmetin demo versiyonu vb. Enjoyme'den örnek metin:
Veya hizmet satan bir siteniz varsa, bir uzmandan mini denetim yapabilirsiniz (Urban Decay'den bir örnek):
Lakodom'dan formda ne tür mektuplar geleceği belli değil
Ek olarak, formun dikkat çekici olması gerektiğini unutmayın (ancak aynı zamanda sitenin tasarımı ile birleştirilmelidir).
Form kayıp (Lamoda web sitesi)
Üniforma - Adidas web sitesindeki tasarımın bir parçası
Ve ilham almak için birkaç yaratıcı abonelik formu daha.
Seonews'ten Tatlı Jedi:
Quelle'den Parlak Açılır Pencere:
Kiehls'ten arkadaş olmak için güzel bir teklif:
Abonelik Sayfası
Evet, bütün bir sayfa! Kullanıcıları ayrı bir sayfaya davet etmek daha kolaydır ve posta listesi hakkında daha fazla bilgi verebilirsiniz.
Peki üzerinde olması gerekenler:
Netology'den iyi bir başlık örneği
içeriğin açıklaması. Burada harflerin ne hakkında olduğunu ve ne sıklıkta geleceklerini daha ayrıntılı olarak anlatabilirsiniz. Birkaç tür postanız varsa, her biri hakkında kısaca bilgi verin ve kullanıcının beğendiklerini seçebilmesi için onay kutuları düzenleyin.
Lenta.ru web sitesindeki posta listelerinin kısa açıklaması
Avantajlar veya abone olma nedeni. Tıpkı formda olduğu gibi, abonelik sayfasında kullanıcının neden bültene ihtiyacı olduğunu göstermeniz gerekir. Bunu ayrı bir blok olarak vurgulayamazsınız, ancak posta listesinin açıklamasıyla birleştirebilirsiniz.
Avantajlar yapılandırılmamış metinde görünmez (Ural Airlines web sitesinde)
Madde işaretli listenin okunması kolaydır (H&M)
Bir abonelik için hediye veriyorsanız, bunu ilk ekranda, örneğin başlıkta (Lamoda web sitesinde) göstermek daha iyidir:
Abonelik formu. İçinde ne olması gerektiğini, önceki bölümde zaten tartıştık.
Harf örnekleri. Abonelik formunda örnek bir mektuba bağlantı eklemek yeterliyse, hemen göstermek daha uygundur. Daha da iyisi, birden çok e-posta gönderin.
Fotoğraflar olmadan bilgiler kaybolur (Ipa-Zakon web sitesinde)
Çalışanların fotoğrafları abone olmak zorundadır (Hizmet 1PS)
Geçenlerde abonelerimden biri, yaşlı bir kadın, çevrimiçi çalışmayla ilgili bir konuda bana yazarak yardım istedi. Onun için yaptıklarımın ayrıntılarına girmeyeceğim ama yardım ettim. Ve yanıt olarak, bana artık internette kesinlikle daha iyi sonuçlar elde edeceğini yazdı. Kesinlikle, inandığım için […]
Çoğu insan Instagram'ı nasıl kullanır? Fotoğraflarınızı yayınlamak için özel olarak. Bir tür makyaj fuarı ortaya çıkıyor. Mecazi olarak konuşursak, tipik bir fotoğraf şöyle bir şeydir: Ama Instagram'ın (kimin aklına gelirdi ki!) bir "ikinci dip" vardır. Bu sosyal ağda, tam olarak ihtiyacımız olan insan kategorilerine gösterilecek olan hedefli reklamlar oluşturma yeteneğinden bahsediyorum. […]
Yakın zamanda Alexander Dyrza ile birlikte düzenlediğim ve yürüttüğüm canlı eğitim Infotraffic ve dönüştürme 2017'yi incelemeye başladık. Büyük bir makale olacak)) Yani - 25 - 28 Kasım 2017. Moskova, otel kompleksi Izmailovo Alfa. Gitmek! Etkinlik başlamadan önce insanların kendilerini salona çekmeye başlaması harika bir duygu. Onlarla tanışıyorsunuz ve […]
Bilgi pazarlamanın (bilgi ticareti) maliyetleri nelerdir?
Kapsayıcı olduğumu iddia etmiyorum. Bu makaleye kasıtlı olarak bazı harcamaları dahil etmedim, sadece bazılarını unuttum. Ancak ana noktalar burada yansıtılıyor: Ekipman için hemen rezervasyon yapacağım - hepsini bir kerede satın almak çok pahalı. En iyi çıkış yolu, ev stüdyonuzu yavaş yavaş inşa etmektir. Ve bir şey daha - tüm bu konularda en iyi uzman ben değilim, […]