ÜCRETSİZ - Whatsapp İletişim Butonu Ekleme

Merhabalar, bu konu yazılım bilgisi çok az olup sitesinde ufak değişiklikler veya eklemeler yapmak isteyen kişilere yardımcı olması için açılmıştır.

Sitenize basit ve hızlı bir şekilde Whatsapp İletişim Butonu eklemek için aşağıdaki kodu kullanabilirsiniz.

( GetButton'dan eklediğinizde sanırsam butonun hemen altında GetButton yazıyor )

<style>
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css");
.wp-btn-Dr7iOp {
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    border: none;
    position: absolute;
    z-index: 99999;
    bottom: 1rem;
    right: 1rem;
    color: #ffff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #43c253;
    text-decoration: none;
    font-size: 25px;
}
.wp-btn-Dr7iOp:hover {
    filter: brightness(1.05);
}
</style>
<a href="https://wa.me/905000000000" target="_blank"" class="wp-btn-Dr7iOp"><i class="fab fa-whatsapp"></i></a>

https://wa.me/905000000000 alanını değiştirerek kendi numaranızı ekleyebilirsiniz, alan kodu olmak zorunda.

Bunun bir alternatifi olarak GetButton sitesini de kullanabilirsiniz.

İşinize yararsa bir teşekkür bırakmanız yeterli

elinize sağlık

Bu butonu sayfayla birlikte kayan şekilde nasıl yapabilirim

position:absolute; değeri zaten ilk açılışta bulunduğu yerde kalıp sayfa aşağı indikçe yukarıda kalmasını sağlıyor.

position:fixed; yapar iseniz sayfa aşağı inse de sabit kalır.

position:relative; yapar iseniz kendi tasarımınıza uygun yere yerleştirmeniz gerekli.

Teşekkür ederim..

Merhaba, lütfen inceleyin

https://emreaykutalp.com/blog/siteye...-butonu-ekleme