İletişim sayfalarından bülten aboneliklerine ve hatta ödeme formlarına kadar tüm projelerimizde formlar kullanıyoruz. Bu süreçte, bir WordPress formu yerleştirmek için gereken tüm adımları öğrendik ve baştan sona tüm süreç boyunca size yol göstermek için buradayız.

Bu kılavuzda, en popüler WordPress form oluşturucularını kullanarak formları nasıl yerleştireceğinizi göstereceğiz.

WordPress Formu Nedir ve Neden Önemlidir?

WordPress formu, web sitenizde değerli bilgiler ve içgörüler toplamaya yönelik bir araçtır. Ziyaretçilerin adları, e-posta adresleri ve geri bildirimleri gibi bilgilerini girmelerini sağlar.

Formların birçok kullanım alanı vardır. Örneğin, kullanıcıların size ulaşmasını sağlamak ve bir e-posta listesi oluşturmak için bir iletişim formu, görüş toplamak için bir anket veya etkinlikler için bir kayıt formu oluşturabilirsiniz.

Formları randevu almak veya bağış toplamak için de kullanabilirsiniz. Bazı işletmeler müşteri destek taleplerini karşılamak için de formlar kullanır.

Formlar olmadan, ziyaretçilerle etkileşim kurma şansını kaçırabilirsiniz. Bu nedenle, WordPress web sitenize form eklemek her web sitesi sahibi için akıllıca bir harekettir.

WordPress’e Formlar Nasıl Yerleştirilir

Aşağıdaki bölümlerde, WordPress sitenize form eklemek için her adımda size yol göstereceğiz. Belirli bir form türüyle ilgileniyorsanız, makalede ilerlemek için bağlantıya tıklayabilirsiniz:

Hazır mısınız? Hadi başlayalım.

1. WPForms’u WordPress Sitenize Nasıl Gömersiniz?

WPForms piyasadaki en iyi çok amaçlı form oluşturucudur. Ayrıca 6 milyondan fazla aktif kullanıcısıyla en popüler olanlardan biridir.

Bu araçla, istediğiniz formu oluşturmak için 2000’den fazla hazır, özelleştirilebilir şablondan herhangi birini kullanabilirsiniz.

WPForms, iletişim formlarına ek olarak, basitten daha gelişmiş formlara kadar kolayca oluşturmanıza yardımcı olabilir:

• Anket formları
• Online sipariş formları
• Ödeme formları
• Dosya yükleme formları
• Konuşma biçimleri
• Çok sayfalı formlar

WPForms’u yerleştirmek söz konusu olduğunda, bir WPForms bloğu veya bir kısa kod kullanabilirsiniz.

O halde WPForms’u kurup etkinleştirelim ve bunu birlikte deneyelim. Yardıma ihtiyacınız varsa, WordPress eklentisi yükleme kılavuzumuza başvurabilirsiniz.

Ardından, WordPress’te bir iletişim formunun nasıl oluşturulacağına ilişkin adım adım kılavuzumuzu takip edebilirsiniz.

WPForms Bloğunu Kullanarak WPForms Formlarını Yerleştirme

Form yayınlanmaya hazır olduğunda, formu bir WPForms bloğu kullanarak web sayfanıza eklemek için form oluşturucunun içindeki ‘Yerleştir’ düğmesine tıklamanız yeterlidir.

Bu, mevcut bir sayfayı seçebileceğiniz veya form için yeni bir sayfa oluşturabileceğiniz bir açılır pencere açacaktır.

‘Mevcut Sayfayı Seç’ düğmesine tıklarsanız, web sitenizdeki mevcut tüm sayfaları içeren bir açılır menü görürsünüz. ‘Yeni Sayfa Oluştur’a tıklarsanız, doldurmanız gereken bir ‘Sayfanızı Adlandırın’ alanı görürsünüz.

Bir sayfa seçtikten veya yeni sayfanıza isim verdikten sonra “Hadi Gidelim!” düğmesine tıklayabilirsiniz.

Daha sonra sayfanın blok düzenleyicisine yönlendirileceksiniz.

Buradan, ‘+’ düğmesine tıklayabilir ve WPForms bloğunu arayabilirsiniz.

Bir sonraki adım WPForms bloğundaki açılır menüyü açmak ve yerleştirmek istediğiniz formu seçmektir.

Bir form seçtiğinizde, WPForms bunu blok düzenleyiciye yükleyecektir.

Bundan sonra, sağ taraftaki panelde yer alan ‘Form Ayarları’ ile oynamak isteyebilirsiniz.

Varsayılan olarak, WPForms form başlığınızı yüklemez. Bu nedenle, form başlığını eklemek ve ziyaretçilere daha fazla bağlam sağlamak için ‘Form Başlığı’ seçeneğini açmak isteyebilirsiniz. Bir form açıklaması yazarsanız, bu seçeneği de açabilirsiniz.

Daha da iyisi, formunuzu sitenizin genel görünümü ve hissiyle eşleşecek bir temayla şekillendirebilirsiniz.

Formun görünümünden memnun olduğunuzda, devam edebilir ve ‘Kaydet’e tıklayabilirsiniz.

WPForms’u bir WPForms bloğu kullanarak bu şekilde yerleştirebilirsiniz.

WPForms Formlarını Kısa Kod Kullanarak Gömme

WPForms’u yerleştirmenin bir başka yolu da bir kısa kod kullanmaktır.

Bunu yapmak için, her formun ‘Kısa Kod’ sütununu bulmak için WPForms ” Tüm Formlar ‘a gitmek isteyeceksiniz.

Buradan, yerleştirmek istediğiniz formun kısa kodunu kopyalamanız yeterlidir. Örneğin, ‘Müşteri İncelemesi’ formumuzun kısa kodunu kopyalayacağız.

Bir sonraki adım, formu yerleştirmek istediğiniz sayfayı veya gönderiyi açmaktır. Bunu yapmak için ‘Sayfalar’ veya ‘Gönderiler’e gidin. Ardından, bunlardan birinin üzerine gelin ve göründüğünde ‘Düzenle’ye tıklayın.

Bu sizi sayfanın veya yazının editörüne gönderecektir.

Formu yerleştirmek için ‘+’ düğmesine tıklayalım ve ‘Shortcode’ bloğunu arayalım.

Blok eklendikten sonra, WPForms formunuzun kısa kodunu metin alanına yapıştırabilirsiniz.

Şöyle görünebilir:

Blok düzenleyici, formu canlı düzenleme alanına yüklemez.

Bu nedenle, devam edin ve önce değişiklikleri kaydedin, ardından sol alt köşede göründüğünde ‘Sayfayı Görüntüle’ düğmesine tıklayın.

2. WordPress’e Bağış Formları Nasıl Yerleştirilir

Web sitenize bir bağış formu eklemek, insanların amacınızı desteklemesini kolaylaştırır. Ziyaretçiler açık ve basit bir yol gördüklerinde bağış yapma olasılıkları daha yüksektir.

Bağış formlarını WordPress’e yerleştirmenin en kolay yolu Charitable eklentisini kullanmaktır. Bu popüler araç, 100’den fazla hazır şablonla birden fazla bağış toplama kampanyası oluşturmanıza ve özelleştirmenize olanak tanır.

Öyleyse, bağış formunuzu oluşturmak için Charitable ‘ı kuralım ve etkinleştirelim. Yardıma ihtiyacınız varsa, WordPress eklentisi yükleme kılavuzumuza bakabilirsiniz.

Etkinleştirmenin ardından, Pro lisansını etkinleştirmek için Hayırsever ” Ayarlar ‘a gidelim. Lisans anahtarınızı yapıştırın ve işlemi başlatmak için ‘Anahtarı Doğrula’ya tıklayın.

Bunu yaptıktan sonra bağış formunuzu oluşturmaya hazırsınız demektir. Ayrıntılı talimatlar için WordPress’te yinelenen bir bağış formunun nasıl oluşturulacağına ilişkin kılavuzumuzu okuyabilirsiniz.

Formun görünümünden memnun olduğunuzda, formu bir WordPress gönderisine veya sayfasına yerleştirebilirsiniz.

Kampanya oluşturucuda, seçenekleri açmak için ‘Taslak’ açılır menüsüne tıklayarak başlayın. Ardından, devam edin ve ‘Yayınla’ya tıklayın; Charitable kampanyanız için otomatik olarak yeni bir sayfa oluşturacaktır.

Ve hepsi bu kadar – ilk Hayırseverlik kampanyanızı başarıyla oluşturdunuz ve yayınladınız!

Şimdi, web sitenizi ziyaret ederseniz, bağış formunuzu çalışırken görebilirsiniz.

Bununla birlikte, açılır penceredeki ‘Gömme Sihirbazı’ bağlantısını veya Hayırseverlik editöründeki ‘Göm’ düğmesini de fark edebilirsiniz.

Bağış formunuzu diğer gönderilere veya sayfalara eklemek için bu işlevlerden birini de kullanabilirsiniz.

Bunu yapmak için, ‘Gömme Sihirbazı’ bağlantısına veya ‘Göm’ düğmesine tıklamanız yeterlidir; bu işlem gömme istemini tetikleyecektir.

Görüntülenen açılır pencerede, mevcut bir sayfayı seçmek veya yeni bir sayfa oluşturmak arasında seçim yapmanız gerekir.

Zaten özel bir bağış formu sayfamız olduğundan, ‘Mevcut sayfayı seç’i seçmek iyi bir fikirdir. Devam edin ve düğmeye tıklayın.

Ardından, WordPress sitenizdeki tüm sayfaların listesini içeren bir açılır menü göreceksiniz.

Açılır menüyü genişletebilir, bir sayfa seçebilir ve ‘Hadi Gidelim’ düğmesine tıklayabilirsiniz.

Bu sizi sayfanın blok düzenleyicisine yönlendirecektir.

Buradan, ‘+’ düğmesine tıklayabilir ve ‘Hayırsever Kampanya’ bloğunu arayabilirsiniz. Ardından, içerik editörüne eklemek için arama sonucuna tıklamanız yeterlidir.

Bundan sonra, ‘Hayırsever Kampanya’ bloğu açılır menüsünden yerleştirmek için bir bağış formu seçebileceksiniz.

Devam edin ve açılır menüyü genişletin. Ardından, eklemek istediğiniz kampanyaya tıklamanız yeterlidir.

İçerik düzenleyicide önizlemeyi göremiyorsanız endişelenmeyin. Blok gayet iyi çalışıyor.

Şimdi, canlı hale getirmek için ‘Kaydet’, ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayalım.

Ve işte bu kadar! Şimdi bağış formunu çalışırken görmek için sayfayı ziyaret edebilirsiniz:

3. HubSpot Formları WordPress’e Nasıl Yerleştirilir

HubSpot, müşteri bilgilerini yönetebileceğiniz bir müşteri ilişkileri yönetimi platformu (CRM), bir web sitesi oluşturucu ve daha fazlası gibi araçlarla işinizi büyütmek için harika bir platformdur.

İyi haber şu ki, WordPress ile harika çalışan bir form oluşturucuları da var. Birisi bir form doldurduğunda, bilgileri doğrudan HubSpot CRM‘e gider, böylece e-postaları ve mesajları kullanarak onları kolayca takip edebilirsiniz.

HubSpot’ u WPForms dahil olmak üzere diğer form araçlarına bile bağlayabilirsiniz. Bu, platformu gerçekten kullanışlı hale getiriyor çünkü zaten kullanıyor olabileceğiniz diğer birçok araçla birlikte çalışıyor.

Bu eğitimde, HubSpot Form Builder eklentisini ve WPForms’un HubSpot Eklentisini kullanarak HubSpot formlarını nasıl yerleştireceğinizi göstereceğiz.

HubSpot Eklentisini Kullanarak HubSpot Formlarını Yerleştirme

Eklentiyi kullanarak HubSpot Forms’u yerleştirmek için öncelikle HubSpot eklentisini yüklemeniz gerekir. Yardıma ihtiyacınız varsa, bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuzu okuyabilirsiniz.

Etkinleştirmenin ardından, WordPress panonuzdan ‘HubSpot’ menüsüne tıklamak isteyeceksiniz. Bu panelde, web sitenizi HubSpot’a bağlamanın birkaç yolunu göreceksiniz:

• Bir HubSpot hesabınız varsa, ‘Oturum Aç’a tıklamanız yeterlidir.
• Bunu yapmazsanız, Google, Microsoft veya Apple hesabınızla devam edersiniz.
• İsterseniz, web sitenizi kaydetmek için kullandığınız e-postayı kullanabilirsiniz.

Giriş yaptıktan veya bir HubSpot hesabı oluşturduktan sonra, bunu WordPress web sitenize bağlamanız istenecektir.

Sadece ‘Web sitesini bağla’ düğmesine tıklayın ve HubSpot süreci başlatacaktır.

Bağlandıktan sonra, HubSpot eklentisini kullanarak HubSpot formunuzu oluşturmaya hazırsınız.

Devam edin ve HubSpot ” Formlar‘a gidin. Ardından, ‘Form oluştur’ butonuna tıklayabilirsiniz.

Buradan bir form türü ve şablon seçebilirsiniz. Ardından, HubSpot formunuzu özelleştirmek için form oluşturucuyu kullanabileceğiniz yeni bir sekmeye yönlendirileceksiniz.

Ayrıntılı talimatlar için WordPress’te HubSpot formu oluşturma kılavuzumuzdaki ilk yöntemi görebilirsiniz.

Formunuzun görünümünden memnun olduğunuzda, bir sonraki adım onu sitenize yerleştirmektir. Doğal olarak, form oluşturucunun içindeki ‘Yerleştir’ düğmesini kullanmak isteyeceksiniz.

Ancak bu yöntem biraz kafa karıştırıcıdır.

Yalnızca form bağlantısını paylaşmanıza ve WordPress yayınınızda veya sayfanızda bir HTML snippet kullanmanıza izin verir.

Bunun yerine, ‘WordPress’e Geri Dön’ düğmesine tıklayabilir ve formlarınızı yönetici alanınızdaki HubSpot kontrol panelinden yerleştirebilirsiniz.

Devam edin ve sol üst köşedeki düğmeye tıklayın.

Buradan, yerleştirmek istediğiniz formun üzerine gelmeniz yeterlidir.

Bundan sonra, göründüğünde ‘Yerleştir’ düğmesine tıklamanız yeterlidir.

Ardından, HubSpot’un formunuzu yerleştirmek için çeşitli yollar paylaştığı bir açılır pencere göreceksiniz.

Burada, HubSpot formunuzu HubSpot bloğunu kullanarak bir gönderiye veya sayfaya yerleştirmeyi seçebilirsiniz. Diğer sekmeye geçerseniz, formun kısa kodunu bulacaksınız.

Bu eğitim için ‘WordPress Post’ butonuna tıklayacağız.

Bu, ‘Gönderiler’ sayfasını yeni bir sekmede açacaktır. Devam edin ve bir gönderinin üzerine gelip göründüğünde ‘Düzenle’ye tıklayarak formu yerleştirmek için bir gönderi açın.

Daha sonra içerik düzenleyicisi aracılığıyla HubSpot Form bloğunu sayfaya ekleyebileceksiniz.

Buradan, ‘+’ düğmesine tıklayabilir ve HubSpot Form bloğunu aramak için arama çubuğunu kullanabilirsiniz. Gördüğünüzde bir tıklama yapın.

Bu, HubSpot Form bloğunu içerik alanına ekleyecektir.

Sırada, mevcut seçenekleri açmak için açılır menüye tıklayalım. Ardından, yerleştirmek istediğiniz HubSpot formunu seçebilirsiniz.

Ve işte bu kadar! Artık değişikliklerinizi kaydetmek için ‘Kaydet’ düğmesine tıklayabilirsiniz.

İşte demo sitemizde nasıl göründüğü:

WPForms’un HubSpot Eklentisini Kullanarak HubSpot Formlarını Yerleştirme

Bir HubSpot formu oluşturmak için WPForms kullanmak, birden fazla eklentiyle uğraşmadan formları ve kişileri yönetmenin daha kolay ve daha verimli bir yoludur.

WPForms hem form oluşturma hem de HubSpot entegrasyonunu tek bir yerde gerçekleştirir. Bu, süreci basitleştirir çünkü form verilerinizi HubSpot ile otomatik olarak senkronize ederken WPForms’un sürükle ve bırak oluşturucusuna ve şablonlarına erişmenizi sağlar.

Yapmanız gereken ilk şey WPForms eklentisini kurmak ve etkinleştirmektir. Bir WordPress eklentisinin nasıl kurulacağına ilişkin ayrıntılı kılavuzumuza göz atın.

Etkinleştirmenin ardından, WPForms ” Ayarlar‘da lisans anahtarınızı doğrulamanız gerekir.

Lisans anahtarınızı WPForms hesabınızda bulabilirsiniz. Kopyalamak için pano simgesine tıklamanız yeterlidir. Ardından, WordPress sekmenize dönebilir ve ‘Lisans Anahtarı’ alanını doldurabilirsiniz.

Devam edin ve planınızı etkinleştirmek için ‘Anahtarı Doğrula’ düğmesine tıklayın.

Şimdi HubSpot Addon’u yüklemek için admin panelinden WPForms ” Addons kısmına gidelim.

Buradan aşağı kaydırın ve HubSpot eklentisini bulun. Ardından, devam edin ve ‘Eklentiyi Yükle’ düğmesine tıklayın.

Eklentiyi etkinleştirdikten sonra WordPress panosundan WPForms ‘Ayarlar’ paneline gitmeli ve ardından ‘Entegrasyon’ sekmesine geçmelisiniz.

Burada, HubSpot CRM hesabınızı WPForms’a bağlayabilirsiniz. Sadece ‘+ Yeni Hesap Ekle’ye tıklayın ve hesap bilgilerinizi girin.

Bunu yaptıktan sonra, WPForms’tan bir HubSpot formu oluşturmanın ve yerleştirmenin zamanı geldi.

İlk olarak, WPForms ” Yeni Ekle’ye giderek formunuzu oluşturmanız gerekir. Bir sonraki ekranda formu adlandıracak ve bir form şablonu seçeceksiniz.

Bundan sonra, form oluşturucuyu kullanarak şablonu özelleştirebilirsiniz.

Her şey zaten iyi görünüyorsa, ‘Pazarlama’ paneline geçmekten çekinmeyin. Buradan formu platforma bağlamak için ‘HubSpot’ seçeneğini açalım.

Devam edin ve HubSpot hesap bilgilerinizi girin ve kurulum istemlerini izleyin.

Tamamlandığında, WPForms bloğunu veya formun kısa kodunu kullanarak formu yayınlayabilirsiniz. Daha fazla ayrıntı için Wordpress’te HubSpot formunun nasıl oluşturulacağına ilişkin kılavuzumuza göz atabilirsiniz.

4. Google Formları WordPress’e Nasıl Gömülür

WPForms ve diğer WordPress form oluşturucularının kullanımı gerçekten kolaydır. Doğrudan WordPress sitenizde çalışırlar ve ödeme kabul eden formlar oluşturmak, giriş formları oluşturmak, özel kullanıcı kayıt formları oluşturmak ve daha fazlası gibi birçok şeyi yapmanıza olanak tanırlar.

Ancak bazen bir formu farklı web sitelerinde veya platformlarda paylaşmanız gerekebilir.

Bu gibi durumlarda Google Formlar çok kullanışlı olabilir. Paylaşımı kolaydır, cep telefonlarında harika çalışır ve tüm yanıtları tek bir yerde tutar. Ayrıca, tümü Google Drive’da depolanan yanıtlarda size yardımcı olması için ortak çalışanlar ekleyebilirsiniz.

WordPress’e bir Google Form yerleştirmek için Google Forms web sitesinde bir form oluşturarak başlayabilirsiniz. ‘Formlara Git’ düğmesine tıklamanız yeterlidir.

Bir sonraki ekranda çeşitli form şablonları göreceksiniz. Devam edin ve oluşturmaya başlamak için bunlardan birine tıklayın.

‘Boş form’a tıklayarak sıfırdan da başlayabilirsiniz.

Bir şablon seçtikten sonra formu özelleştirmeye başlayabilirsiniz. İşte yapmanız gerekebilecek birkaç şey:

• Form başlığını oluşturun.
• Form açıklamasını girin.
• Alanları hedeflerinize uyacak şekilde özelleştirin.

Sorularınıza en uygun alanları seçmek için yapay zeka araçlarını da kullanabilirsiniz.

Formun nasıl göründüğünden memnun olduğunuzda, devam edin ve ‘Gönder’ düğmesine tıklayın. Bu, formun yerleştirme kodunu alabileceğiniz bir açılır pencere açacaktır.

Bu kodu kopyaladıktan sonra, WordPress’te formu görüntülemek istediğiniz bir sayfa veya yazı açabilirsiniz.

Sayfa veya yazının içerik düzenleyicisinde, ‘+’ düğmesine tıklayalım ve ‘Özel HTML’ bloğunu arayalım. Devam edin ve sayfanıza eklemek için üzerine tıklayın.

Ardından, Google Forms’un yerleştirme kodunu Özel HTML bloğuna yapıştırmanız yeterlidir.

Tamamlandığında, ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklamayı unutmayın. Şimdi, web sitenizi ziyaret ederseniz, Google formunu çalışırken görmelisiniz.

Daha ayrıntılı adım adım talimatlar için WordPress’e Google formu yerleştirme kılavuzumuza başvurabilirsiniz.

5. Zoho Formları WordPress’e Nasıl Gömülür

Zoho Forms, her türlü formu kolayca oluşturmanızı sağlayan harika bir araçtır. İletişim formu, anket, kayıt formu veya sipariş formuna ihtiyacınız varsa Zoho Forms size yardımcı olacaktır.

Dahası, WordPress sitenize bir Zoho Formu yerleştirmek kolaydır. Ancak bu kısma geçmeden önce formu oluşturalım.

Başlamak için Zoho Forms web sitesinde bir hesap oluşturmanız gerekir. ‘Ücretsiz Kaydol’a tıklamanız yeterlidir.

Bir hesap oluşturduktan sonra formunuzu oluşturmaya başlayabilirsiniz.

İlk olarak, form oluşturucudaki ‘Yeni Form’ düğmesine tıklamanız gerekir.

Daha sonra Zoho Forms’un form oluşturmak için 3 yol sunduğunu göreceksiniz:

• Standart veya kart form türünü kullanarak sıfırdan formlar oluşturun.
• Hazır form şablonlarını kullanın.
• CRM formları oluşturun; bu, yalnızca Pro plana yükselttiğinizde kullanılabilen bir özelliktir.

Bu kılavuz için ‘Web Sitesi Geri Bildirimi’ şablonunu seçeceğiz.

Şimdi ‘Bu şablonu kullan’ düğmesine tıklayalım.

Bu işlem tamamlandığında, Zoho Forms form oluşturucusuna ulaşacaksınız.

Sol taraftaki panelde tüm özelleştirme seçenekleri, sağ tarafta ise form önizlemesi yer alır. Formunuza öğeleri sürükleyip bırakarak ekleyebilirsiniz.

Zoho Forms ile formun temasını web sitenizin temasına uyacak şekilde de değiştirebilirsiniz.

Bunu yapmak için ‘Temalar’ sekmesine gidebilirsiniz. Ardından, kullanmak istediğiniz temanın üzerine gelin ve ‘Uygula’ya tıklayın.

Her şey zaten iyi görünüyorsa, ‘Paylaş’ sekmesine geçebilirsiniz.

Bu sekmede, Zoho Forms’un formları yerleştirmek için birçok seçeneğe sahip olduğunu görebilirsiniz.

Bir WordPress sitesine yerleştireceğimiz için, Göm ” Web Sitesi Oluşturucuları‘na gidelim. Ardından, devam edin ve ‘WordPress’e Git’ düğmesine tıklayın.

Daha sonra WordPress eklenti dizinindeki Zoho Forms sayfasına yönlendirileceksiniz.

Tek yapmanız gereken eklentiyi yüklemek. Yardıma ihtiyacınız varsa, WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakabilirsiniz.

Etkinleştirmenin ardından, Zoho Forms’u yerleştirmek istediğiniz bir gönderi veya sayfa açabilirsiniz. Buradan, ‘+’ düğmesine tıklayacak ve Zoho Forms bloğunu seçeceksiniz.

Blok eklendikten sonra, ‘Zoho Forms’a Eriş’ düğmesine tıklayabilirsiniz.

Ayrıca ‘Kalıcı bağlantı ile yerleştir’ bağlantısı da vardır, ancak yeni başlayanlar için uygun olmadığından bu yöntemi önermiyoruz.

Ardından, Zoho hesabınızı kaydettiğiniz alan adını seçmeniz istenecektir.

Bu durumda, açılır menüden'zoho.com'u seçeceğiz ve ‘Bağlan’a tıklayacağız.

Bundan sonra, yerleştirmek istediğiniz formu seçebilirsiniz.

Açılır menüye tıklamanız ve mevcut seçeneklerden birini seçmeniz yeterlidir. Ardından, aşağı kaydırmak ve ‘Yerleştir’ düğmesine tıklamak isteyeceksiniz.

İçerik düzenleyiciniz daha sonra Zoho formunuzu yükleyecektir.

Gördükleriniz hoşunuza gittiyse, devam edin ve ‘Kaydet’ düğmesine tıklayın.

Şimdi, sayfayı ziyaret ederseniz, Zoho formunuzu çalışırken göreceksiniz.

Şöyle görünebilir:

Yukarıdaki resimden, Zoho Forms temasının formu web sitenizin tasarımıyla eşleştirmeyi kolaylaştırdığını da görebilirsiniz.

6. E-posta Kayıt Formları WordPress’e Nasıl Yerleştirilir

OptinMonster, tipik bir form oluşturucu olmasa da, kullanıcı kayıt formları oluşturmak ve bir e-posta listesi oluşturmak için harika bir araçtır.

WPBeginner’da bu müşteri adayı oluşturma aracını kullanarak mükemmel sonuçlar elde ettik. Örneğin, OptinMonster ile e-posta abonelerimizi %600 oranında artırdık.

E-posta kayıt formları oluştururken, slaytlar ve ışık kutusu açılır pencereleri gibi çeşitli kampanya türlerini kullanabilirsiniz. OptinMonster e-posta kayıt formunu yerleştirme hakkında konuşmadan önce, formun hazır olduğundan emin olalım.

Öncelikle, web sitelerinde ‘ OptinMonster ‘ı Şimdi Alın’ düğmesine tıklayarak bir OptinMonster hesabı oluşturmanız gerekir.

Bu sizi fiyatlandırma sayfasına götürecektir.

Popüler olduğu ve ‘Çıkış Niyeti’ özelliğini içerdiği için Pro planı öneriyoruz. Ayrıca %10 indirim almak için özel WPBeginner OptinMonster kupon kodumuzu kullanabilirsiniz.

Satın alma işleminizi tamamlamak için ödeme bilgilerinizi girmeniz ve ödemeye devam etmeniz yeterlidir.

Bunu yaptıktan sonra, OptinMonster WordPress eklentisini kuralım ve etkinleştirelim. Yardıma ihtiyacınız varsa, lütfen WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Bu eklenti WordPress sitenizi OptinMonster’a bağlayacaktır. WordPress yönetici panelinizden OptinMonster ” Ayarlar bölümüne gitmeniz yeterlidir. Ardından, devam edin ve ‘Mevcut Hesabınızı Bağlayın’a tıklayın.

Bağlandıktan sonra, OptinMonster e-posta kayıt formunuzu oluşturmaya hazırsınız. Ayrıntılı talimatlar için OptinMonster ile WordPress’te e-posta listenizi nasıl oluşturacağınıza ilişkin kılavuzumuzu okuyabilirsiniz.

OptinMonster’ın ayrıntılı görüntüleme kuralları, doğru kampanyayı doğru kişiye doğru zamanda göstermenize olanak tanıyarak dönüşüm oranlarını artırmanıza yardımcı olur. Bu ayarları kampanya oluşturucuda Görüntüleme Kuralları bölümüne giderek bulabilirsiniz.

Burada, müşteri davranışlarına göre kampanyalarınızın ne zaman ve nerede görüneceğini kontrol edebilirsiniz.

Ayrıca mobil ve masaüstü kullanıcıları için farklı düzenler göstermek gibi farklı kitleler için kampanyaları özelleştirebilirsiniz.

OptinMonster, belirli günlere veya konumlara göre kurallar belirlemenize olanak tanır, böylece Kara Cuma teklifleri veya farklı ülkeler için tatil temalı açılır pencereler gibi hedefli kampanyalar yürütebilirsiniz.

Ayrıca, OptinMonster’ın çıkış niyeti teknolojisi, sitenizden ayrılmak üzere olan ziyaretçileri kurtarmaya yardımcı olur. Bu özellik, kullanıcı davranışını izler ve çıkmadan hemen önce hedeflenmiş bir mesajı tetikleyerek daha fazla e-posta abonesi yakalamanıza ve dönüşümleri artırmanıza olanak tanır.

Her şeyden memnun olduğunuzda, müşteri adayı oluşturma formunu web sitenize yerleştirme zamanı gelmiştir.

İşlemi başlatmak için oluşturucudan ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Değişikliklerinizi kaydettiğinizden emin olduktan sonra ‘Yayınla’ sekmesine geçebilirsiniz.

Buradan devam edin ve durumu ‘Taslak’ yerine ‘Yayınla’ olarak değiştirin. Ardından ‘Yayınla’ sekmesinin ‘Yayınlandı’ olarak değiştiğini ve duraklatma simgesinin bir onay işaretine dönüştüğünü göreceksiniz.

Artık kampanya düzenleyicisini kapatabilir ve OptinMonster ” Kampanyalar‘a gidebilirsiniz.

Bir sonraki adım, e-posta kayıt açılır pencereniz için ‘Beklemede’ durumunu ‘Yayınla’ olarak değiştirmektir. Açılır menüyü açmak için ‘Beklemede’ bağlantısına tıklamanız ve ‘Yayınla’ seçeneğini seçmeniz yeterlidir.

İşte bu kadar!

Şimdi, web sitenizi ziyaret ederseniz, e-posta kayıt açılır penceresini çalışırken göreceksiniz.

7. WordPress’e Ödeme Formları Nasıl Yerleştirilir

Sadece tek bir ürün satmak istiyorsanız veya tam bir alışveriş sepeti kurmak istemiyorsanız Easy Digital Downloads veya WooCommerce gibi kapsamlı e-ticaret eklentilerini kullanmak aşırıya kaçmak olabilir. Basit bir ödeme formu oluşturmak, özel tutarları kabul etmek veya birkaç ürün satmak için genellikle daha iyi bir seçenektir.

WP Simple Pay işte bu noktada yardımcı olabilir.

WP Simple Pay, eksiksiz bir e-ticaret eklentisi gerektirmeden Stripe ödemelerini kabul etmek için en iyi seçimdir.

Ayrıca kredi kartı ödemeleri, Apple Pay, Google Pay ve daha fazlası gibi diğer ödeme yöntemlerini kabul etmenizi sağlar. Kar amacı gütmeyen kuruluşlar, küçük işletmeler ve ödeme toplamak için basit bir çözüme ihtiyaç duyan gönüllüler için idealdir.

Bir ödeme formu yerleştirmek için önce WP Simple Pay eklentisini yüklemeniz gerekir. Yardıma ihtiyacınız varsa, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakabilirsiniz.

Etkinleştirmenin ardından, Stripe’a bağlanmak için kurulum sihirbazını takip etmeniz yeterlidir.

Bağlandıktan sonra, WP Simple Pay’i kullanarak ödeme formunuzu oluşturmaya hazırsınız.

Detaylı talimatlar için ödeme seçenekli WordPress formu oluşturma rehberimizdeki ilk yöntemi takip edebilirsiniz.

Ödeme formunuzdan memnun kaldığınızda, devam edin ve ‘Yayınla’ düğmesine tıklayın. Ardından, formun kısa kodunu kopyalayarak yazınıza veya sayfanıza yerleştirebilirsiniz.

WordPress içerik düzenleyicisinde, ‘+’ düğmesine tıklamanız ve ‘Kısa kod’ bloğunu seçmeniz yeterlidir.

Daha sonra, formun kısa kodunu metin alanına yapıştırabilirsiniz.

WP Simple Pay’in ödeme formunuzu varsayılan olarak test modunda oluşturduğunu unutmayın. Bu, henüz ziyaretçilerden ödeme kabul edemeyeceğiniz anlamına gelir.

Bunu düzeltmek için, WordPress kontrol panelinde WP Simple Pay ” Ödeme Formları bölümüne gidelim. Ardından, yeni oluşturduğunuz formun üzerine gelebilir ve göründüğünde ‘Düzenle’ye tıklayabilirsiniz.

Bu panelde, ‘Ödemeler’ bölümüne gitmek isteyeceksiniz.

Son olarak, ‘Canlı Mod’ radyo düğmesine ve ardından ‘Güncelle’ye tıklayabilirsiniz.

İşte bu şekilde bir WP Simple Pay formu yerleştirebilir ve hedef kitlenizden ödeme kabul etmeye başlayabilirsiniz.

İşte demo sitemizde nasıl göründüğü:

8. WordPress’e Formidable Formları Nasıl Gömülür

Formidable Forms, ipotek, araba ödemesi veya hayat sigortası hesaplayıcısı gibi gelişmiş formlar oluşturmak için harika bir araçtır. WordPress web siteniz için kullanabileceğiniz 225’ten fazla form şablonu sunar.

Formidable Forms ile nasıl form oluşturulacağına ilişkin ayrıntılar için eksiksiz Formidable Forms incelememize bakabilirsiniz.

Formidable Forms, formlarınızı herhangi bir yazıya veya sayfaya yerleştirmeyi çok kolay hale getirir. Formunuzu oluşturmayı tamamladıktan sonra, form oluşturucudaki ‘Yerleştir’ düğmesine tıklayabilirsiniz.

Bu, formu nereye ekleyeceğinizi seçebileceğiniz bir açılır pencere açacaktır. 3 seçenek bulunmaktadır: ‘Mevcut sayfayı seç’, ‘Yeni sayfa oluştur’ ve ‘Manuel olarak ekle’.

‘Manuel olarak ekle’ seçeneğini seçerseniz, biraz kodla uğraşmanız gerekecektir. Bu yeni başlayanlar için biraz korkutucu olabilir, bu yüzden bunu önermiyoruz.

Bu eğitim için ‘Mevcut sayfayı seç’i seçeceğiz.

Ardından, başka bir bilgi istemi açılır penceresi görünecektir.

Burada, açılır menüyü açmak ve bir sayfa seçmek isteyeceksiniz. Örneğin, formu demo sitemizin ‘Ana Sayfa’ sayfasına yerleştirmeyi seçtik.

Sayfayı seçtikten sonra, devam edin ve ‘Form ekle’ düğmesine tıklayın.

Bu, sayfanın blok düzenleyicisini açacak ve formun zaten sayfaya gömülü olduğunu göreceksiniz.

Artık sayfayı güncellemeye hazırsınız.

Devam edin ve ‘Kaydet’ düğmesine basın.

İşte demo sitemizde nasıl göründüğü:

9. Gravity Forms WordPress’e Nasıl Yerleştirilir

Gravity Forms, WordPress için güçlü bir form oluşturucu eklentisidir, ancak işin püf noktası şu – yalnızca premium.

Bu form oluşturucu çok çeşitli özelliklere ve özelleştirme seçeneklerine sahiptir. Anketler, testler, kayıtlar ve sipariş formları gibi birçok form türü oluşturmanıza olanak tanır.

Gravity Forms kullanarak bir form oluşturmak için eklentiyi Gravity Forms web sitesinden satın almanız gerekir.

Ardından, sitenize yükleyebilir ve etkinleştirebilirsiniz. Yardıma ihtiyacınız varsa, lütfen WordPress eklentisi yükleme kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress panonuzda Gravity Forms ” Yeni Form bölümüne gidin ve ‘Yeni Ekle’ye tıklayın.

Bir sonraki ekranda bir form şablonu seçeceksiniz.

Aceleye gerek yok – kullanmak istediğiniz şablonu bulmak için bu açılır pencereyi inceleyebilirsiniz. Bulduktan sonra, şablonun üzerine gelin ve ‘Şablonu Kullan’ düğmesine tıklayın.

Daha sonra, formunuzu adlandırmanız ve kısa bir form açıklaması yazmanız istenecektir.

Örnek olarak aşağıdaki görüntüyü kullanabilirsiniz:

Devam edin ve formu oluşturmaya başlamak için bir kez daha ‘Şablonu Kullan’a tıklayın.

Bu, sağdaki alanları kullanarak formunuzu özelleştirebileceğiniz Gravity Forms’un sürükle ve bırak oluşturucusunu açacaktır.

Formunuz hazır olduğunda, değişiklikleri kaydettiğinizden emin olmak için ‘Formu Kaydet’ düğmesine tıklayabilirsiniz.

Ardından, devam edin ve ‘Yerleştir’e tıklayın.

Bu, Gravity Forms formunuzu gömmek için 3 seçenek açacaktır – mevcut bir sayfaya, yeni bir sayfaya veya klasik düzenleyiciyi kullanan kişiler için bir kısa kod yöntemine.

Bu eğitimde, Gravity Forms’u mevcut bir web sayfasına nasıl yerleştireceğinizi göstereceğiz.

Buradan, ‘Yazı’ radyo düğmesini seçelim. Ardından, WordPress web sitenizde yayınlanmış bir yazı seçmek için açılır menüyü açabilirsiniz.

Devam edin ve ‘Form Ekle’ düğmesine tıklayın.

Daha sonra sayfanın içerik düzenleyicisine yönlendirileceksiniz ve burada ‘Form’ bloğunu eklemeniz istenecek. Devam edin ve tıklayın.

Gravity Forms daha sonra yeni oluşturduğunuz formu gönderiye ekleyecektir.

Ayrıca varsayılan olarak ‘Form Başlığı’ ve ‘Form Açıklaması’ içerdiğini de fark edebilirsiniz.

Her şeyin ayarlandığını düşünüyorsanız, ‘Kaydet’ düğmesine basmanın zamanı gelmiştir.

İşte bu kadar – bir Gravity Forms formu oluşturdunuz ve web sitenize eklediniz.

10. Microsoft Formları WordPress’e Nasıl Yerleştirilir

Bazı kişiler, Office 365 hesapları nedeniyle zaten aşina oldukları bir araç olduğu için form oluşturmak için Microsoft Forms ‘u kullanmak isteyebilir. Ayrıca Excel gibi diğer Microsoft ürünleriyle otomatik olarak entegre olarak veri toplama ve yönetimini kolaylaştırır.

Microsoft Forms, anketler, testler ve yoklamalar oluşturmak için yerleşik seçenekler sunar. Daha sonra formun ekleme kodunu kopyalayıp WordPress sitenize ekleyerek Microsoft 365 formlarını WordPress’e kolayca ekleyebilirsiniz.

İlk olarak, Office 365 hesabınızdaki Microsoft Forms’u kullanarak formunuzu oluşturacaksınız.

Office 365 ana sayfasından, başlamak için ‘Oturum Aç’a tıklayalım.

Giriş yaptıktan sonra, sayfanın sol üst köşesindeki menü simgesine tıklayabilirsiniz.

Ardından, ‘Formlar’ı bulmak ve üzerine tıklamak isteyeceksiniz.

Bu, şablon galerisini yeni bir sekmede açacaktır. Daha sonra oluşturmak istediğiniz formları seçebilirsiniz.

Microsoft Forms, anket, test, davetiye ve kayıt olmak üzere 4 form seçeneğine sahiptir. Bu eğitim için ‘Davet’ seçeneğini seçeceğiz. Hadi üzerine tıklayalım.

Microsoft Forms düzenleyicisi yeni bir sekmede açılacaktır. Buradan yapılacak ilk şey bir şablon seçmektir.

Sol taraftaki panelde şablon seçeneklerini inceleyebilirsiniz. Bir davetiye formu oluşturduğumuz için çeşitli amaçlara yönelik 7 hazır şablonumuz var.

Bu eğitim için düğün davetiyesi şablonunu kullanacağız. Varsayılan şablonun editörde nasıl göründüğünü burada görebilirsiniz:

Sağ taraftaki paneli aşağı kaydırırsanız, bu şablonun sunduğu varsayılan alanları bulabilirsiniz.

Bu şablonda kullanıcıların adları, katılan misafir sayısı, gıda alerjileri ve e-posta adresleri için önceden ayarlanmış 4 alan bulunmaktadır.

Diyelim ki daha fazla soru eklemek istiyorsunuz. Bu durumda, ‘+ Yeni soru ekle’ düğmesine tıklayabilir ve ‘Tarih’, ‘Derecelendirme’, ‘Metin’ veya diğerleri gibi soru türünü seçebilirsiniz.

Mevcut olanları düzenlemek istiyorsanız, sadece birine tıklayın ve özelleştirme seçenekleri görünecektir.

Görünümü ve hissi değiştirmek için palet simgesine tıklayabilirsiniz.

Buradan form düzenini ve arka plan resmini değiştirebilirsiniz.

Daha sonra dişli simgesine tıklayarak ayarlar sekmesine geçebilirsiniz.

Microsoft Forms bazı temel ayarları zaten yapılandırmıştır.

Ancak, düğün gününüzü yanıtlara göre stratejik olarak planlamanıza yardımcı olması için ‘Bitiş Tarihi’ni ve yanıtın kaybolmasını önlemek için yedek verilere sahip olmanız için ‘Her yanıt için e-posta bildirimi al’ seçeneğini etkinleştirmek isteyebilirsiniz.

İsterseniz, önceden ayarlanmış onay mesajını da düzenleyebilirsiniz.

Form hazır olduğunda, onu başlatma zamanı gelmiştir.

Form oluşturucuda, ‘Yanıtları topla’ düğmesine tıklayalım.

Görüntülenen açılır pencerede ‘</>’ veya gömme simgesine tıklayabilirsiniz.

Şimdi sitenize eklediğiniz kısa kodu görmelisiniz. Devam edin ve ‘Kopyala’ya tıklayın.

Şimdi, ‘Özel HTML’ bloğunu kullanarak bu kodu bir yazıya veya sayfaya yapıştırabilirsiniz.

WordPress içerik düzenleyicisinde, bloğu eklemek için ‘+’ düğmesine tıklamanız yeterlidir. Ardından, ‘Özel HTML’ bloğunu aramak için arama çubuğunu kullanabilirsiniz.

Devam edin ve bloğu içerik düzenleyiciye eklemek için üzerine tıklayın.

Buradan devam edecek ve Microsoft Forms’un kısa kodunu metin alanına yapıştıracaksınız.

Editörünüzde bir önizleme görmezseniz endişelenmeyin; kısa kod gayet iyi çalışır.

Şimdi, canlı hale getirmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine basabilirsiniz.

İşte demo sitemizde nasıl göründüğü:

11. WordPress’e HTML Formları Nasıl Gömülür

HTML formları genellikle elle kodlanır, bu nedenle formunuzu düzenlemek için bir sürükle ve bırak düzenleyiciniz yoktur.

Neyse ki HTML formlarının kurulumunu daha kusursuz hale getiren form eklentileri var. En iyi seçeneklerden biri HTML Forms eklentisidir. Bu eklenti, ziyaretçilerden bilgi toplamanıza yardımcı olan basit iletişim formları oluşturmak için harikadır.

En iyisi de HTML Formlarını kullanmak için kod yazmayı bilmenize gerek olmamasıdır.

Yeni bir alan eklemek kolaydır. Sadece mevcut seçeneklerden birini seçin ve HTML Forms sizden alanın verilerini ayarlamanızı isteyecektir.

‘Forma Alan Ekle’ düğmesine tıkladıktan sonra, HTML Forms verileri bir HTML parçacığına dönüştürecek ve ‘Form Kodu’ alanına koyacaktır.

Ve hepsi bu kadar! İlerlemenizi kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

Şimdi sıra formu yayınlamaya geldi.

HTML Formları, formunuzu herhangi bir yazıya, sayfaya veya widget alanına kolayca yerleştirmenizi sağlar. Bunu yapmak için formun kısa koduna ihtiyacınız olacaktır. Formunuzun kısa kodunu ‘Formu Düzenle’ panelinin üst kısmında bulabilirsiniz.

Bu kısa kodu panoya kopyalayalım.

Daha sonra HTML formunu görüntülemek istediğiniz bir sayfa veya yazı açabilirsiniz. Bu eğitim için formu ‘İletişim’ sayfamıza ekleyeceğiz.

Blok düzenleyiciye girdikten sonra, ‘+’ düğmesine tıklayın ve ardından ‘Özel HTML’yi arayın. Devam edin ve sayfanıza eklemek için üzerine tıklayın.

Daha sonra kısa kodu ‘Özel HTML’ bloğuna yapıştırabilirsiniz.

WordPress blok editörü size formu göstermeyecektir. Ama endişelenmeyin. Kaydettiğinizde sayfada görünecektir.

Şimdi de ‘Kaydet’ butonuna basarak uygulamayı görelim.

İşte web sitenizde nasıl görünebileceği:

Ayrıntılı talimatlar için WordPress’e HTML formlarının nasıl ekleneceğine ilişkin kılavuzumuza göz atabilirsiniz.

WordPress Formlarını Yerleştirme Hakkında Sıkça Sorulan Sorular

WordPress’e form yerleştirme hakkında sorularınız mı var? İşte başlamanıza yardımcı olacak bazı hızlı yanıtlar.

WordPress’e form yerleştirebilir misiniz?

Evet. En iyi çok amaçlı form oluşturucu olan WPForms da dahil olmak üzere çeşitli eklentileri kullanarak formları WordPress’e kolayca yerleştirebilirsiniz.

WordPress’te bir formu nasıl yüklerim?

İlk olarak, WordPress yöneticinizden Eklentiler “ Yeni Ekle bölümüne gitmek isteyeceksiniz. Bir sonraki adım, seçtiğiniz bir form eklentisini bulmak ve ardından basitçe yükleyip etkinleştirmektir. Bunu yaptıktan sonra, eklentiyi bir form oluşturmak ve bir kısa kod veya blok kullanarak sitenize yerleştirmek için kullanacaksınız.

WordPress’te WPForms nasıl kurulur?

WPForms’u kurmak için önce WPForms eklentisini kurmanız ve etkinleştirmeniz gerekir. Ardından, sürükle ve bırak oluşturucuyu kullanarak yeni bir form oluşturabilir ve bir kısa kod veya eklentinin bloğunu kullanarak formu web sitenize yerleştirebilirsiniz.

WordPress’te eklenti olmadan nasıl form oluşturulur?

WordPress’te eklenti olmadan bir form oluşturmak için özel HTML ve PHP gerekir. Form HTML’sini sayfanıza manuel olarak ekleyebilir ve gönderimleri temanızın functions.php dosyasındaki özel PHP ile işleyebilirsiniz. Bu yeni başlayanlar için uygun olmadığından, bunun yerine bir form oluşturucu kullanmanızı öneririz.

Umarız bu makale WordPress’e formları nasıl yerleştireceğinizi öğrenmenize yardımcı olmuştur. Daha sonra, Google Analytics’te WordPress form takibinin nasıl kurul acağı ve form terkinin nasıl takip edilip azaltılacağı hakkındaki diğer kılavuzlarımıza göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post WordPress’e Formlar Nasıl Yerleştirilir (Yeni Başlayanlar İçin Nihai Kılavuz) first appeared on WPBeginner.

That’s why we have done the research and investigated all the popular eCommerce solutions for everything from selling a single product online to full-blown online stores and membership websites.

During our testing process, we paid special attention to how easy each platform is to use, along with the features it offers for different kinds of online stores.

And in this article, we will share some of the best and most popular eCommerce solutions we have explored.

Top 3 eCommerce Platforms in 2024

🥇First place

WooCommerce

Price: Free plugin with free/paid extensions

Best for: Selling physical and digital products

Highly scalable & customizable, free to set up

Read more »

🥈Second place

EDD

Price: Free and paid plans (start at $99.50/yr)

Best for: Selling digital downloads

Easy setup, sell unlimited products

Read more »

🥉Third place

MemberPress

Price: Paid plans (start at $179.50/yr)

Best for: Paid memberships & online courses

Powerful membership features, course creation

Read more »

How We Tested and Reviewed the Best eCommerce Solutions

While this article will talk about the best eCommerce solutions, we know there’s more to consider than just how many stores use a particular platform.

We want to introduce you to some popular eCommerce platforms that perfectly balance ease of use and affordability for your business needs.

Here’s how we approached testing and reviewing these platforms:

• Value for money: Budget is a big concern for businesses, especially small startups. We looked at each platform’s pricing structure, including which features are in the starting plan, what upgrades unlock, and any additional fees that might add up.
• Ease of use: Many online store owners are self-made entrepreneurs who might be new to the technical side of things. So, we prioritized platforms that make it easy to sign up, build your online store, publish it, and manage day-to-day operations.
• Real-world experience: Some of the platforms we will discuss are the ones we use here at WPBeginner. This means we can confidently recommend them based on our own experience. For others, we invested our time and resources to test them.
• Customer reviews: We don’t just take a platform’s word for it. We delve into user reviews to see what actual customers are experiencing. We then compare these reviews to our own testing results to ensure the platform delivers on its promises.
• Market popularity: While we don’t solely rely on popularity, it does hold some weight. We used BuiltWith, a website technology tracker. It helped us get a sense of each platform’s current market share by analyzing the number of active websites built on it.

1. WooCommerce (Best Overall eCommerce Solution)

We’ve experimented with many self-hosted eCommerce solutions over the years, but WooCommerce remains our favorite for selling physical products through a WordPress website.

There are several reasons why WooCommerce is a great fit for small businesses. First and foremost, it’s completely free to set up and use. A handy setup wizard guides you through the process, making it easy to launch your WooCommerce store quickly.

But what truly sets WooCommerce apart is its incredible extensibility. Unlike hosted eCommerce platforms that bundle everything in, WooCommerce allows you to choose the features you need.

However, the extensive plugin selection can also be a double-edged sword. Finding the right plugins to achieve your desired functionality can be time-consuming.

Get to know more about this eCommerce plugin in our WooCommerce review.

Live website usage stats: 6 million+

Pros of WooCommerce:

• Free to set up and use
• Highly scalable with tons of WooCommerce extensions available
• Sample products and pre-installed themes for easy exploration
• Built-in analytics to track your store’s performance

Cons of WooCommerce:

• The sheer number of extensions can feel overwhelming for complete beginners.

Pricing: WooCommerce itself is a free plugin. Depending on the features, paid themes and extensions range from $1 to hundreds of dollars. WooCommerce hosting services typically start around $4 per month.

We recommend SiteGround, starting at $3.99 per month, and Bluehost, starting at $9.95 per month.

Why we chose WooCommerce: WooCommerce is the best overall eCommerce solution due to its affordability, ease of use, and unmatched scalability.

2. Easy Digital Downloads (Best for Digital Downloads)

Easy Digital Downloads (EDD) is the best eCommerce solution for selling digital products like ebooks, PDFs, software, audio files, and more. In fact, it’s the same platform we use across our companies to sell our WordPress plugins and manage customer orders.

Feel free to learn more about EDD in our Easy Digital Downloads review.

Like WooCommerce, EDD boasts an easy-to-use setup wizard that streamlines the launch process for your online store. You can quickly configure your business details, payment gateways, receipts, and product listings – all within a user-friendly interface.

EDD comes in both free and paid versions. The free plan is great if you’re just starting out with a few products. It includes all the essentials, like a shopping cart, built-in integration with popular payment gateways like PayPal and Stripe, order history, and customer invoicing.

However, the free version lacks features like recurring payments, discount code generators, and software licensing. These features can be crucial for businesses offering subscription models or downloadable software.

Live website usage stats: 50,000+

Pros of Easy Digital Downloads:

• Easy setup with a user-friendly interface
• Sell unlimited products with no transaction fees
• Free trial feature available for customers to try the products
• Mobile app to manage your store on the go

Cons of Easy Digital Downloads:

• It is limited to selling digital products only. If you plan to expand to physical products in the future, you’ll need to consider a different eCommerce platform or upgrade to EDD’s paid plans.

Pricing: Free version available. Paid plans start at $99.50 per year and go up to $499.50 per year. The starting paid plan allows use on 1 website, integrates with email marketing tools, and offers reporting features, custom discount codes, and support for additional payment gateways.

We recommend using SiteGround’s managed EDD Hosting, which starts at $3.99 per month.

Why we chose Easy Digital Downloads: EDD’s free version offers a fantastic starting point for beginners, while the paid plans provide powerful features for growing businesses.

3. MemberPress (Best for Paid Memberships)

MemberPress is the perfect eCommerce solution if you are running a membership-based business model. This includes online courses, coaching services, or educational websites where you offer premium content in exchange for a membership fee.

We use MemberPress ourselves to power the free WPBeginner video membership site, which helps us grow our email list.

While our membership site is free, MemberPress is highly capable of building monetized membership sites. It provides a range of features to support your business, including pay-per-view content, membership level upgrades, discount coupons, and more.

One thing to consider is that MemberPress offers limited payment gateways, integrating only with Stripe, PayPal, and Authorize.net. This might be a drawback if your business requires a wider range of payment processing options.

Read more about the membership plugin in our MemberPress review.

Live website usage stats: 24,575+

Pros of MemberPress:

• Unlimited memberships, members, access rules, and restricted content
• Easy-to-use member dashboard for your customers
• Extensive library of add-ons to tailor the membership site to your needs
• No transaction fees on top of your chosen payment gateway’s fees

Cons of MemberPress:

• Limited payment gateway options

Pricing: Starts at $179.50 per year and goes up to $499.50 per year. The basic plan allows use on 1 website with unlimited members and courses.

Also, feel free to use our MemberPress coupon code to save up to 50% off your first purchase.

Why we chose MemberPress: MemberPress’ ease of use, powerful course creation, and focus on membership site features make it a great option for businesses that want to offer exclusive content and subscriptions.

4. WP Simple Pay (Best for Selling Single Products/Services)

If you’re looking to sell a single product or service through your website, then a full-blown eCommerce software with all its features might be overkill. In fact, a complex platform could slow down your website and ruin the customer experience.

For situations like these, a payment processing plugin like WP Simple Pay is a great alternative. WP Simple Pay integrates seamlessly with Stripe, allowing you to create secure payment forms directly on your WordPress website without needing a separate shopping cart.

Despite its focus on simplicity, WP Simple Pay offers some powerful features. We’ve written extensively about the plugin’s capabilities, like one-click checkout (perfect for impulse purchases) and even buy-now-pay-later payment plans to attract a wider audience.

Learn more about the plugin in our WP Simple Pay review.

However, it’s important to remember that WP Simple Pay isn’t ideal for businesses with plans to grow a large product catalog. Order management can soon be tiring if you only rely on this plugin.

Live website usage stats: 14,000+

Pros of WP Simple Pay:

• Accepts various payment methods through Stripe, including credit cards, Apple Pay, Google Pay, QR codes, and Alipay
• Option to pass on payment processing fees to customers, increasing your profitability
• Drag-and-drop form builder with customization options for your payment forms
• Secure payments with built-in PCI compliance (no additional setup needed)

Cons of WP Simple Pay:

• Not suitable for managing large online stores with a vast product inventory

Pricing: Free plan available. Paid plans start at $49.50 per year and go up to $299.50 per year. All plans include unlimited payment forms, unlimited transactions, and no monthly fees on top of Stripe’s processing fees.

You can also use our WP Simple Pay coupon code to get 50% off.

Why we chose WP Simple Pay: It provides a user-friendly and secure way to accept payments without the complexity of a full eCommerce platform, making it great for small online stores.

5. Shopify (All-in-One Hosted eCommerce Platform)

Shopify is the most popular cloud-based eCommerce website builder, and for good reason. From our testing, we believe it is a user-friendly, all-in-one solution that streamlines the process of launching and managing your eCommerce store.

Firstly, Shopify eliminates the hassle of finding separate web hosting and domain name providers. It provides everything you need to get your store up and running, including built-in hosting.

We were also impressed by the fact that it offers abandoned cart recovery in all plans, a valuable tool often missing in starter plans from other platforms.

One thing we’re not a fan of is that transaction fees apply across all plans for third-party payment providers besides Shopify Payments (which isn’t available in all countries). They range from 0.2% to 2% per transaction, with lower fees associated with higher-tier plans.

Live website usage stats: 5,300,000+

Pros of Shopify:

• Simple setup with a drag-and-drop eCommerce website builder, a vast theme collection, and an easy-to-use backend
• Large app store with over 8,000 third-party apps
• 24/7 live chat customer support ensures you have help whenever you need it
• Localized selling features allow you to customize product pricing by market and translate your storefront into different languages

Cons of Shopify:

• Transaction fees can add up quickly, especially if you don’t use Shopify Payments or exceed the free listing limit for displaying products on third-party marketplaces

Pricing: Plans range from $19 per month for basic stores to $2,300 per month for enterprise-level solutions. A $5 starter plan is also available for simple online stores or for selling on social media platforms.

Shopify offers a free 3-day trial and $1 for the rest of your first month.

Why we chose Shopify: Shopify is a fantastic option for beginners and growing eCommerce businesses due to its ease of use, comprehensive features, and all-in-one approach.

6. WPForms (Best for Services/Quote-Based Businesses)

WPForms is a powerful form builder plugin for WordPress and the best option for creating eCommerce forms for your website. It allows you to manage many parts of your online store, including collecting service inquiries and accepting payments for those services.

Here at WPBeginner, we use WPForms to build all sorts of forms for our projects, including our contact forms and survey forms. To learn more, see our full WPForms review.

What makes WPForms so user-friendly is its extensive library of over 2000 pre-made form templates. These templates cater to a wide range of businesses, including real estate agents, t-shirt designers, and hotel bookings.

One of the highlights of WPForms’ is its built-in reporting tool. This tool provides valuable insights into your sales performance, allowing you to track total payments, sales, refunds, and even new subscriptions (if applicable).

Plus, WPForms integrates with popular payment gateways like PayPal Commerce, Stripe, Square, and Authorize.net for secure transactions. While these are some of the most common options, WPForms offers fewer payment integrations compared to other solutions.

Live website usage stats: 6,000,000+

Pros of WPForms:

• Extensive library of pre-made form templates for various business types
• User-friendly drag-and-drop form builder for easy customization
• Built-in payment reporting tool to track sales performance

Cons of WPForms:

• Limited payment options compared to some other solutions
• Not ideal for managing large product inventories due to its limited eCommerce features

Pricing: Free plan available. Plans start at $49.50 per year and go up to $299.50 per year. The most affordable plan allows use on 1 website with unlimited forms, submissions, and users.

You can also use our WPForms coupon code to get up to 50% off.

Why we chose WPForms: Overall, this form plugin is great for service-based businesses and those that require quote requests or upfront payments.

7. Squarespace (For Creative Businesses)

Squarespace isn’t just a website builder – it also offers built-in eCommerce functionality. It’s renowned for its stunning, minimalist website design templates, which cater to a wide range of industries.

Based on our experience, we believe Squarespace is a perfect fit for creative and design businesses looking to establish a beautiful online presence and sell their products.

As an eCommerce platform, Squarespace lets you sell digital and physical products. It also integrates with various tools to run an eCommerce website. For instance, you can connect with FedEx for reliable shipping and TaxJar to automate sales tax calculations.

However, its pricing structure is a bit confusing. Features like subscription products and product reviews are only available on higher-tier plans, while other platforms might offer these features as standard or through extensions.

Live website usage stats: 5,200,000+

Pros of Squarespace:

• Eye-catching, pre-designed website templates and a user-friendly drag-and-drop website builder
• Integrates with various tools for online selling, including payment processors, shipping solutions, and dropshipping options
• Sell unlimited products through your online store

Cons of Squarespace:

• Essential eCommerce features are limited on lower-tier plans, requiring upgrades to access them (unlike some competitors)
• A 3% transaction fee applies to the most affordable plan for selling online

Pricing: Plans start at $16 per month and go up to $52 per month. The Business plan, which allows online selling, costs $23 per month and includes features like selling content memberships, products, services, and accepting payments.

Why we chose Squarespace: Creatives can go with Squarespace to easily build a beautiful eCommerce site with stunning templates, a smooth website builder, and integrations with popular sales tools.

8. Wix (For Niche Businesses With Specific Needs)

Wix is a website builder that offers built-in eCommerce functionalities similar to other hosted eCommerce platforms. However, Wix goes a step further by providing industry-specific features that can cater to unique business needs.

For instance, if you manage a hotel, then Wix offers features specifically designed to showcase your property and manage online bookings. These features include tools to display rental listings with customizable rules and availability settings.

While Wix boasts a comprehensive set of features, there’s a potential drawback to be aware of. In our experience, the platform itself can be a bit slow, which could impact the user experience. Some Wix users have also reported poor website loading times.

Live website usage stats: 8,600,000+

Pros of Wix:

• Industry-specific features catering to niche businesses (e.g., vacation rentals, event ticketing, digital art)
• Ability to sell up to 50,000 products
• Supports pre-orders and sales channels like social media and marketplaces
• Flexible drag-and-drop website builder with a wide variety of industry-specific templates

Cons of Wix:

• Can be slow, potentially impacting website performance

Pricing: Plans range from $17 per month to $159 per month. There’s also a free plan available, but it has limited functionality.

Why we chose Wix: Overall, we recommend Wix for niche businesses that require specific functionalities beyond what basic eCommerce platforms offer.

9. BigCommerce (Premium Solution for Enterprises)

BigCommerce caters to businesses of all sizes, but it truly shines for enterprises with high-volume sales and complex needs.

First, BigCommerce offers unlimited product listings, file storage, bandwidth, and staff accounts across all plans. This lets you create a massive online store with extensive product catalogs, add high-quality product images, and manage teams without worrying about limitations.

Additionally, BigCommerce supports multi-storefronts. This enables you to manage separate brands or regional stores under one platform.

That being said, BigCommerce has sales limits associated with each plan. If your online sales exceed the limit for your current plan, you’ll need to upgrade to a higher tier.

Live website usage stats: 42,600+

Pros of BigCommerce:

• Unlimited products, file storage, bandwidth, and staff accounts in all plans
• Multi-currency support for international selling
• Real-time shipping quotes for customer convenience
• Multi-channel selling capabilities (Amazon, eBay, Walmart, Facebook, Instagram, POS systems)

Cons of BigCommerce:

• Online sales limits on each plan (upgrade required if exceeded)
• The drag-and-drop eCommerce website builder is not the easiest to use

Pricing: Plans range from $29 per month to $299 per month, with no additional transaction fees. The lowest plan is capped at $50,000 in annual sales. A free 15-day trial is available.

Why we chose BigCommerce: Scalability, unlimited resources, and multi-channel selling features make BigCommerce an excellent choice for businesses looking to scale fast.

10. Weebly (Freemium eCommerce Platform)

Weebly stands out as the best free eCommerce platform if you are just starting out and budget is a major concern. The free plan offers a surprising amount of functionality, including selling unlimited products, managing inventory, and even calculating sales tax automatically.

One interesting feature we found is the Quick Shop function. This allows you to create a streamlined checkout process in your online shopping experience. This is perfect for situations where you only have a single product or service to sell.

However, it’s important to understand the limitations of Weebly’s free plan. For instance, you cannot connect your online store to a custom domain name, meaning your website address won’t be as professional-looking.

Additionally, selling digital products is not allowed on the free plan.

Live website usage stats: 770,000+

Pros of Weebly:

• Generous free plan with unlimited products, shopping cart, inventory management, and basic eCommerce marketing tools.
• Free SSL certificate for secure online transactions.
• Affordable paid plans compared to other hosted eCommerce platforms.

Cons of Weebly:

• Free plan limitations (no custom domain name and restricted to selling digital products)
• May feel less scalable for complex online stores

Pricing: Free plan available. Paid plans start at $10 per month and go up to $26 per month. All plans include a free SSL certificate, the ability to add custom code, Quick Shop functionality, and unlimited products.

Why we chose Weebly: If you want to start a simple online store on a budget, then Weebly is a great place to do it.

11. Magento (Open-Source Solution for Enterprises)

Magento is a powerful open-source eCommerce platform owned by Adobe Commerce. Unlike hosted solutions, Magento offers extensive customization capabilities for tailoring your online store to your exact needs.

Similar to WordPress plugins, Magento extensions offer a wide range of features, from customer support and security enhancements to advanced shipping options and marketing tools. These extensions can add significant value to your store but often come with additional costs.

With all this in mind, Magento requires significant technical expertise to set up and maintain. Additionally, it demands robust hosting resources, typically on a VPS (Virtual Private Server). For business owners looking for a managed solution, it’s better to look elsewhere.

Live website usage stats: 120,000+

Pros of Magento:

• Open-source software, free to download and use
• A large and active community forum for support
• Extensive library of extensions to enhance store functionality

Cons of Magento:

• Requires significant technical expertise for setup, maintenance, and security

Why we chose Magento: With all things considered, we recommend Magento for established businesses with the technical resources and development expertise to manage a complex platform.

Must-Use Tools to Optimize Your Online Store

Now that you are familiar with the most popular eCommerce platforms, here are some must-use tools to help you optimize your store and increase conversions.

1. FunnelKit

FunnelKit is a sales funnel builder specifically designed to improve your eCommerce website’s conversion rate. By creating targeted sales funnels, you can guide your website visitors through a specific journey, leading them toward making a purchase.

We have tested out FunnelKit extensively to evaluate its features for eCommerce stores. Feel free to read our FunnelKit review to learn more about it.

Besides the sales funnel builder, you can also use FunnelKit Automations. This tool lets you set up automated marketing campaigns triggered by your visitors’ behavior. For instance, you can automatically send emails to follow up with customers after they make a purchase or promote new products.

While FunneKit offers a free version, it’s very limited. For example, it’s not possible to set up order bumps to offer users additional products to increase average order value. That’s why we recommend investing in a paid version.

Pros of FunnelKit:

• Pre-made design templates for essential funnel elements
• Dynamic offers can personalize upsell recommendations based on customer shopping carts
• Split testing functionality to optimize your funnels for better conversions

Cons of FunnelKit:

• Free plan has limitations

Pricing: Plans range from $99.5 per year to $399 per year. The most affordable plan allows use on 1 website and includes over 20 checkout templates, 9 checkout optimization features, and an abandoned cart recovery tool.

Why we chose FunnelKit: With its pre-made templates, automation features, and split testing capabilities, FunnelKit makes it easy to optimize your conversion rate and increase your sales.

2. OptinMonster

OptinMonster is a powerful lead-generation plugin designed to help you capture visitor email addresses and grow your email list. We use it on all our websites to capture leads, and it helped us increase email subscribers by 600% on WPBeginner alone.

With this tool, you can create targeted popups, opt-in forms, and notification banners to encourage users to subscribe and stay engaged with your brand. This allows you to nurture leads, promote new products and special offers, and ultimately drive more sales.

One of OptinMonster’s standout features is its advanced targeting capabilities. For instance, you can target visitors based on their exit intent (showing a popup as they try to leave your website) or tailor product recommendations based on their past purchases.

The one downside to OptinMonster is there is no free plan, though you can use our coupon code to get 10% off.

Pros of OptinMonster:

• Extensive library of pre-made templates for various campaigns and seasons
• User-friendly drag-and-drop builder for easy customization
• A/B testing functionality to identify your most effective marketing strategies

Cons of OptinMonster:

• No free plan available

Pricing: Plans range from $5.97 per month to $39.97 per month. Even the most affordable plan offers unlimited campaigns and unlimited subscribers, making it a cost-effective solution for growing your email list.

Why we chose OptinMonster: The vast template library, drag-and-drop builder, and advanced targeting features make OptinMonster a valuable tool for boosting conversions.

3. Advanced Coupons

If you use WooCommerce as your eCommerce platform, then it already offers a built-in discount feature. However, for businesses seeking more advanced coupon features, Advanced Coupons is a powerful plugin worth considering.

This plugin lets you create various coupon types, including ‘Buy One Get One’ (BOGO) offers, coupon codes that can be shared through unique URLs, scheduled coupons that activate or deactivate at specific times, and even automatically applied coupons at checkout.

That being said, Advanced Coupons is best if you plan on offering various types of discounts. Otherwise, the plugin can feel like overkill.

You can read our Advanced Coupons review for more details.

Pros of Advanced Coupons:

• Wide variety of coupon options: one-time discounts, BOGO deals, percentage or fixed-amount discounts, free shipping coupons, and more
• Set usage restrictions and cart conditions to control how coupons are applied
• Schedule coupons in advance for strategic promotions and sales events

Cons of Advanced Coupons:

• May be excessive if you only require basic discount functionalities

Pricing: Advanced Coupons offers tiered plans starting from $59.50 per year to $149.50 per year.

However, we recommend considering the all-access bundle priced at $249.50 per year. This bundle includes Advanced Coupons, the Loyalty Program plugin, and the Advanced Gift Cards plugin. This is a complete kit to incentivize repeat business and increase customer loyalty.

You can also use our coupon code to get up to 50% off of your first purchase.

Why we chose Advanced Coupons: The plugin offers various coupon types, the ability to set rules for coupons, and coupon scheduling features. All these features let you run your promotional campaigns much more effectively.

What Is the Best eCommerce Platform?

Overall, the best eCommerce solution growing in popularity is WooCommerce. It has a user-friendly interface for managing products, inventory, and orders, making it perfect for first-time business owners.

Plus, it integrates with the extensive WordPress plugin ecosystem. This gives you countless options for marketing, payments, shipping, and more for your online store.

Alternatively, if you specialize in selling digital products like ebooks, software, or courses, then Easy Digital Downloads is the perfect solution. This eCommerce tool streamlines the process of managing digital downloads, protecting your files, and delivering them securely to customers.

If you offer exclusive content, courses, or communities, then MemberPress allows you to create paid memberships with tiered access levels. This gives you the flexibility to create premium content subscriptions and generate recurring revenue.

eCommerce Solutions: FAQs

Now that we’ve explored some popular eCommerce platforms and tools, let’s answer some frequently asked questions.

Ultimate Guides to Boost Your Online Store Sales

• How to Choose the Best Products to Sell Online (Beginner’s Guide)
• Most Popular Digital Products You Can Sell Online
• How to Create a Product Page Catalog in WordPress (Step by Step)
• How to Use FOMO on Your WordPress Site to Increase Conversions
• WooCommerce SEO Made Easy – A Step-by-Step Guide
• How to Convert WooCommerce Visitors into Customers
• Shopping Cart Abandonment Statistics (Expert Insights)

We hope this article has helped you find the best eCommerce solution that’s growing in popularity. You may also want to check out our article on proven affiliate marketing tips and our expert picks of the best referral program software for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 2024 Yılında Popülerliği Artacak En İyi 11 e-Ticaret Çözümü first appeared on WPBeginner.

İşte bu noktada görsel sıcak noktaları imdadınıza yetişebilir. Bu tıklanabilir alanlar, basit bir resmi ziyaretçileriniz için ilgi çekici ve bilgilendirici bir deneyime dönüştürebilir. Bir haritadaki noktaları göstermek, bir fotoğraftaki ekip üyelerini etiketlemek ve ürün özelliklerini vurgulamak için bunları kendimiz denedik.

Aynı şeyi nasıl yapacağınızı merak ediyorsanız, doğru yerdesiniz. Bu kılavuz, WordPress web siteniz için herhangi bir kod kullanmadan bir resim etkin noktası oluşturmanın 2 basit yöntemini gösterecektir.

WordPress’te Görsellerinize Ne Zaman Sıcak Noktalar Eklemelisiniz?

Resim sıcak noktaları, basit resimleri ziyaretçilerin keşfedebileceği etkileşimli içeriklere dönüştürebilen tıklanabilir noktalardır. Peki görsellerinize sıcak noktalar eklemeyi ne zaman düşünmelisiniz?

Sıcak noktaları kullanmak için iyi bir zaman, bir ürün görselinin farklı bölümlerini göstermek istediğiniz zamandır.

Diyelim ki yeni bir telefon satıyorsunuz. Kamerasına, ekranına ve diğer özelliklerine dikkat çekmek için sıcak noktalar ekleyebilirsiniz. Bu, müşterilerin uzun açıklamaları okumadan ürün hakkında bilgi edinmesine yardımcı olur.

Pek çok ev eşyası web sitesi, sahnelenmiş fotoğraflarda sergilenen ürünlerin ürün ayrıntılarını vurgulamak için görüntü sıcak noktalarını da kullanır.

Sıcak noktalar, infografikleri ve veri görselleştirmeyi daha ilgi çekici hale getirmek için de harikadır. Tüm bilgileri tek bir görsele sığdırmak yerine, sıcak noktaların arkasına ekstra ayrıntılar gizleyebilirsiniz. İnsanlar infografiğin farklı bölümlerine tıkladıklarında daha fazla bilgi ve rakam görebilirler.

Bir e-Öğrenim web sitesi işletiyorsanız, etkin noktalar kullanıcı deneyimini iyileştirebilir ve derslerinizi daha etkileşimli hale getirebilir. Örneğin, bir haritaya sıcak noktalar ekleyerek öğrencilerin farklı ülkeler veya önemli noktalar hakkında bilgi edinmek için tıklamasına izin verebilirsiniz.

Bunu akılda tutarak, WordPress web sitenize kolayca nasıl resim hotspotları ekleyebileceğinize bakalım. Biz 2 yöntem bulduk ve makalede gezinmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: SeedProd ile Görüntü Sıcak Noktaları Ekleme (Açılış Sayfaları/Özel Temalar İçin)

Bu ilk yöntem, WordPress web sitenize resim etkin noktaları eklemek için sürükle ve bırak sayfa oluşturucu olan SeedProd‘u kullanır. Özel bir açılış sayfası veya özel bir WordPress teması oluşturuyorsanız ve görsel etkin nokta bloğu olan bir platform kullanmak istiyorsanız bu yöntemi öneriyoruz.

SeedProd’un en sevdiğimiz yanı, online butiklerden temizlik hizmetlerine ve SaaS şirketlerine kadar farklı sektör kategorileri için 350’den fazla açılış sayfası şablonu ve tema kiti sunması. Yani her tür site için bir seçenek var.

Göz önünde bulundurmanız gereken bir şey, görüntü etkin noktaları oluşturmak için yalnızca ücretsiz bir çözüm istiyorsanız, bu yöntem sizin için olmayabilir. Bunun nedeni, SeedProd’un etkin nokta bloğunun yalnızca ücretli SeedProd sürümlerinde mevcut olmasıdır. Bu durumda, yöntem 2 ile devam etmenizi öneririz.

Eklentinin özellikleri ve fiyatı hakkında daha fazla bilgi için SeedProd incelememize göz atın.

Bir SeedProd planı satın aldıktan sonra, WordPress eklentisini yönetici alanınıza indirebilir ve yükleyebilirsiniz. Bundan sonra, SeedProd “ Ayarlar bölümüne gidin ve lisans anahtarınızı girin. Bu bilgiyi SeedProd hesap sayfanızda bulabilirsiniz.

Tamamlandığında, ‘Anahtarı Doğrula’ya tıklayın.

Bundan sonra, SeedProd ” Açılış Sayfaları bölümüne gidin.

Ardından, ‘Yeni Açılış Sayfası Ekle’ye tıklayın.

Şimdi SeedProd’un sunduğu tüm şablonları göreceksiniz. Viral bir bekleme listesi açılış sayfası, bir Google reklam açılış sayfası, bir yakında sayfası ve daha fazlası için seçenekler var.

İhtiyaçlarınıza en uygun olanı seçebilmek için seçenekler arasında gezindiğinizden ve bunları tek tek önizlediğinizden emin olun.

Bir şablona karar verdikten sonra, seçiminizin üzerine gelmeniz yeterlidir.

Ardından, turuncu onay işareti düğmesine tıklayın.

Şimdi, sayfayı adlandırmanızı ve URL slug’ını girmenizi isteyen yeni bir açılır pencere görünecektir.

Bunu yaptıktan sonra ‘Kaydet ve Sayfayı Düzenlemeye Başla’ya tıklayın.

Bu, SeedProd sürükle ve bırak düzenleyicisini açacaktır.

Blokları sayfaya sürükleyip bırakabileceğiniz ve istediğiniz gibi özelleştirmek için üzerlerine tıklayabileceğiniz WordPress blok düzenleyicisine benzer şekilde çalışır.

Görüntü sıcak noktaları oluşturmak için sol kenar çubuğunda ‘Sıcak Nokta’ bloğunu bulabilirsiniz.

Ardından, doğrudan sayfanıza sürükleyip bırakın.

Ardından, sıcak noktaları eklemek istediğiniz WordPress resmini yüklemeniz gerekir.

Bunu, ‘Hotspot’ bloğuna tıklayarak ve bir görsel seçmek için ‘Kendi Görselinizi Kullanın’ veya ‘Stok Görsel Kullanın’ seçeneklerinden birini seçerek yapabilirsiniz.

İlk seçenek, mevcut bir görseli seçebileceğiniz veya yeni bir tane yükleyebileceğiniz medya kitaplığını açacaktır. Boyut oldukça büyükse, WordPress’te büyük görsellerin nasıl yükleneceğine ilişkin kılavuzumuza göz atabilirsiniz.

Bir görüntü yükledikten sonra, arama motorları ve ekran okuma araçları için görüntüyü tanımlamak üzere bazı alt metinler girebilirsiniz.

Görüntü boyutunu ve hizalamasını da özelleştirebilirsiniz.

Bundan sonra, etkin noktalarınızı eklemeye başlamak için aşağı kaydırabilirsiniz.

Bunu ‘+ Etkin Nokta Ekle’ düğmesine tıklayarak yapabilirsiniz.

Şimdi resminizin üzerinde turuncu bir nokta belirecektir. Yatay ve dikey yönlendirme çubuklarını sürükleyerek konumunu ayarlayabilirsiniz.

Ayrıca, kullanıcının imleci etkin noktanın üzerine geldiğinde görünmesi gereken metni de ekleyebilirsiniz.

Aşağı doğru hareket ederek etkin noktanın rengini değiştirebilirsiniz.

Markanıza ve web sitesi tasarımınıza uygun bir renk seçmek için ‘Renk’ ayarlarına tıklamanız yeterlidir.

Aşağı kaydırmaya devam ederseniz, ‘Gelişmiş Ayarlar’ geçişini etkinleştirebilirsiniz.

Burası, kullanıcıların istediğiniz sayfaya yönlendirilebilmesi için etkin noktanızın ipucu metnine bir bağlantı ekleyebileceğiniz yerdir.

Bunun yanı sıra, varsayılan daire şeklini değiştirmek için özel bir simge seçebilirsiniz.

Bunu yapmak için ‘Simge Seç’ düğmesine tıklamanız yeterlidir.

SeedProd’un kütüphanesinden çeşitli simgeler seçebileceğiniz bir açılır pencere görünecektir. Daha fazla seçeneğe ihtiyacınız varsa Font Awesome’dan da simgeler seç ebilirsiniz.

Bir simgeyi kullanmak için üzerine tıklamanız yeterlidir.

Bir simge seçtikten sonra, tercihlerinize bağlı olarak şekli daha küçük veya daha büyük yapmak için ‘Simge Boyutu’ çubuğunu sürükleyebilirsiniz.

Daha sonra daha fazla etkileşimli görüntü sıcak noktası oluşturmak için adımları tekrarlayabilirsiniz.

Aşağıda, görüntü sıcak noktalarınıza animasyonlu bir efekt ekleyebilirsiniz. 2 seçenek bulunmaktadır: ‘Yumuşak Vuruş’ ve ‘Genişlet’.

Şimdi, ‘Araç İpucu’ bölümüne geçelim.

Burada, araç ipucunun konumunu değiştirebilir (sağ, sol, sıcak noktanın üstünde veya altında) ve tetikleyiciyi değiştirebilirsiniz.

‘Tıkla’yı seçerseniz bu, kullanıcı etkin noktaya tıkladığında araç ipucunun gösterileceği anlamına gelir. Öte yandan, ‘Hover’ imleç üzerine geldiğinde araç ipucunun görüneceği anlamına gelir.

Ardından, araç ipucunun süresini değiştirebilirsiniz.

Bu, kullanıcı etkin noktanın üzerine geldikten veya tıkladıktan sonra araç ipucunun görünmesinin ne kadar süreceğini belirtir. Metnin anında görünmesini istiyorsanız, 0 olarak ayarlamanız yeterlidir.

Tercihlerinize bağlı olarak araç ipucunun okunu da devre dışı bırakabilirsiniz.

Şimdi, ‘Gelişmiş’ sekmesine geçerseniz, görüntünün görünümünü daha da özelleştirebilirsiniz.

Örneğin, bir kutu gölgesi ekleyebilir veya dolgu ve kenar boşluğunu ayarlayabilirsiniz.

İşiniz bittiğinde, sağ üst köşedeki ‘Kaydet’ düğmesine tıklayın.

Ardından, sayfayı canlı hale getirmek için ‘Yayınla’ya tıklayın.

Ve işte bu kadar! Tüm cihazlarda iyi görünüp görünmediğini görmek için sayfayı mobil, masaüstü ve tablette görüntülediğinizden emin olun.

İşte interaktif görüntü etkin noktamızın nasıl göründüğü:

Yöntem 2: Görüntü Sıcak Nokta Eklentisi ile Görüntü Sıcak Noktaları Ekleme (Ücretsiz Ancak Sınırlı)

Bir sayfa oluşturucu kullanmak ve temanızı değiştirmek kulağa biraz fazla geliyorsa, bunun yerine ücretsiz WordPress Image Hotspot eklentisini kullanabilirsiniz. Bu eklenti 1. yönteme harika bir alternatiftir, ancak ücretsiz sürümün tek bir resme yalnızca 6 etkin nokta eklenmesine izin verdiğini unutmayın.

Image Hotspot’u kullanmak için, WordPress eklentisini yönetici alanınıza yükleyebilir ve etkinleştirebilirsiniz. Daha sonra Image Map Hotspot ” All Image Map Hotspot bölümüne gidin ve ‘Add New’ butonuna tıklayın.

Şimdi, devam edin ve yeni görüntü haritası etkin noktanıza bir ad verin. Ardından, araç ipucu görüntüleme türlerinden birini seçin. Hotspot’un araç ipuçlarının üzerine gelindiğinde veya tıklandığında görünmesini sağlayabilirsiniz.

Tamamlandığında, ‘Kaydet’e tıklayın.

Bu işlem tamamlandıktan sonra, resminizi ekleyelim.

Bunu yapmak için ‘Resim Yükle’ düğmesine tıklamanız yeterlidir.

Bu, yeni bir resim yükleyebileceğiniz veya mevcut bir resmi seçebileceğiniz medya kitaplığını açacaktır.

Ardından, görüntü haritanıza sıcak noktalar ekleyebilirsiniz. Bunu yapmak için ‘Nokta Ekle’ düğmesine tıklamanız yeterlidir.

Şimdi interaktif görüntü etkin noktanızı yapılandırmanız için bir açılır pencere görünecektir.

İlk olarak, ‘İşaretleyici’ sekmesine gidin. Sıcak nokta görüntüsünün nasıl görüneceğini buradan özelleştirebilirsiniz. Simgeleri değiştirmek için ‘Simgeler’ ve/veya ‘Vurgu Simgeleri’ alanlarının yanındaki ‘+’ işaretine tıklayabilirsiniz.

‘Simgeler’ tıklanmadığında veya üzerine gelinmediğinde varsayılan etkin nokta sembolünü ifade eder. Bu arada, ‘Vurgulu Simgeler’ kullanıcı sıcak noktaya tıkladığında veya üzerine geldiğinde görünen simgedir.

Şimdi, devam edin ve mevcut varsayılan seçeneği değiştirmek için bir simge seçin. Eklentide seçim yapabileceğiniz çok sayıda seçenek var.

Seçiminizi yaptıktan sonra, sadece üzerine tıklayın ve ‘Kapat’ düğmesine basın.

Etkin nokta resimleriniz ayarlandığında, simgelerin renklerini değiştirebilirsiniz.

Eklenti, varsayılan etkin nokta simgesi rengini simge üzerine gelme renginden farklı yapmanıza olanak tanır. Bu şekilde, kullanıcılar tıkladıklarında veya üzerine geldiklerinde bir etkin noktanın aktif olup olmadığını kolayca anlayabilirler.

Rengi değiştirmek için kare renk seçim düğmesine tıklayın ve kullanmak istediğiniz rengi seçin.

Daha sonra başka bir ayara geçmek için sayfada herhangi bir yere tıklayabilirsiniz.

Hotspot’un masaüstündeki simge boyutunu da özelleştirebilirsiniz. Sayı ne kadar yüksek olursa, simge o kadar büyük olacaktır.

Simgenin görünümünden memnun olduğunuzda ‘Kaydet’e tıklayın.

Şimdi, yukarı kaydırın ve ‘İçerik’ sekmesine geçin. Burası araç ipucunun metnini ve görünümünü özelleştirebileceğiniz yerdir.

Eklenti size aralarından seçim yapabileceğiniz 4 şablon sunar, böylece web sitenizin tasarımına en uygun olanı seçebilirsiniz.

Bunun dışında, varsayılan başlık içeriğini kendi metninizle değiştirdiğinizden emin olun.

Web sitenizin tasarımına bağlı olarak, okunabilirliğini artırmak için yazı tipi boyutunu büyütmek ve metin rengini değiştirmek isteyebilirsiniz.

Ayarlardan memnun kaldığınızda ‘Kaydet’e tıklamanız yeterlidir.

Son sekme ‘bağlantı’dır. Burada, araç ipucu metninizi köprülü hale getirme seçeneğiniz vardır, böylece kullanıcılar farklı bir sayfaya yönlendirilebilir.

Bunu yapmak istiyorsanız, “Başlığı Bağlıyor musunuz?” ayarında “Evet “i seçin.

Bundan sonra, başlık bağlantı URL’nizi uygun alana girin ve bağlantının yeni bir sekmede açılmasını isteyip istemediğinizi seçin.

Son olarak, ‘Kaydet’e tıklayın.

Şimdi, resminizde istediğiniz konuma sürükleyebileceğiniz yeni bir sıcak nokta görünmelidir.

Daha fazla görüntü sıcak noktası oluşturmak için de aynı adımları tekrarlayabilirsiniz.

Görüntü haritanızı yapılandırdıktan sonra, ‘Kaydet’ düğmesine tekrar tıklayabilirsiniz.

Görsel etkin noktasını herhangi bir sayfanıza, gönderinize ve/veya widget‘ınıza eklemek için görselin üzerindeki kısa kodu kopyalayabilirsiniz.

Bundan sonra, kısa kodu blok düzenleyicide widget’ınızdaki, sayfanızdaki veya yazınızdaki bir kısa kod bloğuna yapıştırmanız yeterlidir. WordPress’te kısa kod ekleme ve kullanma hakkındaki adım adım kılavuzumuzda bunu yapma hakkında daha fazla bilgi edinebilirsiniz.

İşte interaktif görüntü etkin noktamızın nasıl göründüğü:

WordPress Web Siteniz İçin Daha Heyecan Verici Tasarım Özelliklerini Keşfedin

Etkileşimli görüntü noktaları oluşturmanın yanı sıra, web sitenizin tasarımını ilgi çekici hale getirmenin daha birçok yolu vardır. İşte size yardımcı olacak bazı kılavuzlar:

• WordPress Sitenize Sonsuz Kaydırma Nasıl Eklenir (Adım Adım)
• WordPress’te Görsel Site Haritası Nasıl Oluşturulur (Adım Adım)
• WordPress’te Yapışkan Yüzen Altbilgi Çubuğu Nasıl Oluşturulur
• Erişilebilirlik için WordPress’te Yazı Tipi Yeniden Boyutlandırma Nasıl Eklenir
• WordPress’te Aramak İçin Tıkla Düğmesi Nasıl Eklenir (Adım Adım)
• WordPress’te Özel Kaydırma Çubuğu Ekleme
• WordPress Yazılarınıza İlerleme Çubuğu Ekleme
• WordPress’te Özel Şekil Bölücü Nasıl Oluşturulur
• WordPress’te Kayan Haber Ticker’ı Nasıl Eklenir

Umarız bu makale WordPress’te kolayca nasıl resim hotspot’u ekleyebileceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, maksimum sonuç almak için WordPress kenar çubuğu hileleri hakkındaki nihai kılavuzumuza ve en iyi WordPress tema oluşturucuları hakkındaki uzman seçimlerimize göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post WordPress’te Görüntü Sıcak Noktaları Nasıl Eklenir (Kolay Yol) first appeared on WPBeginner.