Are you just getting started with optimizing your push notification campaigns? The first place to start is your push notification popup.
A push notification popup is a simple popup that encourages your website visitors to opt for your push notifications. But not all popups are the same. In fact, you can get a lot of extra signups just based on the type of popup you choose along with some basic design optimizations.
We’ve spent a lot of time analyzing best practices for push notifications. So, in this article, we’ll show you how you can style your push notification popups for both mobile and desktop.
And the best part? Your popups are going to be conversion optimized from day one!
Kulağa hoş geliyor? Hadi dalalım.
What is a Push Notification Popup Modal?
Anlık bildirim açılır penceresi, web sitesi ziyaretçisine bir mesaj veya bildirim göstermek için bir web sitesi veya mobil uygulama arayüzünün üzerine çıkan küçük bir penceredir.
The popup modal can be triggered by various events. You can set up popups to get triggered on page visit, on scroll depth, and even on custom actions such as button click. Usually, you’ll see a call to action on the popup modal such as “Subscribe” or “Allow” to get consent from visitors to send them push notifications.
Aboneleri doğrudan segmentleyebilen açılır pencere modalleri oluşturabilir veya coğrafi konum ve tarayıcı gibi varsayılan özniteliklerle yalnızca aboneleri toplayan normal açılır pencereler oluşturabilirsiniz.
Push notification popup modals are used to engage with website visitors. But you need to make them as non-intrusive as possible so that you don’t annoy your visitors.
Anlık Bildirim İzin İsteme Türleri
İki temel anlık bildirim izin isteme türü vardır:
- Tek Adımda İzin Verme: Kullanıcılar tek bir tıklamayla anlık bildirimlere abone olabilir. Herhangi bir özelleştirmeye izin vermez ve yalnızca sistem varsayılan stillerini kullanır.
- İki Adımda İzin Verme:İki adımlı izin vermede, kullanıcının abone olmak için iki kez tıklaması gerekir. ancak bunun avantajı, tasarımdan kopyaya kadar her şeyi özelleştirebilmenizdir.
Ancak, bir sürü farklı izin isteme alt kategorisi olduğunu bilmelisiniz.
Tek adımlı izin istemeler gerçekten özelleştirilebilir olmadığından, çoğunlukla iki adımlı izin istemelerde bir sürü farklı varyant göreceğiz.
Bir Safari tarzı izin isteme kullanmayı seçebilirsiniz:
Büyük Bir Safari Tarzı Kutu İzin Verme:
Zil şeklinde yerleştirilmiş bir çubuk izin verme:
Bölümlü Büyük Bir Safari Kutusu:
Kayar Bir Çubuk izin verme:
Veya basit Tek Adımlı izin verme:
Hangisini tercih etmeniz gerektiğinden emin değilseniz, okumaya devam edin. Bu makalenin ilerleyen kısımlarında her izin isteme türü için özelleştirilebilir özelliklerden bazılarını ele alacağız.
Harika yanı şu ki…
Siteniz için seçtiğiniz anlık bildirim izin isteme ayarlarını doğrudan PushEngage kontrol panelinizden özelleştirebilirsiniz.
Ve süslü hissediyorsanız, izin isteme açılır penceresinin yerleşimini bile değiştirebilirsiniz. İzin istemeyle ilgili her şey, hem masaüstü hem de mobil için metin veya arka plan rengi dahil olmak üzere tamamen özelleştirilebilir.
Abonelik izin istemede bir diğer önemli unsur Bildirim Kaplamasıdır.
Bir kaplama, anlık bildirimlerinize abone olmanın faydalarını açıklamak için size ek alan sağlar. Tek adımlı bir izin isteme için, izin isteme metnini düzenleyemediğiniz için Bildirim Kaplamanız çok önemlidir.
How to Optimize Your Push Notification Optin
PushEngage kontrol panelinizde, Tasarım » Açılır Modallar bölümüne gidin ve özelleştirmek için bir abonelik izin isteme türü seçin:
En havalı yanı, aynı anda birden fazla anlık bildirim açılır modalı kullanabilmenizdir.
Artık, aralarında geçiş yapmak zorunda kalmadan siteniz için hangisinin daha iyi çalıştığını test edebileceğiniz birden fazla izin isteme çalıştırabilirsiniz.
Her anlık bildirim izin isteme ayarını yaparken, her izin istemedeki farklılıkları ele alacağız. Anlık bildirim izin isteme ayarlarına tamamen yeniyseniz, makalenin tamamını okumanızı ve siteniz için hangi tür izin istemenin doğru olduğuna karar vermenizi öneririz.
Ancak farklı anlık bildirim izin isteme türlerine zaten aşinaysanız, stilini değiştirmek istediğiniz izin isteme türüne atlamalısınız:
- Safari Tarzı Anlık Bildirim İzin İsteme Ayarlarını Özelleştirme
- How to Customize a Large Safari Style Box Opt-in
- How to Customize a Bell Placed Bar
- How to Customize a Large Safari Style With Segments
- How to Customize a Floating Bar Push Notifications Optin
- How to Customize a Single Step Push Notification Optin
Let’s take a look at each type of optin and how you can customize them.
How to Customize a Safari Style Push Notification Opt-in
Let’s start things off with customizing your Safari-style push notification opt-ins for desktops. A Safari-style optin is a popup that looks like a standard Safari popup. Only, if you create a Safari-style push notification optin, your site visitors will see the Safari style no matter what browser they use. And it has nothing to do with the Operating System their device is running on.
So, you’re not restricted to just the Apple ecosystem. The styles simply get carried forward no matter what browser or Operating System your subscribers have.
The first feature your should know about is the placement of your optin on the screen. You can decide where you wish to show the optin on your website or the placement of your optin from the options given in the dropdown.
Customizing the Style
Click on Edit Popup and under the Popup Design tab, design your optin:
Here, you can customize everything about your popup modal. Write your own popup message and customize the button labels. Then, use your brand colors for the Background Color and the button colors.
You can even check the preview to see how the popup looks in different positions. You get three positions to choose from:
- Top left
- Top right
- Top center
Check out the live website to see what looks best and select your placement.
Scroll down to Enable Opt-in Subscription Rules and you can configure when you want your push notification optin to show up.
You can also create a Subscription Overlay with a Legal Consent Notice:
When you’re done, click the Save and Choose Display Options button. There, you can set up when the optin shows up by creating a delay after a visitor lands on a targeted page.
When you’re done just hit the Save and Enable Popup. This is what it should look like when you’re done:
How to Customize a Large Safari Style Box Opt-in
A Large Safari Style box appears in the center of the page both for mobile and desktop. And it’s a two-step optin. so, you can customize a lot about this sort of optin as well.
Customizing the Style
Before we get into what you can customize about your Large Safari Style Optin, let’s take a look at what you can’t customize. You only get a single placement option for this type of optin because of its size.
But as with a regular Safari-style optin, you can customize:
- Background Color
- Allow Button Color
- Block Button Color
And you can customize the text and font options using the live editor as well. The rest of the customization options are exactly the same as the regular Safari optin including the optin display settings and the intermediate page.
How to Customize a Bell Placed Bar
Sayfanın hem mobil hem de masaüstü sürümleri için sağ alt veya sol altta zil simgesi bulunan bir çubuk görünür. Bu, büyük bir Safari tarzı opt-in kutusu ile aynı özelleştirme seçeneklerine sahip, özelleştirilebilir, iki adımlı bir abonelik istemcisidir. Ve tam olarak adından da anlaşılacağı gibi. Üzerinde bir bildirim zilinin olduğu ve web ziyaretçilerinizin abone olmak için tıklaması gereken bir çubuktur.
Zil Yerleştirilmiş Çubuk Abonelik İstemcisini Özelleştirme
Dediğimiz gibi, bu abonelik istemcisini yalnızca sağ alt köşeye yerleştirebilirsiniz:
Veya sayfanın sol alt köşesine, hem mobil hem de masaüstü için.
Bu anlamda, büyük bir Safari tarzı kutudan yalnızca biraz farklıdır. Stil açısından, zil için renkleri ve zil yerleştirilmiş çubuk için arka planı değiştirebilirsiniz:
Geri kalan ayarlar Safari tarzı seçeneklerle tamamen aynıdır.
How to Customize a Large Safari Style With Segments
Büyük Bir Safari Tarzı Segmentli Kutu tam olarak adından da anlaşılacağı gibi. Abonelerinizi otomatik olarak segmentlere ayırma seçenekleriyle birlikte büyük bir Safari abonelik istemcisidir.
Anlık bildirim aboneleriniz için segmentler oluşturmak kampanyalarınızı kişiselleştirmenize çok yardımcı olabilir. Çeşitli içeriğe sahip bir web siteniz veya blogunuz varsa ve en yüksek trafik kaynaklarınızı zaten biliyorsanız, segmentli Büyük Safari Tarzı Kutu kullanmayı denemelisiniz.
Bu tür bir abonelik istemcisi kullanıcı odaklıdır çünkü kullanıcı ne tür bildirimler almak istediğine karar verir.
Segmentleri oluşturduktan sonra Tasarım » Popup Modalları bölümüne gidin ve yeni bir Segmentli Büyük Safari Tarzı abonelik istemcisi oluşturun:
Click on Edit Popup and under the Popup Design tab, design your optin:
Burada, kopyadan marka renklerinizi kullanmaya kadar abonelik istemcinizle ilgili hemen hemen her şeyi özelleştirebilirsiniz. Masaüstü için Segment Seçenekleri alanında, ziyaretçilerinizin abone olmasını istediğiniz segmentleri seçebilirsiniz.
Bu kaydolmanın güzelliği, aynı abonenin açılır pencereden birden fazla segmente abone olmayı seçebilmesidir.
Scroll down to Enable Opt-in Subscription Rules and you can configure when you want your push notification optin to show up.
You can also create a Subscription Overlay with a Legal Consent Notice:
When you’re done, click the Save and Choose Display Options button. There, you can set up when the optin shows up by creating a delay after a visitor lands on a targeted page.
İşiniz bittiğinde sadece Kaydet ve Popup'ı Etkinleştir'e basın:
How to Customize a Floating Bar Push Notifications Optin
Sayfanın hem mobil hem de masaüstü sürümleri için alt veya üst kısmında kayan bir çubuk abonelik istemcisi görünür. Yine, bu ara sayfalı iki adımlı bir abonelik istemcisidir. Yani, bunun çoğunu özelleştirebilirsiniz.
Kayan Bir Çubuk Nasıl Stillenir
Kayan bir çubuk abonelik istemcisi, zil yerleştirilmiş bir çubuk abonelik istemcisine oldukça benzer. Bu nedenle, stil seçenekleri de oldukça benzerdir. Temel fark, diğer iki adımlı abonelik istemcileri gibi abonelik istemcisi kopyası ve düğmelerine sahip olmanızdır.
Bunları ekranınızın alt kısmına yerleştirebilirsiniz:
Veya ekranınızın üst kısmına:
Ve sonra, abonelik istemcisinin geri kalanını diğer herhangi bir abonelik istemcisiyle aynı şekilde özelleştirebilirsiniz. Bu, arka plan renklerini, düğme renklerini, tüm abonelik istemcisindeki herhangi bir metni, ara sayfayı ve görüntüleme seçeneklerini içerir.
How to Customize a Single Step Push Notification Optin
Basit cevap: Yapamazsınız.
Tek adımlı bir anlık bildirim abonelik istemcisi, popup oluşturmak için sistem varsayılanlarını kullandığı için özelleştirilemez. Özelleştirebileceğiniz şey, abonelik istemcinizle birlikte gelen zil simgesidir.
Tek adımlı bildirim için zili sağ alt köşeye yerleştirebilirsiniz:
Veya sol alt köşeye:
Ayrıca zil renklerini ve zil simgesi için fareyle üzerine gelindiğinde gösterilen metni değiştirebilirsiniz:
Scroll down to Enable Opt-in Subscription Rules and you can configure when you want your push notification optin to show up.
You can also create a Subscription Overlay with a Legal Consent Notice:
Bunun yalnızca masaüstü sürümü için olduğunu unutmayın. Mobil sürüm yalnızca sistem varsayılanlarına sahiptir ve yerleşimi de değiştiremezsiniz.
Tek adımlı anında iletme bildirim seçeneklerinizin mobil sürümü şu şekilde görünür:
Onay ayarları açısından, onayın görünmesi için bir gecikme ayarlayabilirsiniz. Ve birinin anında iletme bildirimlerinizi reddettiğini hatırlamak için çerez süresini değiştirebilirsiniz.
Ve tek adımlı seçeneklerle yapabileceğiniz tek şey bu. Abonelik oranlarınızı artırmak için öncelikle tek adımlı seçeneklerle başlamanızı öneririz.
Anında iletme bildirimlerine yeni başlıyorsanız, bir liste oluşturmak işletmeniz için daha yüksek bir öncelik olacaktır. Zamanla, daha özelleştirilebilir olan iki adımlı seçeneklere geçebilirsiniz.
What to do After Setting Up a Push Notification Popup Modal
Once you’re done customizing one push notification popup modal, go ahead and create more. You can create as many popup modals as you like using PushEngage. As you saw, you can customize when to show each popup modal. So, you can use multiple popups to retarget your visitors.
You can also create different popup modals for different pages. Customizing the push notification popups on your site can help you convert your traffic into push subscribers and genuine business leads on autopilot.
İkna olmadınız mı? Bu kaynaklara göz atın:
- Müşteri Etkileşimini Artırmak İçin 7 Akıllı Strateji
- E-Ticaret Dönüşümlerinizi Artırmak İçin 8 Tetikleyici Anında İletme Bildirimi Kampanyası
- Aboneleri Alıcılara Dönüştürme – Web Anlık Bildirim Kullanarak
Anında iletme bildirimi kampanyalarınızı oluşturmak için PushEngage kullanmanızı öneririz. PushEngage, dünyadaki 1 numaralı anında iletme bildirimi yazılımıdır. Bu nedenle, henüz yapmadıysanız, bugün PushEngage ile başlayın!
