wordpress te whatapp ve arama butonu nasıl

wordpress te kod ekleyerek veya eklenti ile olabilir örnekteki gibi whatapp ve arama sabitleme nasıl olur teşekkürler

Yapması basit de kimsenin bununla uğraşacağını sanmam. Eklentilere bakın derim, "WhatsApp & Phone buttons" şeklinde. Umarım sorununuz çözülür

Hocam biraz daha premium olabilir.




<div class="premium-contact-bar">
<a href="https://wa.me/905XXXXXXXXX" class="contact-btn whatsapp-btn" target="_blank" rel="nofollow noopener">
<span class="icon">☏</span>
<span class="text">
<strong>7/24 WhatsApp</strong>
<small>Destek Al</small>
</span>
</a>

<a href="tel:+905XXXXXXXXX" class="contact-btn call-btn">
<span class="icon">☎</span>
<span class="text">
<strong>7/24 Tıkla</strong>
<small>Hemen Ara</small>
</span>
</a>
</div>

<style>
.premium-contact-bar {
width: 100%;
max-width: 760px;
margin: 15px auto;
display: flex;
gap: 12px;
font-family: Arial, sans-serif;
}

.premium-contact-bar .contact-btn {
flex: 1;
min-height: 78px;
padding: 14px 18px;
border-radius: 18px;
text-decoration: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
position: relative;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.18);
transition: all 0.25s ease;
}

.premium-contact-bar .contact-btn::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255,255,255,0.24), transparent 45%);
opacity: 0.8;
}

.premium-contact-bar .contact-btn:hover {
transform: translateY(-3px);
box-shadow: 0 14px 30px rgba(0,0,0,0.25);
}

.premium-contact-bar .whatsapp-btn {
background: linear-gradient(135deg, #19c463, #0fa84e);
}

.premium-contact-bar .call-btn {
background: linear-gradient(135deg, #ff1f1f, #c90000);
}

.premium-contact-bar .icon {
width: 42px;
height: 42px;
border-radius: 50%;
background: rgba(255,255,255,0.18);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
z-index: 1;
}

.premium-contact-bar .text {
display: flex;
flex-direction: column;
line-height: 1.15;
z-index: 1;
}

.premium-contact-bar .text strong {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.3px;
}

.premium-contact-bar .text small {
font-size: 15px;
font-weight: 600;
opacity: 0.95;
margin-top: 4px;
}

@media (max-width: 600px) {
.premium-contact-bar {
gap: 8px;
padding: 0 8px;
}

.premium-contact-bar .contact-btn {
min-height: 66px;
padding: 10px 8px;
border-radius: 14px;
gap: 8px;
}

.premium-contact-bar .icon {
width: 34px;
height: 34px;
font-size: 20px;
}

.premium-contact-bar .text strong {
font-size: 16px;
}

.premium-contact-bar .text small {
font-size: 12px;
}
}
</style>

İyi günler,
Sorununuzu çözüme ulaştırabiliriz. Kısaca detay bırakın, dönüş yapalım.
+90 542 572 26 46
İyi günler.

https://tr.wordpress.org/plugins/sticky-buttons/
Resimdeki eklenti

çok teşekkür ederim nereye ekleyecem onuda yazsan bilmiyorm çünkü

Whataspp yazın ücretsiz yardımcı olayım. r10 adınızla birlike. @Gokhan92;

gönderdim özelden hocam