• 14 دی 1398
  • 928 نفر
  • 4 دیدگاه

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

نام شبکه اجتماعی درصد تعداد کاربران
واتس اپ42.8 درصد
تلگرام42.4 درصد
اینستاگرام39.5 درصد
سروش2.8 درصد
فیسبوک2.3 درصد
توییتر1.9 درصد
لاین0.8 درصد
بله0.7 درصد
آی‌گپ0.6 درصد
گپ0.5 درصد
بیسفون0.2 درصد
ساینا0.1 درصد

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

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

توجه کنید با کد بالا پس از انجام تمامی کارها آیکون واتسآپ در سمت چپ و پایین صفحه نمایش داده خواهد شد و اندازه تصویر 80 پیکسل خواهد بود . در صورتی که تمایش داشته باشید میتوانید اندازه و مکان قرار گیری آن را تغییر دهید . پس از قرار دادن کد بالا ، باید کد زیر را درون فایل 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 با 20 درصد تخفیف در فروشگاه تمی کد تخفیف ivahid

 
  • 6 آبان 1397
  • 834 نفر
  • یک دیدگاه

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

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

به این دکمه های تماس در اصطلاح زبان انگلیسی Call to Action نیز گفته میشود . با استفاده از این دکمه ها میتوانید به کاربران خود این امکان را بدهید تا با تنها یک کلیک (با استفاده از مرورگر گوشی) بتوانند بدون وارد کردن شماره شما با شما تماس بگیرند . هر چند که در کنار این مورد پیشنهاد میشود یک فرم تماس نیز استفاده کنید چون بسیار مهم است ولی این گزینه هم کاربردهای خاص خودش را دارد . اضافه کردن این گزینه به دو صورت استفاده از افزونه و یا تغییر دستی با استفاده از کد امکان پذیر میباشد .


روش اول : افزودن دکمه تماس در سایت وردپرسی با افزونه

برای انجام اینکار با استفاده از افزونه میتوانید افزونه Call Now Button را نصب و فعال کنید . پس از فعالسازی افزونه از قسمت تنظیمات گزینه Call Now Button را انتخاب کنید تا وارد صفحه تنظیمات افزونه شوید .

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

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

Button Status : شما میتوانید مشخص کنید نمایش دکمه فعال یا غیر فعال باشد.

phone number : شماره تماسی است که کاربر با آن تماس میگیرد ( پس از زدن دکمه )

Button Text : متنی که به عنوان متن دکمه نمایش داده خواهد شد .

توجه کنید که حتما در پایان بر روی دکمه Save change کلیک کنید تا تغییرات ذخیره شود .

گزینه Advance Setting نیز تنظیمات پیشرفته تر افزونه را به شما نشان خواهد داد . با این گزینه شما میتوانید تنظیمات تخصصی تر را انجام دهید . مثلا موقعیت نمایش دکمه ردیابی کلیک های انجام شده روی دکمه و … را بررسی کنید .

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

پس از آن میتوانید سایت خود را بررسی کنید . خواهید دید دکمه تماس به سایت شما اضافه شده است . (ترجیحا این تست بر روی موبایل انجام شود )


2- روش افزودن دکمه تماس در سایت وردپرسی با کد نویسی دستی

اگر میخواهید از افزونه استفاده نکنید میتوانید کد های معمولی در سایت خود اضافه کنید . این کد فقط در دستگاه های اندروید و ios نشان داده خواهد شد و در سیستم های کامپیوتری نمایش داده نخواهد شد . (البته کاربرانی که از ویندوز 10 استفاده میکنند این گزینه را خواهند دید و تماس با استفاده از اسکایپ میتواند انجام شود )

<a href="tel:+15555551212">+1 (555) 555-1212</a> 
  
<a href="tel:15555551212">Call Me</a>

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

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a>

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

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

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


پلاگین ارتباط با کارشناس hi

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

برای کاربران آی وحید نیز کد تخفیف در نظر گرفته اییم . کافیست وارد سایت شوید و با کد تخفیف ivahid این محصول را با 20 درصد تخفیف تهیه کنید .