Web Sitenize WordPress Aramak İçin Tıkla Düğmesi Nasıl Eklenir

Burada HeroThemes'te, sitenizin ziyaretçilerinin yardım için sizi aramasına gerek kalmamasını sağlayan kaliteli WordPress bilgi tabanı temaları ve eklentileri oluşturmak için çok çaba sarf ediyoruz.

Ancak, insanlar her zaman telefon desteğine ihtiyaç duyacaklar ve web sitenizin ziyaretçilerinin sizi aramasını kolaylaştırmak isteyebileceğiniz pek çok destek dışı neden de var.

Ancak insanlar bir mobil cihazda gezinirken, yapmak istediğiniz en son şey, onların telefon numaranızı kendilerinin yazmalarını sağlamak veya küçük bir telefon numarasına tıklamak zorunda kalmaktır. Bunun yerine, tıkla ve ara düğmesi çok daha iyi bir seçenek sunar.

Bu gönderide, hem bazı basit ücretsiz eklentileri hem de kendi HTML'nizi kullanarak WordPress tıkla ve ara işlevini web sitenize nasıl ekleyebileceğinizi göstereceğiz. Teknik bilgi seviyeniz ne olursa olsun, takip edebilecek ve harika görünümlü bir tıkla ve ara düğmesi oluşturabileceksiniz.

Bir Tıkla Arama Eklentisi mi yoksa HTML mi Kullanmalısınız?

Harika görünen bir şey yaratmanın en basit yolu bir eklenti kullanmaktır. Bu nedenle, hemen “işe yarayacak” bir şey istiyorsanız, bu eklenti yoluna gitmek için iyi bir neden olacaktır. Ancak, eklentinin desteklediği konumlarda yalnızca arama düğmenizi görüntülemekle sınırlı olacaksınız.

Tıkla ve ara düğmesini sitenizin herhangi bir yerine ekleyebilmek istiyorsanız veya başka bir eklenti kullanmaktan hoşlanmıyorsanız, kendi HTML'nizle tıkla ve ara işlevi eklemek neredeyse bir köprü eklemek kadar basittir, bu nedenle yine de oldukça kullanıcı dostu bir yaklaşım. Ancak, iyi görünmesi için muhtemelen bazı temel özel CSS eklemeniz gerekecek, bu da akılda tutulması gereken bir şey.

Bu kılavuzda size her iki yöntemi de göstereceğiz . Eklenti rotasıyla başlayalım…

Yaklaşım 1: Ücretsiz Bir WordPress Tıkla ve Ara Düğmesi Eklentisi Kullanın

Birkaç farklı WordPress tıkla ve ara eklentisi vardır, ancak bunlardan yalnızca üçü için size adım adım kılavuzlar göstereceğiz:

• Gerçekten Basit Tıkla ve Ara Çubuğu – bağımsız bir düğme eklemek yerine, bu eklenti mobil ziyaretçilerin ekranlarının altına tam bir çubuk ekler. İnsanların sizi aramasını gerçekten açık/kolay hale getirmek istiyorsanız, bu iyi bir seçenektir.
• Şimdi Ara Düğmesi – yukarıdaki eklenti gibi tam bir çubuğa ek olarak, bu eklenti ayrıca daha fazla kayan eylem düğmesi tarzı çağrı düğmesi kullanmanıza izin verir.
• Call Now Button Ultimate – bu eklenti aynı şimdi arama alt çubuğunu ekler. Ancak benzersiz olan şey, telefonla uygun olduğunuz zamanlar için “çalışma saatlerini” ayarlamanıza izin vermesidir. Mesai saatleri dışında, düğme ziyaretçileri arama yerine e-posta göndermeye yönlendirir.

Gerçekten Basit Arama Çubuğu Eklentisi Eğitimi İçin Tıklayın

Bu eklenti ücretsizdir ve WordPress.org'da mevcuttur, böylece Eklentiler → Yeni Ekle seçeneğine giderek doğrudan WordPress panonuzdan yükleyebilirsiniz.

Eklentiyi kurup etkinleştirdikten sonra, eklentiyi yapılandırmak için Ayarlar → Gerçekten Basit Tıkla ve Ara seçeneğine gidin. Orada şunları yapabilirsiniz:

• Aramak için tıkla düğmesi işlevini etkinleştirin
• Çağrı düğmenizin yanına bir metin CTA'sı ekleyin
• Ziyaretçilerin arayacağı telefon numarasını seçin
• Aramak için tıkla düğmenizde kullanılan renkleri yapılandırın

Ardından, düğmenizi canlı hale getirmek için değişikliklerinizi kaydedin. Bu düğme yalnızca mobil ziyaretçilere görünür, bu nedenle bir masaüstü bilgisayardan göz atıyorsanız görmezsiniz.

Mobilde nasıl görünebileceğine dair bir örnek:

Şimdi Ara Düğme Eklentisi Eğitimi

Yukarıda bahsettiğimiz gibi, Şimdi Ara Düğmesi eklentisi, şimdi ara çubuğu yaklaşımına ek olarak kayan bir eylem şimdi ara düğmesi kullanmanıza izin verdiği için biraz daha esnektir.

Diğerleri gibi, WordPress.org'da listelenmiştir, yani Eklentiler → Yeni Ekle seçeneğine giderek yükleyebilirsiniz.

Eklentiyi kurup etkinleştirdikten sonra, eklentiyi yapılandırmak için Ayarlar → Şimdi Ara Düğmesine gidin.

En üstte şunları yapabilirsiniz:

• Düğmeyi etkinleştir
• Ziyaretçilerin arayacağı telefon numarasını girin
• Düğme metnini seçin ( istenirse )

Gelişmiş ayarlar bağlantısını tıklayarak daha fazla ayarı da görüntüleyebilirsiniz. Bu, konumlandırmayı, renkleri değiştirmenize, tıklama izleme eklemenize ve daha pek çok şeye olanak tanır:

Düğmeniz etkinleştirildiğinde, yalnızca mobil ziyaretçilere gösterilecektir, bu nedenle onu çalışırken görmek için bir mobil cihazdan önizlemeniz gerekir.

İşte sitemizden kayan eylem düğmesi yaklaşımına bir örnek:

Şimdi Ara Düğmesi Ultimate Eklenti Eğitimi

Call Now Button Ultimate eklentisinin benzersiz yanı, ziyaretçilerin sizi hangi saatlerde aramasını istediğinizi seçebilmenizdir. Telefon numaranızın kullanılamadığı mesai saatleri dışında, ziyaretçilerin bunun yerine bir e-posta göndermeleri için bir istem görüntüleyebilirsiniz.

Diğerleri gibi, bu ücretsiz eklentiyi WordPress kontrol panelinizde Eklentiler → Yeni Ekle seçeneğine giderek yükleyebilir ve etkinleştirebilirsiniz.

Bunu yaptıktan sonra, kurmak için WordPress panonuzdaki Şimdi Ara Düğmesi Ultimate alanına gidin.

En üstte eklentiyi etkinleştirebilir ve telefon numaranızı ve e-posta adresinizi girebilirsiniz:

Ardından, sayfanın ilerleyen kısımlarında çalışma saatlerinizi girebilir ve düğme metnini ve renklerini yapılandırabilirsiniz:

Diğer eklentiler gibi, şimdi ara düğmeniz yalnızca mobil ziyaretçilere gösterilecektir.

İşte çalışma saatleriniz sırasında nasıl göründüğü:

Ve işte çalışma saatlerinizin dışında nasıl göründüğü:

Yaklaşım 2: WordPress Aramak İçin Tıklayın HTML Düğmesi

Tıkla ve ara WordPress eklentilerine alternatif olarak, bir düğme oluşturmak için kendi tıkla ve ara HTML'nizi de kullanabilirsiniz. Bu yaklaşımın yararı, düğmenizi sitenizin herhangi bir yerine ekleyebilmenizdir.

Böyle bir düğme oluşturmak için normal bir köprü kullanabilir ve telefon numaranızı tel: şemasına sarabilirsiniz.

Göründüğü gibi – örnek telefon numarasını kendi numaranızla değiştirmeniz ve CTA metnini gerektiği gibi düzenlemeniz yeterlidir:

<a href="tel:+1-123-456-7890">Call HeroThemes!</a>

Hepsi bu kadar!

İsterseniz, normal bir köprü yerine bir düğme oluşturmak için kendi özel CSS'nizi kullanabilirsiniz.

Örneğin, bu HTML'yi kullanabilirsiniz:

<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>

Ardından, onu bir düğmeye dönüştürmek için WordPress sitenize bazı özel CSS ekleyebilirsiniz. Örneğin:

.call-button {
color: #fff !important;
background: #0ba9d5;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
}

WordPress Özelleştirici veya Simple CSS gibi ücretsiz bir eklenti aracılığıyla özel CSS'yi güvenle ekleyebilirsiniz.

Yine de hatırla. Varsayılan olarak, aramak için tıkla HTML düğmeniz, masaüstü bilgisayarlardakiler de dahil olmak üzere tüm ziyaretçilere görünür olacaktır.

Bunu değiştirmek isterseniz, düğmeyi yalnızca mobil cihazlarda görüntülemek için CSS medya sorgularını kullanabilirsiniz. Örneğin, bu snippet, 600 pikselin üzerindeki ekran boyutlarında düğmeyi gizleyecektir:

@media only screen and (min-width: 600px) {
.call-button {
display: none;
}
}

WordPress Aramak İçin Tıkla Düğmenizi Hemen Kullanmaya Başlayın!

İster bir eklenti ister kendi özel HTML'nizi kullanın, WordPress'te bir tıkla ve ara düğmesi oluşturmak kolaydır.

Düğmeniz yerindeyken, mobil ziyaretçilerin sizinle iletişim kurması hiç olmadığı kadar kolay olacak.

Sadece unutmayın - telefon görüşmeleri insan kaynakları açısından ağırdır.

Aldığınız telefon aramalarının sayısını azaltmak istiyorsanız, bir WordPress bilgi tabanı veya SSS bölümü oluşturmak, ziyaretçilerin bire bir telefon desteğine ihtiyaç duymadan ihtiyaç duydukları yardımı almalarını sağlar. Ve bu size bir ton zaman ve emek kazandırabilir.

Heroic Knowledge Base eklentimiz, KnowAll temamız veya Heroic SSS eklentimizle nasıl başlayabileceğinizi öğrenin.