#ایکس‌استک

#با ایکس‌استک همیشه از سایرین پیشتاز باشید

چگونه ارتباط با واتس‌اپ را در وبسایت خود اضافه کنیم؟

چگونه ارتباط با واتس‌اپ را در وبسایت خود اضافه کنیم؟

سلام

من میخوام آیکون whatsapp رو به سایتم اضافه کنم اگر طرف کلیک کرد بتونه به واتس آپ من پیام بده و متن پیش فرض داشته باشه؟

مثل تصویر زیر

برچسب ها: وب طراحی سایت واتس‌آپ whatsapp
4 ماه پیش
2020-10-21 18:22:56
Views: 93

لطفا برای ارسال دیدگاه وارد شوید یا ثبت نام کنید

کد html :

<a id="whatsapp" target="_blank" href="https://api.whatsapp.com/send/?phone=989121234567&text=hello&app_absent=0">
        <i class="fab fa-whatsapp"></i>
    </a>

شما به جای hello متن خود را میگذارید به جای 989121234567 شماره تلفن خود را اضافه میکنید و اما css :


#whatsapp {
    position: fixed;
    left: 25px;
    bottom: 25px;
    background: #00d06a;
    padding: 10px;
    width: 50px;
    height: 50px;
    font-size: 45px;
    color: white;
    border-radius: 50%;
    text-align: center;
    animation: pulse ease-in-out infinite;
    animation-duration: 3s;
}

#whatsapp .fab {
    position: relative;
    top: -4px;
}

@keyframes pulse {
  0% {
    opacity: 0.7;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.7;
    transform: scale(0.9);
  }
}


دموی آنلاین

4 ماه پیش
2020-10-21 18:34:03

لطفا برای ارسال دیدگاه وارد شوید یا ثبت نام کنید

برای ارسال پاسخ یا راه‌‌حل وارد شوید