En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'e Tıklanabilir Arama Düğmesi Nasıl Eklenir (Adım Adım)

Sitenize tıklanabilir çağrı düğmesi eklemek, kullanıcıların akıllı telefonlarından sizinle iletişime geçmesini kolaylaştırır, bu da daha iyi etkileşim ve daha yüksek dönüşümler sağlar.

Günlük olarak müşterilerle iletişim kuran çeşitli çevrimiçi mağazalar ve işletmeler yürüttük. Bu bize işletmelerin kullanıcılarıyla telefon, e-posta ve çevrimiçi aracılığıyla bağlantı kurmalarına yardımcı olmanın en iyi yollarını öğretti.

Aslında, bu eğitimde yer alan ilk eklentiyi, basit ve etkili bir tıklanabilir arama çözümü için artan bir ihtiyaç gördüğümüz için geliştirdik.

Bu makalede, WordPress web sitenize kolayca bir tıklanabilir arama düğmesi eklemeyi göstereceğiz.

WordPress'e Tıklanabilir Arama Düğmesi Ekleme

WordPress'e Neden Tıklanabilir Arama Düğmesi Eklenir?

Birçok küçük işletme web sitesi, fiyat teklifi, satış öncesi bilgi veya destek için müşterilerin kendileriyle iletişime geçmesine dayanır.

Bu nedenle, tüm web sitesi sahipleri için bir iletişim formu eklemeyi öneriyoruz.

Ancak, sektöre bağlı olarak bazı kullanıcılar hemen bir kişiyle konuşmak isteyebilir.

Dünya genelinde mobil web trafiği arttıkça, kullanıcılar ihtiyaç duydukları bilgileri almak için arama yapmaktan çok, tek dokunuşla arama yapmayı daha kullanışlı buluyor.

Ayrıca, tıklanabilir arama düğmesi eklemek, WordPress sitenizi daha mobil uyumlu hale getirerek SEO'nuzu da iyileştirebilir

Eğer yeni bir iş kuruyorsanız, o zaman profesyonel bir iş telefonu hizmetini araştırmanızı öneririz, böylece çağrı yönlendirme yapabilir, çalışanlarla numaraları paylaşabilir ve herhangi bir yerden cep telefonunuzu kullanarak çağrıları yanıtlayabilirsiniz (sabit hat yerine).

Bunu söyledikten sonra, WordPress'e kolayca bir tıklamayla arama düğmesi eklemeye bakalım:

Yöntem 1: WordPress'te Hemen Ara Düğmesi Ekleme

Bu yöntem daha kolaydır ve tüm kullanıcılar için önerilir. Gutenberg, Klasik düzenleyici, WordPress kenar çubuğu widget'ı ve hatta yapışkan kayan bir çağrı düğmesi oluşturmanıza olanak tanır.

İlk olarak, sitenize WP Çağrı Düğmesi eklentisini yükleyip etkinleştirmeniz gerekir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak için WordPress yönetici kenar çubuğundan Ayarlar » WP Çağrı Düğmesi sayfasına gidin.

Ara'ya Tıkla Düğmesi Oluştur

İlk ayarlar sayfası, en sık talep edilen özellik olan ve kullanıcı web sitenizde gezinirken onunla birlikte kayan Yapışkan Arama Düğmesi içindir.

Bu yüksek dönüşüm odaklı özellik, daha fazla arama almanıza ve daha hızlı anlaşmalar yapmanıza yardımcı olur.

İnsanların aramasını istediğiniz işletme telefon numarasını girerek başlamanız gerekir.

WP Call Button eklentisi akıllı telefon alanını kullanır, bu da ülkenizi seçebileceğiniz ve ülkenin kodunu otomatik olarak doğru biçimde ekleyeceği anlamına gelir.

Not: İşletme telefon numaranız yoksa, Nextiva'dan bir tane alabilirsiniz. Bu, işletme VoIP telefonu ihtiyaçlarımız için kullandığımız şirkettir.

Ardından, arama düğmesi metnini ekleme, konumlandırmayı seçme ve düğme rengini seçme seçeneğiniz vardır.

Varsayılan olarak eklenti, tüm sayfalarda ve cihazlarda aranabilir bir düğme ekleyecektir. Ancak, yalnızca belirli sayfalarda veya yalnızca mobil cihazlarda göstermeyi seçebilirsiniz.

Düğme ayarlarını yapılandırın

İşiniz bittiğinde, üstteki etkinleştirme geçişine tıklayın ve ardından ayarlarınızı kaydetmek için 'Değişiklikleri Kaydet' düğmesine tıklayın.

Bundan sonra, arama düğmesinin çalıştığını görmek için web sitenizi ziyaret edebilirsiniz.

WordPress'te tıklanarak aranabilen düğme

WordPress iletişim sayfanıza, hakkımızda sayfanıza veya başka herhangi bir gönderi/sayfaya statik bir arama düğmesi eklemek istiyorsanız, iki seçeneğiniz vardır.

WordPress blok düzenleyicisini kullanıyorsanız, mevcut bir sayfayı oluşturmanız veya düzenlemeniz yeterlidir.

Ardından, ekranın sol üst köşesindeki 'Blok Ekle' düğmesine tıklayarak blok menüsünü açın. Buradan, sayfaya WP Çağrı Düğmesi bloğunu ekleyin.

Gutenberg düzenleyicisine WP arama düğmesi bloğu ekleyin

WordPress Çağrı Düğmesi bloğu, düğme rengini, düğme metnini, yazı tipi boyutunu özelleştirme ve telefon simgesini gösterme veya gizleme yeteneği gibi birçok özelleştirme seçeneğiyle birlikte gelir.

Düğmeyi ekledikten sonra, kullanıcıların WP Çağrı Düğmesi ayarları sayfasında belirttiğiniz telefon numarasını tıklayıp aramasını sağlayacaktır.

Düğme özelleştirildikten sonra, ayarlarınızı kaydetmek için 'Yayınla' veya 'Güncelle' düğmesine tıklamanız yeterlidir.

Arama düğmesini özelleştirin

Şimdi, eğer WordPress klasik düzenleyicisini kullanıyorsanız, bir kısa kod almak için Statik Çağrı Düğmesi oluşturucusunu kullanmanız gerekir.

Yalnızca Ayarlar » WP Arama Düğmesi'ne gidin ve üstteki 'Statik Arama Düğmesi' menüsüne tıklayın.

Statik çağrı düğmesi ekleyin

Ardından, arama düğmesi metnini ve rengini özelleştirebilir ve telefon simgesini gösterip gizlemek isteyip istemediğinizi seçebilirsiniz.

Bundan sonra, aşağı kaydırın ve arama düğmesini bir sayfaya veya gönderiye eklemek için kısa kodu kopyalayın.

Kısa kodu kopyala

Ardından, düğmeyi eklemek istediğiniz sayfayı veya gönderiyi açın ve kısa kodu içine yapıştırın.

Artık klasik düzenleyiciye çağrı düğmesini başarıyla eklediniz.

Klasik düzenleyiciye çağrı düğmesi kısa kodu ekleme

WP Çağrı Düğmesi eklentisi, kenar çubuğu widget bloğunu kullanarak arama düğmesini web sitenizin kenar çubuğuna eklemenize de olanak tanır.

Bunu yapmak için, WordPress yönetici alanından Görünüm » Widget'lar sayfasına gitmeniz ve blok menüsünü açmak için '+' düğmesine tıklamanız gerekir.

Buradan, WP Çağrı Düğmesi bloğunu widget'a hazır alanınıza ekleyin.

Bir WP çağrı düğmesi widget bloğu ekleyin

Ardından, sağdaki blok panelinden çağrı düğmenizin görünümünü daha fazla özelleştirebilirsiniz.

Örneğin, düğme boyutunu değiştirme, telefon simgesini gizleme, düğmeyi ortalama ve arka plan ile metin renklerini düzenleme seçenekleri vardır.

Değişiklikleri yaptıktan sonra, 'Güncelle' düğmesine tıklamayı unutmayın.

WP çağrı düğmesi widget ayarlarınızı düzenleyin

Bunu okuduktan sonra, WP Çağrı düğmesinin neden piyasadaki en kolay ve en kapsamlı WordPress tıklama-arama düğmesi eklentisi olduğunu muhtemelen görebilirsiniz.

En iyi yanı, %100 ücretsiz olması ve Google Analytics ile sorunsuz bir entegrasyona sahip olmasıdır.

Tek yapmanız gereken MonsterInsights eklentisini kullanmak ve kaç kişinin arama düğmenize tıkladığını ve hangi sayfaların size en çok potansiyel müşteri kazandırdığını otomatik olarak izleyecektir, böylece işinizi daha hızlı büyütmek için neyin işe yaradığına odaklanabilirsiniz!

Yöntem 2: WordPress'te Tıkla-Ara Düğmesini Manuel Olarak Ekleme

Bu yöntem, WordPress blogunuzda istediğiniz yere tıklanabilir arama düğmeleri ve bağlantıları eklemenizi sağlar.

Web sitenize tıklanabilir bir telefon numarası eklemenin en kolay yolu, onu şu şekilde eklemektir:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<a href="tel:+15555551212">+1 (555) 555-1212</a> 

<a href="tel:15555551212">Call Me</a>

Bu bağlantılar mobil cihazlarda telefon uygulamasını açacaktır. Masaüstü bilgisayarlarda, Mac kullanıcıları bağlantıyı Facetime'da açma seçeneğini görecek, Windows 10/11 kullanıcıları ise Skype'ta açma seçeneğini görecektir.

Tıklamayla arama metin bağlantısının yanına bir resim veya simge eklemek için HTML'yi de kullanabilirsiniz.

Bunu nasıl yapacağımıza bir bakalım.

Öncelikle, kullanmak istediğiniz resmi yüklemek için Ortam » Yeni Ekle sayfasına gitmeniz gerekir. Resmi yükledikten sonra devam etmek için ‘Düzenle’ bağlantısına tıklamanız gerekir.

Telefon simgesini yükle

Bu sizi medya düzenleme ekranına getirecektir, burada dosya URL'sini kopyalamanız gerekir. Bir sonraki adımda buna ihtiyacınız olacak.

Artık tıklanabilir çağrı düğmesi telefon simgesini görüntülemek istediğiniz gönderiyi, sayfayı veya özel HTML widget'ını düzenleyebilirsiniz. Düzenleme alanında, şimdi tel: bağlantısına sarılmış telefon simgesi görüntüsünü ekleyebilirsiniz.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

İşlem tamamlandıktan sonra, yüklediğiniz resimle birlikte tıklanabilir arama bağlantısını görmek için web sitenizi ziyaret edebilirsiniz.

Resim simgeli tıklanabilir arama düğmesi

Bağlantıdan önce veya sonra daha fazla metin ekleyerek ve onu biçimlendirmek için özel CSS kullanarak bunu daha da özelleştirebilirsiniz.

Demo web sitemizde görünümü bu şekildedir.

Daha fazla metin ve CSS stiliyle tıklanabilir arama düğmesi

Tıklanabilir arama bağlantısını ayrıca WordPress gezinme menünüze ekleyebilirsiniz.

Yalnızca Görünüm » Menüler sayfasına gidin ve sağ sütundaki özel bağlantılar sekmesine tıklayın. Şimdi telefon numarasını bağlantı alanına aşağıdaki biçimde ekleyebilirsiniz:

tel:+155555555

Navigasyon menüsüne tıklanabilir telefon numarası ekleyin

Ardından, görüntülemek istediğiniz metni ekleyin ve ardından 'Menüye ekle' düğmesine tıklayın.

Ardından, tıklanabilir arama bağlantınızı çalışırken görmek için web sitenizi ziyaret edin.

Navigasyonda arama bağlantısı

Ancak, blok tabanlı bir tema kullanıyorsanız, WordPress yönetici kenar çubuğundan Görünüm » Düzenleyici sayfasına gitmeniz gerekecektir.

Bu, düzenlemek istediğiniz şablon parçasını 'Üstbilgi' olarak seçmeniz gereken tam site düzenleyicisini başlatacaktır.

Üstbilgi şablon parçasını seçin

Ardından, WordPress başlığınızın görüntüleneceği bir sonraki ekrana yönlendirileceksiniz.

Buradan, gezinme menünüzü özelleştirmeye başlamak için 'Düzenle' simgesine tıklayın.

Düzenle bağlantısına tıklayın

Ardından, ‘Bağlantı Ekle’ istemini açmak için gezinti menünüzdeki ‘+’ düğmesine tıklayın.

Buraya telefon numaranızı yazın ve ardından 'Enter' düğmesine basarak navigasyon menüsüne ekleyin.

Tam site düzenleyicisine numara ekleyin

Bunu yaptıktan sonra, ekranın sağ köşesindeki blok panelinden etiketini değiştirebilirsiniz.

Son olarak, ayarlarınızı kaydetmek için üstteki 'Kaydet' düğmesine tıklayın.

Etiketin numarasını değiştirin

Artık navigasyon menünüzdeki 'Beni Ara' bağlantısına tıklayan kullanıcılar size ulaşabilecektir.

Bonus: WordPress'e WhatsApp Sohbet Kutusu Ekleme

Müşterilerden gelen çağrılara katılacak vaktiniz yoksa, web sitenize ziyaretçilerin mesaj bırakabileceği basit bir WhatsApp sohbet kutusu ekleyebilirsiniz. Ardından onlara çağrı yerine metin üzerinden yanıt verebilirsiniz.

Bu, müşteri sorguları için faydalı olabilir, çünkü 2 milyardan fazla insan mesajlaşma için WhatsApp kullanıyor.

Bir WhatsApp sohbet kutusu eklemek için Click to Chat eklentisini yükleyip etkinleştirmeniz gerekir. Ayrıntılar için, WordPress eklentisinin nasıl kurulacağına dair başlangıç kılavuzumuza bakabilirsiniz.

Etkinleştirdikten sonra, WordPress kontrol panelinden Tıkla ve Sohbet Et menü sekmesini ziyaret edin ve işletme telefon numaranızı girin. Bu, kullanıcılardan mesaj alacağınız numara olacaktır.

WhatsApp telefon numaranızı sağlayın

Ardından sohbet kutusunu özelleştirebilir ve müşteriler için nerede görüntülemek istediğinizi gönderiler veya sayfalar seçebilirsiniz. İşiniz bittiğinde, blok düzenleyicisini ziyaret edin ve WhatsApp sohbet kutusu için kısa kodu ekleyin.

Bundan sonra, ayarlarınızı kaydetmek için 'Güncelle' veya 'Yayınla' düğmesine tıklayın.

Blok düzenleyiciye kısa kod ekleyin

Artık kullanıcıların telefon görüşmesine katılmak istememeleri durumunda mesaj bırakabilecekleri bir WhatsApp sohbet kutusu eklediniz.

Daha ayrıntılı talimatlar için, WordPress'te WhatsApp sohbet kutusu ve paylaş düğmesi ekleme konulu eğitimimize bakabilirsiniz.

Video Eğitim

Yazılı talimatları sevmiyorsanız, video eğitimimizi izleyebilirsiniz:

WPBeginner'a Abone Olun

Bu makalenin WordPress'te tıklanabilir bir çağrı düğmesi eklemeyi öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca ücretsiz bir iş e-posta adresi oluşturma hakkındaki başlangıç kılavuzumuzu veya en iyi SMS pazarlama eklentileri hakkındaki uzman seçimimizi de görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

38 CommentsLeave a Reply

  1. Paylaşmak istediğim bir şey var: Tıkla-ara düğmeleri eklemeden önce arama izleme numaraları ayarlayın. Her pazarlama kanalı için farklı numaralar kullanın. Bu, telefon aramalarımın tam olarak nereden geldiğini bana tam olarak gösteriyor.

  2. Bu makale çok çok yardımcı oldu çünkü uzun zamandır bunu arıyordum.
    Bir tıklamayla ara düğmesi, kullanıcıların ürünleriniz veya hizmetlerinizde aktif rol almasını ve sizinle iletişime geçmesini sağlamanın etkili bir yoludur.
    Öğrencilerin farklı kurslarla ilgili sorularını kolayca sorabilmeleri için koçluk web siteme tıklamayla ara düğmesi eklemem gerekiyor.

  3. Bu yardımcı eğitim için teşekkür etmek istedim. 10 dakikadan kısa sürede web siteme bir tıklama-ara düğmesi ekleyebildim. Kullanıcı deneyimini iyileştirmek için çok basit ama etkili bir yol. Mobil ziyaretçilerim tek bir dokunuşla beni arayabildikleri için çok memnunlar.

  4. Yalnızca kullanılmış telefon gadget'larının satışı için bir e-ticaret web sitesi oluşturmak istiyorum ve satıcıyla iletişim kurmak için "sohbet düğmesi ve telefon numarası düğmesi" eklemek önemlidir. İhtiyacımla ilgili makaleler aradım ancak web sitenizde bir çözüm bulamadım. Lütfen bir çözüme ihtiyacım var.

    • Bu özelleştirme için, sitenize e-ticaret seçenekleri eklemek için kullandığınız eklentiye bakmanız gerekir ve normalde bunu yapmanın bir yöntemi vardır.

      Yönetici

  5. Farklı telefon numaralarıyla farklı sayfalara gidebilen bir arama düğmeniz var mı? Ve ayrıca kişinin aramada veya meşgul olup olmadığını gösteren bir şey var mı?

  6. Bahsettiğiniz Gutenberg düzenleyici belgesini lütfen referans gösterebilir veya bağlayabilir misiniz? WP Çağrısını İletişim Sayfasına altbilgiye eklemek istiyorum.

    • Any guides we mention should normally be linked if you click the orange text in the article :)

      Yönetici

  7. Hoş makale için minnettarım! Tam olarak ihtiyacım olan bilgi. Misafirlerle doğrudan iletişim kurmak için sitemde kullanacağım. Güzel iş!

  8. Harika bir yazı! Ayrıca web sitenizdeki (kendi web sitenizdeki) CTA düğmelerinin renk, format vb. yoluyla net ve dikkat çekici olması gerektiğini de belirtmek isterim.

  9. “Sadece Görünüm » Menüler sayfasına gidin…” Başlayamıyorum bile çünkü Görünüm'ü hiçbir yerde bulamıyorum. Belki bu eski bir arayüz içindir.

  10. Makale yayınladığınız için teşekkürler.. Gerçekten yardımcı ve bilgilendirici.

  11. Güzel makale için teşekkürler! Tam da ihtiyacım olan bilgiler. Ziyaretçilerle doğrudan iletişim kurmak için sitemde kullanırdım. Güzel iş!

  12. merhaba,
    bu faydalı makale için çok teşekkürler.
    yani, ev aletleri tamiri hakkında bir web sitem var.
    ve her öğenin kendi sayfası var.
    örneğin, buzdolabı tamirinin kendi sayfası ve klima tamirinin kendi sayfası var.
    ben şunu istiyorum: Her sayfa için bir telefon numarası tanımlayacağım. Ve sayfa görüntüleyicisi bir düğmeye dokunduğunda, ilgili usta telefona cevap verecek.
    Bunun için bir fikriniz var mı?
    teşekkürler

  13. Web sitemin altbilgisinde birden fazla iletişim numaram var, 3 telefon numarasının (1 sabit hat + 2 mobil) tümünü Tıklanabilir Aramaya etkinleştirebilir miyim?
    Teşekkürler!

    • Bu numaraları düzenleyebiliyorsanız, tıklanabilir çağrı eklemek için manuel yöntemi kullanabilirsiniz.

      Yönetici

  14. Eklentide analizi etkinleştirdikten sonra, çağrı sayılarını görmek için nereye gitmeliyim?

    • İzleme için Google Analytics'i kullanırsınız, eklenti desteğiyle iletişime geçerseniz size belirli konumu bildirebilirler.

      Yönetici

  15. Bu eklenti, “Callback Tracker” eklentisi gibi geri arama özelliğini destekliyor mu? Ziyaretçilerin isteklerinden birkaç saniye sonra benden geri aranmalarının daha uygun olduğunu gördüm.

    • Şu anda değil, eklenti mobil ziyaretçilerinizin sizi arayabilmesi için bir düğme eklemektir

      Yönetici

  16. Merhaba, kişinin konumuna göre Numarayı değiştirme şansınız var mı? Yani ABD için bir numara, İspanya için başka bir numara gibi?

  17. Tıklanabilir düğmeler hakkında bilgiye tam da ihtiyacım olduğu anda çok zamanında bir makale. Mükemmel !!!! Ve çok teşekkürler.

  18. Böyle güzel bir makale paylaştığınız için teşekkürler.. İyi çalışmaları sürdürün.

Yanıt Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.