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

طراحی سایت

..افزودن دکمه تماس واتسآپ در وردپرس..
طراحی سایت

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

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

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

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

واتسآپ که توسط شرکت فیسبوک و مارک زاکربرگ خریداری شد در نسخه های جدید خود از 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” استفاده کنید تا لینک در صفحه جدیدی باز شود تا مشکلی برای نرخ بانس سایت شما نیز وجود نداشته باشد .

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

17
15 دی 1398
..نظرات..
..مقالات پربازدید..
طراحی سایت

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

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

9612
24 فروردین 1398
برنامه نویسی

آموزش کار با افزونه دکان (چند فروشندگی)

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

799
04 دی 1397
برنامه نویسی

ویژگی های جدید لاراول 5.8

تغییرات لاراول 5.8 LARAVEL ورژن بعدی فریم ورک لاراول با نسخه ۵.۸ در ماه فوریه سال ۲۰۱۹ منتشر میشه. در حال حاظر تنها مواردی که قطعی شده پشتیبانی لاراول ۵.۸ از کتابخانه carbon نسخه ۲ می باشد. و قابلیت امکان سوییچ بین هر دو نسخه یک و دو carbon مورد دیگر استفاده laravel 5.8 از vlucas/phpdotenv ورژن 3 برای فایل .env میباشد که اجازه استف...

738
08 اسفند 1397