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

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

  • آخرین بروز رسانی: 2 ماه قبل
  • تعداد نصب های فعال:+ 20000
  • نسخه افزونه: 1.2.0
  • امتیاز کاربران وردپرس :4.5 از 5 ستاره
  • نسخه وردپرس : آزمایش شده تا 5.7.2
  • حداقل نسخه وردپرس :4.8
دانلود افزونه وردپرس WP Call Button – Easy Click to Call Button for WordPress
لینک دانلود
اطلاعات نویسنده
سعید طاهری

11 ماه عضو افزونه جو

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

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

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

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

دکمه تماس کاملا رسپانسیو است و در تمامی دستگاه ها شامل دسکتاپ، لب تاب، تبلت و گوشی های هوشمند به خوبی و به شکل مناسب نمایش داده می شود.

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

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

مهمترین ویژگی های افزونه را می توان به شرح زیر بیان کرد:

  • ایجاد دکمه تماس تلفنی بدون نیاز به کدنویسی
  • تنظیم شماره تلفن با استفاده از فیلد هوشمند تلفن
  • نمایش دکمه تماس تلفنی شناور و دکمه استاتیک با استفاده از کد کوتاه
  • پشتیبانی از گوتنبرگ، المنتور و سایر افزونه ها مانند WPForms
  • قابلیت نمایش دکمه تماس فقط در دستگاه های تلفن همراه
  • دارای ابزارک اختصاصی
  • سفارشی سازی رنگ و متن دکمه تماس تلفنی
  • قابلیت انتخاب مکان نمایش دکمه تماس تلفنی

نصب افزونه WP Call Button

آخرین نسخه افزونه را به صورت رایگان از بالای همین صفحه دانلود کنید. ( آموزش نصب افزونه وردپرس را در سایت افزونه جو می توانید دنبال کنید). بعد از فعالسازی افزونه گزینه “WP Call Button” به منوی تنظیمات ادمین وردپرس افزوده می شود.

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

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

افزونه تماس تلفنی رایگان وردپرس
صفحه اصلی تنظیمات افزونه

دو زبانه اصلی در این صفحه وجود دارد. زبانه “Sticky Call Button” که مربوط به دکمه تماس تلفنی شناور است و زبانه “Static Call Button” که مربوط به دکمه تماس تلفنی استاتیک است که با کد کوتاه نمایش داده می شود.

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

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

ایجاد و نمایش دکمه تماس تلفنی شناور

به منظور ایجاد و نمایش دکمه تماس تلفنی شناور از زبانه “Sticky Call Button” استفاده می کنیم.

نخست گزینه “Call Now Button Status” را بر روی حالت Active یا فعال قرار می دهیم.

افزونه WP Call Button

سپس شماره تلفن را در قسمت “Phone Number” تنظیم می کنیم. فیلد شماره تلفن به صورت هوشمند در افزونه تماس تلفنی رایگان وردپرس پیاده سازی شده است و با توجه به کشور و پیش شماره انتخاب شده اعتبارسنجی فرمت شماره تلفن انجام می شود. در صورتی که شماره معتبر باشد پیغام Valid در کنار فیلد نمایش داده می شود. توجه داشته باشید تا زمانی که شماره تلفن تنظیم نشده باشد دکمه تماس تلفنی شناور نمایش داده نخواهد شد.

افزونه WP Call Button

در مرحله بعد متن دلخواه به منظور نمایش بر روی دکمه تماس تلفنی را در بخش “Call Button Text” تنظیم می کنیم. توجه کنید که متن فقط در صورتی نمایش داده می شود که مکان نمایش دکمه به صورت تمام عرض تعیین شده باشد.

افزونه WP Call Button
افزونه دکمه تماس تلفنی وردپرس
نمایش دکمه تماس به صورت تمام عرض

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

سپس مکان نمایش دکمه را در قسمت “Call Button Position” تعیین می کنیم. چهار گزینه موجود عبارتند از پایین راست، پایین وسط، پایین چپ و تمام عرض.

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

در قسمت “Call Button Color” می توانیم رنگ دکمه را تغییر بدهیم و بجای رنگ سبز از رنگ دلخواه خودمان استفاده کنیم.

افزونه WP Call Button
انتخاب رنگ دکمه تماس تلفنی
افزونه WP Call Button
تغییر رنگ دکمه تماس تلفنی

سفارشی سازی نمایش در پست ها یا برگه های خاص

اگر بخواهیم دکمه تماس تلفنی را در پست ها یا برگه های خاصی نمایش یا پنهان کنیم از قسمت “Call Button Visibility” استفاده می کنیم. در این قسمت سه گزینه وجود دارد:

  • Show everywhere (Default) : دکمه تماس تلفنی در همه پست ها و برگه ها نمایش داده می شود. این گزینه پیش فرض است.
  • Show only on certain posts / pages and Hide everywhere else: با انتخاب این گزینه پست ها و برگه هایی که قصد داریم دکمه تماس تلفنی را در آنها نمایش دهیم مشخص می کنیم. از فیلد جستجو نام پست یا برگه را نوشته و آنها را انتخاب می کنیم:
افزونه دکمه تماس تلفنی وردپرس
انتخاب پست ها و برگه های دلخواه برای نمایش یا عدم نمایش دکمه تماس تلفنی
  • Hide on certain posts / pages but show everywhere else : این گزینه برای مخفی سازی دکمه تماس تلفنی در پست ها یا برگه های خاصی استفاده می شود. همانند بالا در فیلد جستجو پست ها و برگه های مد نظر را انتخاب می کنیم.

نمایش یا عدم نمایش در دسکتاپ

آخرین گزینه موجود در این زبانه تنظیمات گزینه “Show Call Button Only on Mobile devices?” است که با فعالسازی آن دکمه تماس تلفنی فقط در دستگاه های تلفن همراه نمایش داده خواهد شد. فراموش نکنید که پس از اعمال تغییرات آنها را ذخیره کنید.

افزونه WP Call Button

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

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

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

همچنین ویندوز نیز دارای اپلیکیشنی به نام “Your Phone” است که امکان ارسال شماره به گوشی همراه را فراهم می کند اما متاسفانه خدمات آن در کشور عزیزمان ایران ارائه نمی شود.

نمایش دکمه تماس تلفنی به صورت استاتیک

استفاده از کد کوتاه

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

افزونه تماس تلفنی رایگان وردپرس
تنظیمات نمایش دکمه تماس تلفنی با استفاده از کد کوتاه
  1. متن دلخواه برای نمایش در دکمه تماس تلفنی را انتخاب می کنیم.
  2. رنگ دلخواه برای دکمه را انتخاب می کنیم.
  3. در صورتی که بخواهیم آیکون تلفن را از دکمه تماس حذف کنیم این گزینه را فعال می کنیم.
  4. کد کوتاه ارائه شده را کپی کرده و در محل مورد نظر مثلا در بلوک کد کوتاه در ویرایشگر گوتنبرگ قرار می دهیم.
افزونه دکمه تماس تلفنی وردپرس
استفاده از کد کوتاه برای نمایش دکمه تماس تلفنی
افزونه تماس تلفنی رایگان وردپرس

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

افزونه تماس تلفنی رایگان وردپرس یک بلوک با نام “wp call Button” به ویرایشگر گوتنبرگ اضافه می کند که می توانیم از آن برای نمایش دکمه تماس تلفنی استاتیک استفاده کنیم.

افزونه تماس تلفنی رایگان وردپرس
استفاده از بلوک گوتنبرگ برای نمایش دکمه تماس تلفنی
  1. سایز دکمه را تعیین می کنیم: small یا کوچک و Big یا بزرگ.
  2. با فعالسازی این گزینه آیکون گوشی تلفن مخفی می شود.
  3. با فعالسازی این گزینه دکه به صورت وسط چین نمایش داده می شود.
  4. در این قسمت رنگ پس زمینه دکمه را انتخاب می کنیم.
  5. در این قسمت رنگ متن دکمه را انتخاب می کنیم.
افزونه تماس تلفنی رایگان وردپرس

نمایش دکمه تماس با استفاده از ابزارک

به منظور نمایش دکمه تماس تلفنی به صورت استاتیک می توانیم از ابزارک ارائه شده توسط افزونه تماس تلفنی رایگان وردپرس استفاده کنیم.

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

عنوان و توضیحات ابزارک را تعیین می کنیم. سپس در قسمت Advanced Settings متن دکمه تماس تلفنی، رنگ پس زمینه و رنگ متن دکمه را تعیین می کنیم. با استفاده از گزینه “Show the phone icon” می توانیم آیکون گوشی تلفن را نمایش دهیم یا مخفی کنیم.

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

خلاصه آموزش

در این آموزش یاد گرفتیم با استفاده از افزونه ساده و کاربردی دکمه تماس تلفنی وردپرس یا WP Call Button دکمه تماس تلفنی شناور و استاتیک ایجاد کرده ودر صفحات دلخواه خود به نمایش بگذاریم. قابلیت سفارشی سازی رنگ دکمه، مکان نمایش دکمه و نمایش فقط در گوشی های تلفن همراه را بررسی کردیم. امکان نمایش دکمه تماس تلفنی به صورت استاتیک در برگه های مختلف با استفاده از کد کوتاه، بلوک گوتنبرگ و ابزارک را نیز یاد گرفتیم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

هنوز آموزشی برای این افزونه تهیه نشده است.