WhatsApp en popüler mesajlaşma platformlarından biridir ve dünya çapında 2,8 milyardan fazla kullanıcısı vardır. WordPress sitenize bir WhatsApp sohbet kutusu ve paylaş düğmesi eklemek, müşteri etkileşimini artırmanın ve ziyaretçilerin içeriğinizi paylaşmasını kolaylaştırmanın harika bir yoludur.
İster destek sunuyor ister sosyal paylaşımları artırıyor olun, bir WhatsApp sohbet kutusu ve paylaşım düğmeleri eklemek sitenize daha fazla trafik çekebilir.
WPBeginner olarak, okuyucularımızın içeriğimizi arkadaşlarıyla ve aileleriyle kolayca paylaşabilmeleri için web sitemize bir WhatsApp paylaşım düğmesi de ekledik.
Bu makalede, WordPress’e nasıl kolayca WhatsApp paylaşım butonu ekleyebileceğinizi göstereceğiz.

WordPress’e Neden WhatsApp Butonu Ekleyelim?
WhatsApp, dünya çapında insanların birbirleriyle kolayca iletişim kurmasını sağlayan bir anlık mesajlaşma uygulamasıdır.
WordPress web sitenize bir WhatsApp paylaşım düğmesi eklemek, ziyaretçilerin içeriğinizi kişileriyle kolayca paylaşmasını sağlayacaktır.
Ayrıca, kullanıcıların sizinle doğrudan sohbet etmesini sağlayan bir WhatsApp sohbet kutusu ekleyebilirsiniz.
Örneğin, bir çevrimiçi mağazanız varsa, müşteriler herhangi bir form doldurmak veya müşteri desteğine gitmek zorunda kalmadan ürün sorguları yapmak için WhatsApp sohbet düğmesini kullanabilir.
Kullanıcı etkileşiminin artmasına ve alışveriş sepetini terk etme oranlarının düşmesine neden olabilir.
Bunu söyledikten sonra, WordPress’e nasıl kolayca bir WhatsApp paylaşım düğmesi ekleyebileceğinizi görelim.
Yöntem 1: WordPress’e WhatsApp Paylaş düğmesi ekleyin
Web sitenize bir WhatsApp paylaşım butonu eklemek istiyorsanız, bu yöntem tam size göre.
Öncelikle, Sassy Social Share eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.
Etkinleştirmenin ardından, WordPress yönetici kenar çubuğundan Sassy Social Share menüsünü ziyaret edin. Buradan, en üstteki ‘Standart Arayüz’ sekmesine geçmelisiniz.
Ardından, ‘Paylaşım Hizmetlerini Seçin’ bölümüne ilerlemeniz ve WhatsApp seçeneğinin yanındaki kutuyu işaretlemeniz yeterlidir.

Facebook, Instagram, Pinterest, Twitter ve daha fazlası dahil olmak üzere diğer sosyal medya platformları için Paylaş düğmesini de ekleyebilirsiniz.
İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın ve ardından ‘Tema Seçimi’ sekmesine gidebilirsiniz.
Buradan, boyutlarını, şekillerini, logolarını veya arka plan renklerini ve daha fazlasını değiştirerek paylaş düğmelerini özelleştirebilirsiniz. Paylaş düğmesi için WhatsApp marka renklerini kullanmak iyi bir fikirdir, böylece kullanıcılar onu daha kolay tanıyacaktır.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklayın.
Artık WhatsApp paylaş düğmenizi çalışırken görmek için web sitenizi ziyaret edebilirsiniz.
İşte demo web sitemizde nasıl göründüğü.

Her sayfaya WhatsApp butonu eklemek istemiyor musunuz? Endişelenmeyin, eklenti aynı zamanda tekil yazılara ve sayfalara da kolayca eklemenize olanak tanır.
Blok Düzenleyiciye WhatsApp Paylaş Düğmesi Ekleme
WhatsApp paylaş düğmesini yalnızca belirli gönderilerde ve sayfalarda göstermek istiyorsanız, önce paylaşım düğmelerinin genel görünümünü kapatmanız gerekir.
Bunu yapmak için WordPress yönetici kenar çubuğundaki Sassy Social Share sayfasına gidin ve ‘Standart Arayüz’ sekmesine geçin.
Ardından, ‘Standart paylaşım arayüzünü etkinleştir’ seçeneğinin kutusundaki işareti kaldırmanız gerekir.

Ardından, ‘Yüzen Arayüz’ sekmesine geçin.
Buradan, ‘Yüzen paylaşım arayüzünü etkinleştir’ seçeneğinin yanındaki kutunun işaretini kaldırın.

Artık standart ve kayan sosyal paylaşım düğmelerini devre dışı bıraktığınıza göre, devam edin ve bir kısa kod kullanarak web sitenizdeki herhangi bir sayfaya veya gönderiye WhatsApp paylaş düğmesini ekleyin.
İçerik düzenleyicide WhatsApp paylaş düğmesini görüntülemek istediğiniz gönderiyi veya sayfayı açmanız yeterlidir veya yeni bir tane oluşturabilirsiniz.
Buradan, sol üst köşedeki Blok Ekle (+) düğmesine tıklayın ve ‘Kısa Kod’ bloğunu arayın. Bundan sonra bloğu sayfaya ekleyin.

Ardından, aşağıdaki kısa kodu kopyalamanız ve ‘Kısa Kod’ bloğuna yapıştırmanız gerekir.
1 | [Sassy_Social_Share] |
İşiniz bittiğinde, değişikliklerinizi kaydetmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklamanız yeterlidir. WhatsApp Paylaş düğmeniz aşağıdaki gibi görünecektir.

WhatsApp Paylaş Düğmesini Widget Olarak Ekleme
WhatsApp paylaşım butonunu web sitenizin kenar çubuğuna eklemek için yönetici kenar çubuğundan Görünüm ” Widget ‘lar sayfasını ziyaret etmeniz gerekmektedir.
Buradan, sol üst köşedeki Blok Ekle (+) düğmesine tıklayın ve ‘Kısa Kod’ bloğunu bulun.
Ardından, kenar çubuğuna ‘Kısa Kod’ bloğunu eklemeniz gerekir.

Bundan sonra, aşağıdaki kısa kodu kopyalayıp bloğa yapıştırmanız yeterlidir.
1 | [Sassy_Social_Share] |
Ardından, ayarlarınızı kaydetmek için ‘Güncelle’ düğmesine tıklayın.
WhatsApp paylaşım butonunuz web sitesi kenar çubuğuna eklendiğinde bu şekilde görünecektir.

WhatsApp Paylaş Düğmesini Tam Site Düzenleyicisine Ekleme
Bir blok tema kullanıyorsanız, tam site düzenleyicisini kullanacaksınız ve ‘Widget’lar’ sayfasına erişiminiz olmayacak.
Öncelikle, tam site düzenleyicisini başlatmak için yönetici kenar çubuğundan Görünüm ” Düzen leyici seçeneğini ziyaret etmeniz gerekir.
Ardından, ekranın üst kısmındaki ‘Blok Ekle’ (+) düğmesine tıklayın ve ‘Kısa Kod’ bloğunu web sitenizdeki uygun herhangi bir yere ekleyin.
Bundan sonra, aşağıdaki kısa kodu bloğa ekleyin.
1 | [Sassy_Social_Share] |

İşiniz bittiğinde, üstteki ‘Kaydet’ düğmesine tıklayın.
WhatsApp paylaş düğmesi demo web sitemizde bu şekilde görünüyordu.

Yöntem 2: WordPress’te WhatsApp Sohbet Kutusu Düğmesi Ekleme
Bu yöntem WordPress’e bir WhatsApp sohbet kutusu düğmesi eklemenizi sağlar.
Bu, bir kullanıcı WhatsApp sohbet düğmesine tıkladığında, WhatsApp telefon numaranızdan size doğrudan bir mesaj gönderebileceği anlamına gelir.
Not: Doğrudan WordPress panonuzun içinden herhangi bir mesaj almayacaksınız, ancak WhatsApp mobil uygulamasında, web arayüzünde ve masaüstü yazılımında normal şekilde sohbet edebileceksiniz.
Öncelikle Click to Chat eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Etkinleştirmenin ardından, WordPress yönetici panonuzun kenar çubuğuna eklenen Sohbet Etmek için Tıkla menü öğesine gidin.
Burada, ‘WhatsApp Numarası’ alanına iş telefon numaranızı yazarak başlayın.
Bu, kullanıcılardan mesaj alacağınız telefon numarası olacaktır.
Bundan sonra, ‘Önceden Doldurulmuş Mesaj’ alanına basit bir mesaj yazabilirsiniz. Bu, WhatsApp sohbet pencerenizde görüntülenecek olan varsayılan mesaj olacaktır.

Ardından, ‘Stil, Konum’ bölümüne ilerlemeniz gerekir.
Açılır menüden WhatsApp sohbet kutunuz için bir stil seçerek başlayabilirsiniz. Varsayılan olarak, bu eklenti yaklaşık 8 farklı stil sunar. Tercih ettiğiniz bir tanesini seçmeniz yeterlidir.

Bundan sonra, ‘Yerleştirilecek Konum’ bölümüne kaydırmanız gerekir.
Buradan, açılır menülerden sohbet kutunuzun konumunu ve boyutunu seçebilirsiniz.

Ardından, ‘Ekran Ayarları’ bölümüne gitmeniz gerekir.
Burada, WhatsApp sohbet kutunuzu görüntülemek istediğiniz seçeneklerin yanındaki ‘Global’ kutusunu işaretleyin.
Örneğin, sohbet kutusunu yazılarınızda, sayfalarınızda ve kategoriler sayfalarınızda görüntülemek istiyorsanız, ‘Global’ seçeneğini işaretlemeniz gerekir.
WhatsApp sohbet kutusunu belirli bir sayfada görüntülemek istemiyorsanız ‘Gizle’ seçeneğini de seçebilirsiniz.

Son olarak, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.
Şimdi, açılır menüden bir Selamlama iletişim kutusu seçmek için Sohbet Etmek İçin Tıklayın ” Selamlamalar sayfasına gitmeniz gerekir.
Bu karşılama iletişim kutusu, sayfanızda WhatsApp düğmesiyle birlikte gösterilecektir.

Seçiminizi yaptıktan sonra, karşılama iletişim kutunuzun başlığı, ana içeriği ve eylem çağrısı için içerik yazmanız gerekecektir.
Bundan sonra, ‘Özelleştirilebilir Tasarım’ bölümüne ilerleyin.

Burada ana içeriğinizin, başlığınızın ve mesaj kutunuzun arka plan renklerini seçebilirsiniz.
Bundan sonra, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamanız yeterlidir

Ardından, web sitenizi ziyaret etmeniz gerekir.
Varsayılan olarak, WhatsApp sohbet kutunuz bu şekilde görünecektir.

Şimdi size WhatsApp sohbet butonunu blok editörüne, widget olarak ve tam site editörüne nasıl kolayca ekleyebileceğinizi göstereceğiz.
WhatsApp Sohbet Düğmesini Blok Düzenleyiciye Ekleme
Blok düzenleyiciyi kullanarak WhatsApp düğmesini WordPress web sitenizdeki belirli bir sayfaya veya gönderiye kolayca ekleyebilirsiniz.
Bu eğitimde bir sayfaya WhatsApp butonu ekleyeceğiz.
İlk olarak, yönetici kenar çubuğundan Sayfalar ” Yeni Ekle sayfasına gitmeniz gerekir.
Bu, blok düzenleyiciyi başlatacaktır.
Şimdi, ekranın sol üst köşesindeki ‘Blok Ekle’ (+) düğmesine tıklamanız ve ‘Kısa Kod’ bloğuna tıklamanız gerekir.

‘Kısa Kod’ bloğu eklendikten sonra, aşağıdaki kısa kodu kopyalayıp bloğa yapıştırmanız gerekir.
1 | [ht-ctc-chat] |
Bundan sonra, üstteki ‘Yayınla’ düğmesine tıklamanız yeterlidir.
WhatsApp düğmesi demo web sitemizde bu şekilde görünüyordu.

WhatsApp Sohbet Düğmesini Widget Olarak Ekleme
Bu yöntemde, WhatsApp düğmesini web sitenizin kenar çubuğuna bir widget olarak nasıl kolayca ekleyeceğinizi göstereceğiz.
İlk olarak, WordPress kenar çubuğundan Görünüm ” Widget ‘lar sayfasına gidin.
Buraya geldiğinizde, genişletmek için ‘Kenar Çubuğu’ sekmesine tıklayın ve ardından üstteki ‘Blok Ekle’ (+) düğmesine tıklayın. Ardından, ‘Kısa Kod’ bloğunu bulun ve kenar çubuğuna ekleyin.

Şimdi, aşağıdaki kısa kodu kopyalayıp bloğa yapıştırın.
1 | [ht-ctc-chat] |
Son olarak, ayarlarınızı kaydetmek için ‘Güncelle’ düğmesine tıklamayı unutmayın.
WhatsApp düğmesi demo web sitemizdeki kenar çubuğuna eklendikten sonra bu şekilde görünüyordu.

Tam Site Düzenleyicisine WhatsApp Sohbet Düğmesi Ekleme
Tam site düzenleyicisine sahip blok tabanlı bir tema kullanıyorsanız bu yöntem tam size göre. İlk olarak, tam site düzenleyicisini başlatmak için Görünüm ” Düzen leyici sayfasına gidin.
Oraya vardığınızda, ekranın sol üst köşesindeki ‘Blok Ekle’ (+) düğmesine tıklamanız yeterlidir. Şimdi, ‘Kısa Kod’ bloğunu bulun ve sitede tercih ettiğiniz yere ekleyin.

Blok eklendikten sonra, aşağıdaki kısa kodu kopyalayıp bloğa yapıştırmanız yeterlidir.
1 | [ht-ctc-chat] |
Son olarak, değişikliklerinizi kaydetmek için en üstteki ‘Güncelle’ düğmesine tıklamayı unutmayın.
WhatsApp düğmesi sitemizde bu şekilde görünüyordu.

Bonus: WordPress’te Sosyal Paylaşım Düğmeleri Ekleyin
WhatsApp dışında Facebook, Instagram veya Twitter gibi diğer platformlar için de paylaş butonları ekleyebilirsiniz. Bu, kullanıcıların içeriğinizi sosyal medya profillerinde paylaşmasına ve erişiminizi artırmasına olanak tanıyacaktır.
Bunu Social Snap eklentisini kullanarak yapabilirsiniz. Etkinleştirmenin ardından Social Snap ” Ayarlar bölümünü ziyaret edin ve ‘Satır İçi Düğmeler’ sekmesini seçin.
Bu, düğmeler için konum seçebileceğiniz ve bunları web sitenizde nerede görüntülemek istediğinizi seçebileceğiniz bazı yeni ayarlar açacaktır.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamanız yeterlidir. Ayrıntılar için WordPress’te sosyal paylaşım düğmelerinin nasıl ekleneceğine ilişkin eğitimimize bakın.
Umarız bu makale WordPress’te WhatsApp paylaşım butonunun nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca, küçük işletmeler için en iyi canlı sohbet yazılımı seçimlerimizi ve WordPress’te konuşmaya metin ekleme eğitimimizi de görmek 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.
Mrteesurez
Ok, If I understand you well, do you mean the WhatsApp chat button will take visitors directly their WhatsApp mobile app or the will be chat on WhatsApp web version directly from chrome ?
WPBeginner Support
Using the share button, the users would be sent to their WhatsApp to start the conversation.
Admin
nitin
which social share plugin do you use ?
WPBeginner Support
At the moment we are using something custom for our site
Admin
Anuradha Chawla
Compared to other social sharing options, I believe WhatsApp, Facebook and Twitter form the bulk of social sharing in India. Thanks for sharing this article.
Kat
Can you add the whats app sharing button to pictures? Some of my blog posts are heavy with pictures and I wouldn’t want the url of the post shared, instead I would want the specific picture inside the post shared. Is that possible?
VIvien
What I noticed is that the more plugin you add to your site the less you understand what happened once your theme crashes.
Toni
I think it might be helpful if there were some sort of description of what the plug is used for.
elsieisy
Installed ! Thank you.
I reduced the size of my screen and i saw it but havent seen it on mobile though
Helpful Colin
Note: This app has not been tested with the latest versions of WordPress above v 4.0.7. My site uses WordPress 4.2.4. How can I be certain it is OK to use?
Panagiotis Tabakis
The only way to be 100% certain is to test it yourself, or consult users that used it with your WP version. According to the developers note, it should work.