چگونه دکمه تماس تلفنی را در سایت وردپرس ایجاد کنیم؟

06 آبان 1397
call-us-wordpress

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

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

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

چرا باید یک دکمه تماس قابل کلیک در سایت وردپرس ایجاد کرد؟

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

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

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

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

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

در ابتدا، افزونه Call Now Button را در سایت وردپرس خود نصب و فعال کنید. پس از فعال سازی افزونه، بخش تنظیمات آن را می توانید در "Call Now Button < تنظیمات" مشاهده کنید.

تنظیمات افزونه Call Now Button

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

برای مشاهده تنظیمات پیشرفته تر می توانید بر روی دکمه Advanced Settings کلیک کنید تا تنظیمات پیشرفته تر برایتان نمایش داده شود (مانند تصویر زیر).

تنظیمات پیشرفته افزونه Call Now Button

همانطور که در تصویر بالا مشاهده می کنید، تنظیمات پیشرفته مربوط به افزونه نمایش داده شده و حال شما می توانید تنظیمات ظاهری، نمایشی، موقعیت مکانی و ... دکمه تماس تلفنی را تغییر دهید.

همچنین می توانید سرویس Google Analytics را برای این افزونه فعال کنید تا ببینید چگونه کاربران تمایل پیدا می کنند تا با دکمه تماس تلفنی تماس برقرار کنند.

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

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

روش دوم: افزودن دکمه تماس تلفنی به صورت دستی (قرار دادن کد)

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

خیلی راحت، می توانید از کد زیر برای نمایش دادن دکمه تماس تلفنی قابل کلیک استفاده کنید. از این کد، می توانید در هر کجای قالب سایتتان که می خواهید، استفاده کنید:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<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>

این کد را می توانید هر کجای سایتتان که تمایل دارید قرار دهید، مکان هایی مانند ابزارک های سایتتان، فوتر سایت، هدر و ... !

پس از اینکه کد را در سایتتان قرار دادید، مانند تصویر زیر، دکمه تماس تلفنی نمایش داده می شود.

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

همچنین شما می توانید برای اضافه کردن متن های دیگر به دنباله دکمه تماس تلفنی، از قابلیت شخصی سازی CSS استفاده کنید (مانند تصویر زیر).

شخص سازی CSS برای دکمه تماس تلفنی

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

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

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

در بخش آدرس منو، باید شماره تلفن را اینگونه وارد کنید:

tel:+155555555

حتما بخاطر داشته باشید که کد کشور را بعد از "+" وارد کنید.

پس از اینکه منو را ایجاد کردید، مانند تصویر زیر، دکمه تماس تلفنی در منوی سایت شما نمایش داده می شود.

آدرس تلفن تماس در منوی وب سایت

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

نویسنده شوید

دیدگاه‌های شما (1 دیدگاه)

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

soureh
25 آذر 1397
سلام خیلی عالی بود فقط در حالت desktop چیکار باید کنیم که بشه تماس گرفت؟ یا حداقل اگه نشه تماس بگیره ارور نده یه پیغام نشون بده که فقط با گوشی موبایل امکان تماس هست

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

روکسو
25 آذر 1397
سلام روز شما بخیر چه خطایی برای شما نمایش داده می شود؟

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

soureh
27 آذر 1397
سلام خطا نمیده هنوز امتحان نکردم خودتون در آموزش گفتید که فقط برای موبایل انجام میشه و در سایز دسکتاپ خطا میده

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

مهدی امامی
28 آذر 1397
سلام دوست عزیز. همونطور که خودتون ملاحظه کردید، این روش فقط مخصوص موبایل هست و با Desktop امکان برقراری تماس وجود نداره! یعنی اصلا اگه هم بشه، براتون کاربردی نداره!

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

mani
16 مهر 1398
سلام، یه ماژولی هست که روی سایت قرار میگیره وقتی بازدیدکننده چه با موبایل چه با کامپیوتر و تبلت روی اون کلیک میکنه یک پنجره جدید ظاهر می شه و نام و شماره تماس خودش رو وارد میکنه و روی دکمه درخواست تماس رایگان کلیک میکنه در همون لحظه سرویس در ابتدا با مشتری تماس میگیره و به محض در دسترس بودن، نوبت به کارشناس می رسه و یا بالعکس و تماس دوطرفه برقرار میشه که در این حالت برای بازدیدکننده رایگان میشه و باعث جذب مشتری میشه. افزونه سامانه کال می http://callmee.org/

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