کد پشتیانی واتساپ برای سایت وبلاگ-گفتگو با کاربران سایت ازطریق واتساپ

کد پشتیانی واتساپ برای سایت وبلاگ-گفتگو با کاربران سایت ازطریق واتساپ

کد پشتیانی واتساپ برای سایت وبلاگ-گفتگو با کاربران سایت ازطریق واتساپ با این کد که ترکیبی از کدهای javascript و html css میباشد شما میتوانید پشتیبانی انلاین برای کاربران سایت خود بدون نیاز به افزونه و… با اتصال به واتساپ ایجاد کنید.اما دوستانی که وردپرس دارند و میتواندد افزونه نصب کنند میتوانند افزونه پشتیبانی واتساپ سایت را نیز نصب کنند  نام افزونه در مخرن وردپرس WhatsApp Chat نام دارد.

اما ما در این پست بدون افزونه برای سایت های وردپرسی و وبلاگهایی که امکان نصب افزونه را ندارند یک کد برای پشتیبانی کاربران با انها ایجاد کرده ایم که این امکان را به انها میدهد تا بصورت زنده کاربران با مدیران سایت گفتگو نمایید و درنتیجه سایتهای فروشگاهی و … راحت تر محصولات خود را به فروش میرسانند.

کد شناور سازی لوگو دلخواه در سایت

برای این کار شما باید از ادامه مطلب کدهای مورد نیاز را کپی و در جای مناسب از سایت و یا وبلاگ خود قرار دهید.کد پشتیبانی واتساپ در سایت

مثلا در وبلاگها بهترین مکان برای قرار دادن این کد انتهای قالب میباشد تا هم سرعت لود مطالب سایت کم نشه و هم اخرین قسمت باز شدن این بخش باشه ینی بد از لود کامل سایت.

کدهای بخش اول مربروط به کدهای html میباشد.

<!--Jquery-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!--Floating WhatsApp css-->
<link rel="stylesheet" href="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/floating-wpp.min.css">
<!--Floating WhatsApp javascript-->
<script type="text/javascript" src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/floating-wpp.min.js"></script>

بخش دوم کد مربوط به javascript & jquery میباشد.

<script>
$(function() {
  $('#WAButton').floatingWhatsApp({
    phone: '1231231231', //WhatsApp Business phone number International format-
    //Get it with Toky at https://toky.co/en/features/whatsapp.
    headerTitle: 'Chat with us on WhatsApp!', //Popup Title
    popupMessage: 'Hello, how can we help you?', //Popup Message
    showPopup: true, //Enables popup display
    buttonImage: '<img src="https://rawcdn.githack.com/rafaelbotazini/floating-whatsapp/3d18b26d5c7d430a1ab0b664f8ca6b69014aed68/whatsapp.svg" />', //Button Image
    //headerColor: 'crimson', //Custom header color
    //backgroundColor: 'crimson', //Custom background button color
    position: "right"    
  });
});

</script>

کدهای مربوط به css برای استایل دهی به فرم و … که خودتون زحمتو بکشید.

body {
  font-family: Arial, Helvetica, sans-serif;
}

خب تا اینجا بخش پشتیبانی متصل به واتساپ خیلی راحت ایجاد شد کافیه کدهای بالا رو در قالب وبلاگ و یا سایتتون قرار بدین و تمام.

کد html php javascript برای واتساپ در سایت و وبلاگ

کد html php javascript برای واتساپ در سایت و وبلاگ کدهای مورد نیاز برای بخشهای دیگر سایت و واتساپ یا وبلاگ و واتساپ مثلا برای ایجاد دکمه ای که وقتی کاربر روی اون دکمه و یا لینک کلیک میکنه به برنامه واتساپ انتقال پیدا کنه و متن مورد نظرش بخش چت واتساپ قرار داده بشه 

برای اینکه مطلب رو بهتر متوجه بشین روی لینک زیر کلیک کنید و برگردید ادامه مطلب رو بخونید.

اتصال به واتساپ

برای ایجاد ی همچین دکمه یا لینکی که بد از کلیک کردن کابر روی ان به واتساپ شما هدایت شده و میتواند با شما چت کند.

<a href="https://api.whatsapp.com/send?phone=+989119604828&text=سلام محمد">matn link</a>

برای اینکه به شخص خاصی پیام ارسال کنید نیاز به ذخیره شماره فرد در موبایل خود ندارید.کافیست تا کد زیر را کپی و شماره تلفن این کد را تغییر و شخصی سازی کنید و در ادرس بار مرورگر خودباز کنید تا مستقیم بدون سیو کردن مخاطب در واتساب بافرد چت کنید.

wa.me/989119604828

 

تیکه کد ارسال مطالب سایت به واتساپ با کلیک روی یک لینک یا کلیک روی دکمه اشتراک گذاری و …در php

whatsapp://send?text=<?php the_permalink(); ?>

 

برای ایجاد لینک برای کد فوق به شکل زیر عمل کنید تا با کلیک روی لینک مطلب به واتساپ هدایت شوند.

کد زیر را در برگه نوشته سایت خود قرار دهید.

<a href="whatsapp://send?text=<?php the_permalink(); ?>">ارسال مطلب در واتساپ</a>