OptiMonk Kullanarak En İyi E-Ticaret Markalarının Pop-up'ları Nasıl Kopyalanır?

E-ticaret sektöründe çalışıyorsanız, çevrimiçi alışveriş yaparken her zaman iki şapka takarsınız.

Elbette, gerçekten sevdiğiniz ürünleri arıyorsunuz ve tıpkı herkes gibi harika fırsatlar arıyorsunuz. Ancak diğer e-ticaret sitelerinde nelerin işe yarayıp nelerin yaramadığına da dikkat ediyorsunuz. İlham topluyorsun. Birçok harika fikir bu şekilde başlar.

Bir üst markanın web sitesinde çarpıcı bir açılır pencere görürseniz ne olur?

Pekala, eğer bir OptiMonk kullanıcısıysanız, yerinde mesajlaşmanızı Adidas, American Eagle ve Crocs gibi mağazalardan gelen en şaşırtıcı açılır pencerelere benzetmek için pop-up şablonlarımızı kolayca ayarlayabilirsiniz!

Bu makalede, size ilham veren harika örneklere benzeyen pop-up'ların nasıl oluşturulacağını tam olarak gözden geçireceğiz.

Adidas, dünyanın en büyük yaşam tarzı markalarından biridir ve birçokları için ilham verici bir markadır.

Şirket, aşağıdaki açılır pencerede bu görüntüden yararlanarak web sitesi ziyaretçilerine "AdiClub'a Katılma" şansı sunuyor. Kim o kulüpte olmak istemez ki?

Mağazanızda ayrıca bir sadakat kulübü varsa, onu tanıtmak için benzer bir tasarım kullanabilirsiniz.

Açılır pencereyi kopyalamaya çalışarak bunun nasıl çalışacağını görelim. (Gerçekten bunu yaparken kendi resimlerinizi kullanmayı ve kopyalamayı unutmayın!)

Aşağıdaki gibi, kopyaladığımızla benzer özelliklere sahip bir şablon seçerek başlardık.

İlk olarak, Adidas açılır penceresinden kopyayı ekledik:

Şimdi açılır pencerenin stilini ayarlayalım.

Açılır pencerenin köşe yarıçapını 0 olarak değiştirdik ve onu mükemmel bir dikdörtgen haline getirdik:

Ardından, öğenin hizalamasını değiştirerek kapat düğmesini açılır pencerenin kenarına taşırız:

Ardından görüntüyü değiştirip yeniden boyutlandırdık ve beyaz bir kenarlık ekledik:

Ve sol sütunu büyüttük:

Son olarak, yeni bir onay kutusu alanı eklemek (“Evet, 13 yaşından büyüğüm”) ve düğmenin görünümünü değiştirmek gibi bazı küçük değişiklikler yaptık. Yazı tiplerini Adidas'ın kullandığına benzer şekilde değiştirdikten sonra, açılır penceremiz şöyle görünüyordu:

Neredeyse ayırt edilemez! Sadece birkaç küçük değişiklikle bu şablonu tamamen farklı bir açılır pencereye dönüştürebildik.

Az önce gördüğümüz Adidas pop-up'ından farklı olarak Fashion Nova, %10'luk bir indirim sağlamak için güzel minimalist bir pop-up kullandı. Görüntü yok ve renk yok, sadece siyah beyaz metin var. Yazı tipi bile basit bir sans-serif.

Bu tasarım yaklaşımının yaptığı şey, ziyaretçileri teklife dikkat etmeye zorlamak - çünkü ekranda sadece bu var!

Ek olarak, Fashion Nova, ilgilendiğiniz ürün türleriyle ilgili bir "tercihler" listesinden seçim yapmanızı ister. Bu bilgileri toplamak, müşterilerini segmentlere ayırmalarına yardımcı olur ve pazarlama mesajlarının alakalı olmasını sağlar ( bu yaklaşım hakkında daha fazla bilgi edinebilirsiniz ). burada ).

Bir denemek isterseniz, bunu nasıl yapabileceğiniz aşağıda açıklanmıştır.

Bir kez daha, kopyaladığımıza benzer öğelere sahip bir şablon seçmek en iyisidir. Bizimkini bu test tarzı şablona dayandırmayı seçtik:

Tüm köşeleri, renkleri ve yazı tiplerini aynı anda değiştirmek için OptiMonk'un Marka Kiti özelliğini kullanabiliriz:

Zaten çok daha yakın! Özellikle Fashion Nova logosunu en üste ekledikten sonra:

Sonra kopyayı değiştirdik:

Ardından, orijinal Fashion Nova açılır penceresinin altına birkaç öğe ekledik, yani bir e-posta alanı, bir onay kutusu alanı ve iki düğme:

Bu noktada, açılır pencerede ihtiyacımız olan tüm öğelere sahiptik. Bir sonraki adım, onları başladığımız Fashion Nova açılır penceresine benzeyecek şekilde özelleştirmekti.

Yazı tipi boyutunu ve ağırlığını değiştirerek en üstteki metin öğeleriyle başladık:

Genişliklerini ve yüksekliklerini değiştirerek ve kenarlıklarını biraz ayarlayarak anket elemanlarını küçülttük:

Son adım, e-posta alanını ve onay kutusunu özelleştirmekti:

Ve düğmeler:

Hepsi tamam! Bu ne kadar harika görünüyor?

American Eagle, web sitesi ziyaretçilerinin e-posta listelerine abone olmalarını istemek için bir ışık kutusu açılır penceresi kullanmak yerine, web sayfalarının altında görünen yapışkan bir çubuk oluşturarak farklı bir yaklaşım benimsedi.

Yapışkan çubuklar, pop-up'lar kadar dikkat çekici değildir, ancak bu, kullanıcının göz atma deneyimini pop-up'lar kadar kesintiye uğratmadıkları anlamına gelir.

Listelerini olabildiğince hızlı bir şekilde büyütmeye çalışmayan bazı mağazalar için, bir yapışkan çubuk, mümkün olan en kesintisiz deneyimi sağlarken bazı e-postaları toplamak için iyi bir çözümdür.

Kulağa hoş geliyorsa, bu şablonla başlayarak American Eagle'ınki gibi bir yapışkan çubuk oluşturabilirsiniz:

Attığımız ilk adım, soldaki resmi kaldırmaktı:

Ardından, kopyayı değiştirdik ve biçimlendirmeyi American Eagle'ın kullandığı yazı tiplerine ve boyutlandırmaya uyacak şekilde değiştirdik:

E-posta alanını ve düğmeyi özelleştirdikten sonra, “Tüm E-postalar” ve “Airee E-postaları” için onay kutuları ekledik (çünkü geçiş çubuklarına erişimimiz yok):

Ve işte buydu!

Kopyalayacağımız son açılır pencere, Crocs'tan klasik bir e-posta kaydı açılır penceresidir.

Halihazırda oldukça benzer görünen bu şablonla başlayalım:

Açılır pencereden gereksiz öğeleri kaldırdık ve resmi güncelledik:

Ardından, arka planın ve metnin renklerini değiştirdik:

Ardından, kopyayı güncelledik ve tüm açılır pencerenin etrafına beyaz bir kenarlık ekledik:

Kapat düğmesini açılır pencerenin kenarına taşıdıktan sonra işimiz bitti:

Aynı, değil mi?

Gördüğünüz gibi, OptiMonk'un geniş şablon yelpazesi ve güçlü sürükle ve bırak düzenleyicisinin birleşimi, çevrimiçi gördüğünüz herhangi bir açılır pencereyi kopyalayabileceğiniz anlamına gelir. Bu sadece doğru öğeleri eklemek ve doğru ayarları değiştirmek meselesidir.

Bu makale ile kesinlikle size diğer markaların açılır pencerelerini kopyalamanızı söylemeye çalışmıyorduk. Pop-up'larınız mağazanızın kişiliğine, görünümüne ve hissine uygun olmalıdır. Ve umarım, bir şablonu stilinize uyacak şekilde tamamen farklı göstermeyi ne kadar kolay öğrenmişsinizdir!

Ve elbette başarılı markalardan ilham almaktan zarar gelmez! 😉

Web'de gördüğünüz ve sevdiğiniz pop-up'lar var mı? Yorumlarda bize bildirin!