Divi Eklentisi Vurgusu: Basit Yer Paylaşımı Çözümü


Divi Pazar Yerinde Bulun

Divi SOS, Divi Marketplace'te mevcuttur! Bu, incelememizden geçtiği ve kalite standartlarımızı karşıladığı anlamına gelir. Mevcut tüm ürünlerini görmek için pazardaki Superfly'ı ziyaret edebilirsiniz. Divi Marketplace'ten satın alınan ürünler, sınırsız web sitesi kullanımı ve 30 günlük para iade garantisi (tıpkı Divi gibi) ile gelir.

Divi Marketplace'te Satın Alma

Simple Overlay Solution, Divi Builder ile tam ekran kaplamalar, açılır pencereler ve mega menüler oluşturmayı kolaylaştıran Divi için üçüncü taraf bir eklentidir. Herhangi bir sayfaya birden fazla bindirme ekleyin. Bir tıklama veya otomatik zamanlı gecikme tetikleyicisi, açık veya koyu yükleyici ve açık veya koyu arka plan arasında seçim yapın. Kapat düğmesinin stilini belirleyin veya Divi Builder ile kendi arka planınızı ve düğmelerinizi oluşturun. Her bindirmede 30 günlük bir çerez bulunur.

Basit Bindirme Çözümü

Eklentiyi normal şekilde yükleyin ve etkinleştirin. Ardından, lisansı etkinleştirmeniz gerekir. Pano menüsünde Ayarlar > Divi SOS Aktivasyonu'na gidin ve API anahtarınızı ve e-postanızı girin.

SOS Örneklerini İçe Aktar

SOS eklentisi, SOS kitaplığına aktarabileceğiniz bir JSON dosyası olarak bir dizi demo ile birlikte gelir. İlk olarak, JSON dosyasına erişmek için indirme dosyasını açın. Bunlar başlamanız için harika.

Pano menüsünde Divi > SOS seçeneğine gidin. İçe Aktar ve Dışa Aktar'ı seçin.

JSON dosyasını herhangi bir düzen gibi içe aktarın.

Artık SOS kitaplığında 5 demonuz var. Demoları geliştiricinin web sitesinde görebilirsiniz.

SOS Düzenleri Oluşturma

SOS Düzenleri, SOS kitaplığında da oluşturulur. Kütüphaneye gidin ve Yeni Ekle 'yi tıklayın.

Düzene sizin için anlamlı olan bir ad verin. Düzen Türü için Düzen seçin.

Kategori için SOS Düzenleri'ni seçin.

Önceden hazırlanmış bir yerleşim düzeni seçtim ve ardından Tesis yerleşim paketinden İletişim sayfasını seçtim. Sağda (veya görsel modla görüntülüyorsanız altta) düzen ayarları bulunur. Bu size düzen için HREF kodunu verir, böylece onu herhangi bir sayfada (bir URL'ye izin veren herhangi bir yerde) tetikleyebilirsiniz. Bu, bindirmeyi tetiklemek için düğmeler, metin vb. için kullanacağınız bağlantıdır.

Ayrıca otomatik olarak gösterilmesini de sağlayabilirsiniz (bu, bir zaman ayarı açar ve ziyaretçinin yer paylaşımını veya açılır pencereyi gördüğünü bilmesi için bir çerezi etkinleştirir). Geçişi solmaya, kaydırmaya veya hiçbiri olarak ayarlayın. Açık, koyu veya arka plansız bir seçim yapın. Açık veya koyu bir yükleyici rengi seçin. Kapat düğmesinin gösterilip gösterilmeyeceğini seçin. Düğmeye ve arka planına stil verebilirsiniz.

Yükleyici açık veya koyu olabilir. İşte açık renkli bir arka plan üzerinde karanlık yükleyici.

Örnek SOS Yer Paylaşımları

Ziyaretçi Kaçış Yerinizi Ayırın düğmesini tıkladığında rezervasyon bilgilerini gösterecek bir yer paylaşımı oluşturuyorum. Yer paylaşımını tetiklemek için bağlantıyı düğme URL'nize ekleyin.

Bölümün arka planını saydam olarak ayarladım, SOS ayarlarında açık renkli bir arka plan seçtim ve yerleşimi bölümlerden yalnızca birini kullanacak şekilde özelleştirdim. Kaçış Yerinizi Ayırt düğmesine tıklamak, konaklama rezervasyonu yapma bölümünü açar. Arka plan beyaz kaplamayı içerir. Kapat düğmesini de ekledim ve düzene uyacak şekilde biçimlendirdim. Düzen, ekranın üst kısmına yerleştirilir ve tam genişliği alır. Bu, dolgu ile özelleştirilebilir.

Bölümün üstüne biraz dolgu ekledim. Divi Builder ile kontrol edebilmek için arka planı da devre dışı bıraktım.

Bunun için aynı düzendeki iletişim formunu kullanıyorum. Bu sefer, bindirmenin arka planından öne çıkması için alt sıraya bir kutu gölgesi ekledim.

Bağlantıyı, ilk bindirmeyle aynı sayfadaki bir düğmeye ekledim (istediğiniz kadar ekleyebilirsiniz). Bu, Bize Mesaj Gönder düğmesine tıkladıklarında bir iletişim formu açar.

Sonuç ilginç görünüyor. Buna bir kapat düğmesi eklemedim. Ziyaretçi, yer paylaşımını kapatmak için formun herhangi bir yerine tıklayabilir. Satıra bir arka plan ekledim ve opaklığı, arka planın sadece küçük bir kısmı görünecek şekilde ayarladım.

Bu, Yatırım Şirketi düzeninden bir bölüm kullanır. Harekete geçirici mesaj içeren bir açılır pencere oluşturmak istiyorum. 1000 milisaniyelik bir gecikmeyle otomatik olarak gösterecek şekilde ayarladım. Otomatik olarak gösterilirken, bağlantıyı herhangi bir yere eklemeniz gerekmez. Her sayfada otomatik olarak gösterilir. Ayrıca çerezi, açılır pencereyi yalnızca 30 günde bir gösterecek şekilde ayarladım.

Açılır pencere, sayfa yüklendikten 1 saniye sonra gösterir. Bu, açılır pencere olarak bir CTA oluşturur ve yalnızca 30 günde bir gösterilir. Bu resimde anlatamazsınız ama sırf bu yüzden ona paralaks bir arka plan da verdim. Bu, herhangi bir sayfa tasarımında olduğu gibi açılır pencerelerde de yaratıcı olmanızı sağlar.

Sağ üst köşedeki düğmeden kapat seçeneğini Divi Builder ile oluşturulan bir düğmeye taşıyorum. Düğmeyi düzenden klonladım, metni değiştirdim ve URL'ye kapat bağlantısını ekledim.

Sonuç, CTA olarak harika çalışan temiz bir tasarımdır.

Tasarıma geri döndüm ve yeni bir arka plan ve başka bir sayfa açan bir düğme ekledim.

Bunun için Esports düzenine dayalı bir bülten açılır penceresi oluşturdum. Açılır pencereyi 30 saniye sonra otomatik olarak açılacak şekilde ayarladım. Arka plan karanlık ve yükleyici aydınlık olarak ayarlanmıştır. Ayrıca düzendeki renkleri kullanan bir kapat düğmesi de ekleyeceğim.

Abone ol açılır penceresi harika görünüyor ve sitenin tasarımına tam olarak uyuyor çünkü aslında sitenin tasarımından geliyor. Pop-up'ları oluşturmak için normal Divi düzenlerini kullanabilmesini seviyorum.

Mega Menüler

Ayrıca SOS ile mega menüler oluşturabilirsiniz. Menü öğesi olarak özel bir bağlantı oluşturun ve ardından kaplamanın bağlantısını menü öğesinin URL'sine ekleyin.

Kaplamayı, açılır menümdeki Hakkında bağlantısına ekledim. İsterseniz menüdeki her bağlantı için farklı bir kaplamaya sahip olabilirsiniz ve bunlar Divi ile oluşturabileceğiniz herhangi bir şey olabilir.

Basit Bindirme Çözümü Fiyatı

SOS için iki lisans vardır. Her ikisinin de bir kerelik ücreti vardır ve ömür boyu güncellemeleri içerir.

  • 1 web sitesi ve 1 geliştirici sitesi – 25 ABD doları
  • Sınırsız web sitesi – 45 $

SOS'u geliştiricinin web sitesinden satın alabilirsiniz.

Biten Düşünceler

Simple Overlay Solution'ın kullanımı kolaydır. Kontroller basit ve sezgisel. Bindirmeleri oluşturmak, Divi ile bir sayfa oluşturmakla neredeyse aynıdır. Divi Builder'ı kullanabiliyorsanız SOS'u kullanabilirsiniz. Bindirmeler önceden yüklenmediği için Divi sayfaları hızlı yüklenir. Bindirmeler ve açılır pencereler de hızlı yüklenir.

Kurabiye olması hoşuma gitti. Bu, pop-up'larınız üzerinde biraz kontrol sahibi olmanızı sağlar, böylece aynı ziyaretçi web sitesini her ziyaret ettiğinde teklifi görmek zorunda kalmaz. Yapması kolay olmayacağından eminim ama birkaç kurabiye seçeneği görmek isterim. Örneğin, haftada bir, günde bir, ayda iki vb. gösterecek şekilde ayarlayabilirsiniz. Birkaç yükleyici seçeneği de iyi olurdu. Belki farklı seçenekler ve renk özelleştirmeleri. Ayrıca, bir sayfayı otomatik bindirmeleri göstermekten hariç tutabilmeyi de istiyorum.

Kapat düğmesi için normal bir Divi düğmesinin kullanılmasını seviyorum. Bu, birçok tasarım olanağı sunar ve yerleşik düğmeyi kullanmakla sınırlı değilsiniz. Düğmeyi kullanmak istiyorsanız, birçok renk seçeneği var.

SOS, tavsiye etmesi kolay bir eklentidir. Divi Builder ile bindirmeler, açılır pencereler ve mega menüler oluşturmanın kolay bir yolu ile ilgileniyorsanız, Basit Yerleşim Çözümü (SOS) ihtiyacınız olan eklenti olabilir.

Senden duymak istiyoruz. Bindirmeler ve açılır pencereler oluşturmak için Simple Overlay Solution eklentisini denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

Bakhtiar Zein / Shutterstock.com aracılığıyla Öne Çıkan Görsel

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir