WordPress'te İletişim Formu Açılır Penceresi Nasıl Oluşturulur – Adım Adım

Bir kullanıcı iletişim düğmesine veya bağlantıya tıkladığında iletişim formunuzu açmak ister misiniz?

Avantajı, bir kullanıcı iletişim düğmesine veya bir bağlantıya her tıkladığında, yeni bir sayfaya gitmek yerine iletişim formunun bir açılır pencere şeklinde açılmasıdır, bu da form gönderimlerini artıracaktır. Bu makalede, adım adım kullanıcı deneyiminizi etkilemeden WordPress sitenizde bir iletişim formu açılır penceresini nasıl oluşturacağınızı göstereceğiz.

WordPress'te Kolayca İletişim Formu Açılır Penceresi Oluşturma

WordPress ile bir iletişim formu açılır penceresi oluşturmak kolaydır. Başlamak için 2 şeye sahip olmanız yeterlidir:

1. güçlü bir açılır pencere eklentisi
2. sağlam bir form oluşturucu eklentisi

En iyi sonuçları elde etmek için iletişim formunuzu oluştururken WPForms kullanmanızı öneririz. Neredeyse her türlü formu 5 dakikadan daha kısa sürede oluşturmanıza olanak tanıyan güçlü bir form oluşturucu eklentisidir. WPForms hakkında daha fazla bilgiyi buradan okuyun.

Pop-up eklentileri söz konusu olduğunda, OptionMonster'dan daha iyi bir seçenek olmadığını düşünüyoruz. Ziyaretçilerinizin dikkatini çekmenize ve onları sitenizde çarpıcı seçeneklerle harekete geçmeye teşvik etmenize olanak tanıyan en popüler ve güçlü potansiyel müşteri oluşturma eklentilerinden biridir. Bu eklenti sayesinde kullanıcı katılımını artırabilir, dönüşümlerinizi ve satışlarınızı artırabilirsiniz.

OptinMonster hakkında daha fazla bilgi edinmek için ayrıntılı OptinMonster incelememizi okuyun.

Adım 1: WPForms ve OptinMonster Eklentilerini yükleyin

WPForms eklentisini indirerek başlayın. Ardından, kurun ve etkinleştirin. Nasıl olduğundan emin değil misin? Sorun değil. Her şeyi halletmek için bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza atlayabilirsiniz. Bekleyeceğiz.

Her şey hazır mı? Kusursuz.

OptinMonster eklentisini etkinleştirmek için aynı işlemi izleyin. Ancak sadece eklentiyi yüklemek yeterli değildir. OptinMonster uygulamasıyla da bir hesap oluşturmanız gerekecek. Eklenti yalnızca WordPress sitenizi OptinMonster uygulamasına bağlamak için bir araç görevi görür. Bu nedenle, düzgün çalışması için eklentiyi yüklemeniz ve uygulama ile bir hesap oluşturmanız gerekir.

Adım 2: Açılır Pencere için WPForms Kullanarak Bir İletişim Formu Oluşturun

Bir iletişim formu oluşturmak için önce WPForms eklentisini kullanacağız. Ancak WPForms kullanıyorsanız ve onunla zaten bir iletişim formu oluşturduysanız, bu adımı atlayabilirsiniz.

Bir iletişim formunuz yoksa, kontrol panelinize gidin ve WPForms » Yeni Ekle ' ye tıklayın.

Bu sizi bir form şablonu seçebileceğiniz ve formunuza bir ad ekleyebileceğiniz başka bir sayfaya götürecektir. Basit iletişim formu şablonunu seçin ve formunuza bir ad verin.

İşlemi tamamladıktan sonra, formlarınızı tasarlamayı kolaylaştıran form oluşturucu başlatılacaktır. Sürükle ve bırak oluşturucuyu kullanarak dosyaları kolayca ekleyebilir veya kaldırabilirsiniz.

Formunuz için gerekli olduğunu düşündüğünüz tüm alanları ekleyebilirsiniz. Her şey bittiğinde, değişikliklerinizi kaydetmek için kaydet düğmesine basın. İletişim formunuz artık yayınlanmaya hazır.

Şimdi kaydet düğmesinin yanındaki Göm sekmesine basın ve kısa kodu kopyalayın.

Adım 3: OptinMonster Kullanarak Bir WordPress Popup Oluşturma

Bir sonraki adım, web sitenizde bir açılır pencere oluşturmaktır. OptinMonster kullanarak kalıcı bir açılır pencere oluşturacağız. Bu yüzden WordPress kontrol panelinize gidin ve OptinMonster »Yeni Kampanya Oluştur'a tıklayın.

Bu, kampanya türünü ve ardından tercihinizin şablonunu seçebileceğiniz yeni bir ekran açacaktır. Kampanya türü için açılır pencere seçeneğini seçeceğiz.

Şablon için Canvas'a gidelim. Bu, her tür kısa kodu destekleyen boş bir tuvaldir. Böylece herhangi bir HTML, CSS, JavaScript ve hatta WordPress kısa kodlarını buraya ekleyebilirsiniz.

Şablonu seçtikten sonra, kampanyanızı adlandırabileceğiniz yeni bir ekrana yönlendirileceksiniz.

Ardından, İnşaya başla sekmesine tıklayın. Şimdi sürükle ve bırak oluşturucuya yönlendirileceksiniz. Tuvalin tasarım açısından boş olduğunu fark edeceksiniz. Bu tuvali kullanarak herhangi bir açılır pencere oluşturabilir ve bunları sıfırdan tasarlayabilirsiniz. Bunu Tasarım sekmesinin altındaki seçenekleri kullanarak yapabilirsiniz.

Bittiğinde, Tasarım sekmesinin altındaki Blok Ekle sekmesine tıklayın. Öğe blokları seçeneklerini bulmak için aşağı kaydırın. Bunun altında bir HTML bloğu göreceksiniz. Tasarım alanına sürükleyip bırakın.

Buraya, eklemek isteyebileceğiniz diğer herhangi bir özel HTML ile birlikte bir iletişim formu kısa kodu girebilirsiniz. Şimdi aşağıdaki gibi kısa kodumuzu ekleyelim:

<h3>Do you have any questions?</h3>
<p class="tagline">Want to ask more about our service?Simply fill out the form and we'll get back to you as soon as possible.

İşte bunu nasıl yapabileceğinizin bir önizlemesi.

Daha önce oluşturduğumuz formun kısa kodunun da koda gömülü olduğuna dikkat edin. Bu kısa kodu sizinkiyle değiştirebilirsiniz. Şimdi değişikliklerinizi kaydedin. Bundan sonra, Ekran kuralları sekmesine gidin ve ekran görüntüsünde gösterildiği gibi zamanlamayı sıfıra ayarlayın.

Bu ekranda aşağı doğru ilerlediğinizde daha fazla seçenek bulacaksınız. Bu formu belirli bir sayfada veya gönderide görüntülemek istiyorsanız bunları kullanabilirsiniz. İşiniz bittiğinde Kaydet düğmesine basın.

Adım 4: Açılır Formunuzu Yayınlama

Değişiklikler üzerinde çalışmayı bitirdikten sonra, üstteki EVET/Hayır seçeneğine tıklayın ve etkinleştir sekmesine tıklayın.

Son olarak, Yayınla sekmesine gidin ve durumu canlı olarak değiştirin .

İşiniz bittiğinde WordPress kontrol panelinize dönün ve OptinMonster » Kampanyalar bölümüne gidin. Burada kampanyanızı göreceksiniz. Bunun altında Çıktı ayarlarını düzenle bağlantısını tıklayın. Birkaç seçeneği gösterecek şekilde genişleyecektir. Sitede kampanyayı etkinleştir seçeneğinin yanındaki kutuyu işaretleyin.

Son olarak, sayfanın sonundaki Ayarları kaydet seçeneğine tıklayın .

Adım 5: İletişim formu Pop-up'ını Tetiklemek için Bağlantı Ekleme

Önce OptinMonster kampanya bilgisini kopyalayın. Kampanya adınızın hemen yanında bulabilirsiniz.

Şimdi WordPress'te yeni bir sayfa oluşturun veya iletişim formu açılır bağlantısını veya düğmesini eklemek istediğiniz bir gönderiyi veya sayfayı düzenleyin. Burada yeni bir tane oluşturacağız. Metin düzenleyicinize gidin ve aşağıdaki kodu ekleyin. Slug'u kendi slug'unuzla değiştirmeyi unutmayın.

<a href="#" class="manual-optin-trigger" data-optin-slug="your slug goes here">Contact us</a>

İşiniz bittiğinde sağdaki Yayınla düğmesine basın. Formunuz şimdi iş başında. Sitenizi ön uçtan ziyaret edin ve göreceksiniz.

Umarız bu makaleyi faydalı bulmuşsunuzdur. WPForms ile bir iletişim formu oluşturma hakkında daha fazla bilgi edinmek istiyorsanız, burada ayrıntılı bir kılavuz bulunmaktadır.