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 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
- Yöntem 2: WordPress'te Tıkla-Ara Düğmesini Manuel Olarak Ekleme
- WordPress Gezinme Menülerine Tıklanabilir Arama Bağlantısı Ekleme
- Bonus: WordPress'e WhatsApp Sohbet Kutusu Ekleme
- Video Eğitim
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.

İ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.

İş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 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.

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.

Ş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.

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.

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.

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.

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.

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.

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.

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.

WordPress Gezinme Menülerine Tıklanabilir Arama Bağlantısı Ekleme
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

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.

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.

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.

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.

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.

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.

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.

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:
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.


Dennis Muthomi
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.
Moinuddin Waheed
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.
Dayo Olobayo
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.
WPBeginner Desteği
Glad our guide could help
Yönetici
Branka
Merhaba, düğmenin içindeki metnin boyutunu nasıl değiştirebilirim?
WPBeginner Desteği
Yazı tipi boyutunu değiştirmek için CSS kullanmanız gerekecektir, aşağıdaki makalemiz, düğmeyi eklemek için kullandığınız yönteme bağlı olarak doğru seçicileri bulmanıza ve eklemenize yardımcı olacaktır!
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Yönetici
Uko eben
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.
WPBeginner Desteği
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
Mona
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ı?
WPBeginner Desteği
Şu anda değil.
Yönetici
Kelly D.
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.
WPBeginner Desteği
Any guides we mention should normally be linked if you click the orange text in the article
Yönetici
rajneesh
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ş!
WPBeginner Desteği
Glad you found our content helpful
Yönetici
Spencer Pearson
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.
WPBeginner Desteği
Thank you for sharing your recommendation
Yönetici
Spencer Pearson
Bu kadar güzel bir makale paylaştığınız için teşekkürler
WPBeginner Desteği
You’re welcome, glad our article could be helpful
Yönetici
Alan
“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.
WPBeginner Desteği
Sitenize giriş yapmış olduğunuz ve wp-admin alanınızda olduğunuz sürece orada olmalıdır. Eğer göremiyorsanız, WordPress.com kullanıyor olabilirsiniz, karşılaştırma kılavuzumuz burada:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Yönetici
Michael William
Makale yayınladığınız için teşekkürler.. Gerçekten yardımcı ve bilgilendirici.
WPBeginner Desteği
Glad you found our article helpful
Yönetici
Helen
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ş!
WPBeginner Desteği
You’re welcome, glad you like our article
Yönetici
Masoud
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
WPBeginner Desteği
Şu an için eklenti bunu yapamıyor, kullanabileceğiniz bir yöntem, her sayfa için bir widget'a sahip olmak ve düğmeyi widget'ta manuel olarak oluşturmak ve burada makalemizdeki yönteme benzer şekilde istediğiniz widget'ı koşullu olarak görünür kılmaktır: https://www.wpbeginner.com/plugins/how-to-show-or-hide-widgets-on-specific-wordpress-pages/
Yönetici
Quy
Harika makale için teşekkürler!
WPBeginner Desteği
Glad you like our content
Yönetici
Tom
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!
WPBeginner Desteği
Bu numaraları düzenleyebiliyorsanız, tıklanabilir çağrı eklemek için manuel yöntemi kullanabilirsiniz.
Yönetici
Ionut
Eklentide analizi etkinleştirdikten sonra, çağrı sayılarını görmek için nereye gitmeliyim?
WPBeginner Desteği
İzleme için Google Analytics'i kullanırsınız, eklenti desteğiyle iletişime geçerseniz size belirli konumu bildirebilirler.
Yönetici
Eugene
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.
WPBeginner Desteği
Şu anda değil, eklenti mobil ziyaretçilerinizin sizi arayabilmesi için bir düğme eklemektir
Yönetici
Stiven
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?
WPBeginner Desteği
Merhaba Stiven,
Bu eklentinin bunu yapabileceği görünmüyor.
Yönetici
David Cornish
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.
Kamran awan
Böyle güzel bir makale paylaştığınız için teşekkürler.. İyi çalışmaları sürdürün.