افزودن دکمه تماس واتسآپ در وردپرس

افزودن دکمه تماس واتسآپ در وردپرس

آموزش

پیام رسان واتسآپ در ایران دومین پیام رسان محبوب و اولین پیام رسان بدون نیاز به استفاده از فیلترشکن محسوب میشود . در زیر گزارشی از میزان استفاده از پیام رسان ها در ایران مربوط به تیرماه ۹۸ میباشد توسط مرکز افکارسنجی دانشجویان ایران (ایسپا) منتشر شده است .

نام شبکه اجتماعی درصد تعداد کاربران
واتس اپ۴۲.۸ درصد
تلگرام۴۲.۴ درصد
اینستاگرام۳۹.۵ درصد
سروش۲.۸ درصد
فیسبوک۲.۳ درصد
توییتر۱.۹ درصد
لاین۰.۸ درصد
بله۰.۷ درصد
آی‌گپ۰.۶ درصد
گپ۰.۵ درصد
بیسفون۰.۲ درصد
ساینا۰.۱ درصد

در جدول بالا واتس آپ در رتبه اول قرار گرفته که البته این به دلیل فیلترینگ تلگرام مربوط میشود . اما به دلیل همه گیر شدن نرم افزار های تغییر آی پی میتوان دوباره مطمئن بود که رتبه اول در اختیار تلگرام قرار گرفته است ، به همین دلیل در ابتدای نوشته گفتیم واتسآپ در رتبه دوم قرار دارد !

واتسآپ که توسط شرکت فیسبوک و مارک زاکربرگ خریداری شد در نسخه های جدید خود از Whatsapp from facebook نیز در صفحه ابتدایی خود استفاده میکند . همچنین این نرم افزار به دلیل ارائه نسخه تجاری (یا همان بیزینس) نشان داده که برای افراد با کسب و کار تجاری و دارای شخصیت حقوقی برنامه ویژه ای دارد .

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

اضافه کردن دکمه تماس واتسآپ در وردپرس بدون کد نویسی

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

دکمه واتسآپ شروع گفتگو
نمونه دکمه واتساپ برای سایت
آیکون سمت راست برای واتساپ سایت
افزودن دکمه واتس آپ به سایت

پس از این کار باید فایل را به درون پوشه قالب خود اضافه کنید . سپس فایل css قالب خود را باز کرده و کد زیر را درون آن قرار دهید :

#whatsapp a {
position:fixed;
display:block;
left:5px;
bottom:5px;

width:80px;
height:80px;
background:url('whatsapp.png') transparent no-repeat scroll center center;
}

توجه کنید با کد بالا پس از انجام تمامی کارها آیکون واتسآپ در سمت چپ و پایین صفحه نمایش داده خواهد شد و اندازه تصویر ۸۰ پیکسل خواهد بود . در صورتی که تمایش داشته باشید میتوانید اندازه و مکان قرار گیری آن را تغییر دهید . پس از قرار دادن کد بالا ، باید کد زیر را درون فایل footer.php قبل از تمام شدن تگ body قرار دهید . در صورتی که تگ body وجود ندارد میتوانید کد را در کنار دیگر کدهای موجود در صفحه کپی کنید .

<div id="whatsapp"><a href="https://wa.me/989123456789" title="ارتباط با کارشناسان آی وحید در واتسآپ">&nbsp;</a></div>

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

<div id="whatsapp"><a href="
https://wa.me/989123456789?text=Ivahid" title="ارتباط با کارشناسان آی وحید در واتسآپ">&nbsp;</a></div>

همچنین میتوانید در کد بالا از عبارت target=”_blank” استفاده کنید تا لینک در صفحه جدیدی باز شود تا مشکلی برای نرخ بانس سایت شما نیز وجود نداشته باشد .

امیدوارم از مطلب افزودن دکمه تماس واتسآپ در وردپرس استفاده کافی برده باشید . خوشحال میشویم نظرات خود را با ما در میان بگذارید .


اضافه کردن دکمه تلگرام در وردپرس با پلاگین

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

این افزونه مناسب برای انواع نمایشگرها می باشد.

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

برخی از ویژگی های افزونه hi

  • کاملا واکنش گرا
  • بصورت آجکس
  • دکمه پشتیبانی
  • بوت استرپ با طراحی ریسپانسیو
  • قابلبت تنظیم عدم نمایش در ریسپانسیو
  • تنظیم متن های روی دکمه
  • قابلیت تنظیم لینک دکمه

خرید پلاگین hi با ۲۰ درصد تخفیف در فروشگاه تمی کد تخفیف ivahid

امتیاز شما در رابطه با این مقاله ؟
بدبدمعمولیخوبخیلی عالی
2 رای, 5 از 5
Loading...

از سال 88 کار در زمینه ی سایت را شروع کرده و در زمینه های مربوط به هاستینگ ، سامانه های پیام کوتاه فعالیت دارم . فعالیت اخیر رسمی بنده پشتیبانی سیستم فروشگاهی مجنتو در ایران در تیم پرشین مجنتو و قرار دادن مطالب آموزشی در سایت آی وحید میباشد.

مشاهده مقاله من : درگاه های واسط پرداخت و مزایا نسبت به PSP

دیدگاه شما عزیزان
  • وحید 19 دی 1398

    با سلام
    این اموزش شما در کل صفحات سایت نمایش داده میشه
    چطور باید شخصی سازیش کرد یعنی میخوام در دو برگه از سایتم نمایش بدم فقط تو بقیه صفحات نمیخوام