مرکز آموزش میهن وب هاست

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

تصویر(1)

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

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

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

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

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

اولین کاری که باید انجام دهید نصب و فعال سازی افزونه Call Now Button در سایت می باشد. مطابق با تصویر زیر افزونه ذکر شده را در مخزن وردپرس جستجو کرده (شماره1) و سپس آن را فعال نمایید (شماره2).

تصویر(2)

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

تصویر(3)

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

1. جهت فعال سازی افزونه از بخش "Button status" گزینه "Enabled" را انتخاب نمایید.

2. در بخش "Phone number": شماره تماس خود را برای مثال به صورت 0133413 قرار دهید.

3. در بخش "Button text" نام آیکن افزونه تماس تلفنی که در سایت نمایش داده می شود را وارد نمایید.

4. و در نهایت روی"ذخیره تغییرات" کلیک کنید.

 تصویر(4)

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

تصویر(5)

افزونه Call Now Button همچنین به شما این امکان را می دهد تا دکمه تماس صوتی به صورت ریسپانسیو در سایت نمایش داده شود.

در ادامه تنظیمات بخش های مختلف افزونه توضیح داده می شود:

Button color ( شماره1): با استفاده از این گزینه می توانید رنگ دکمه تماس تلفنی را به دلخواه خود تغییر دهید.

Position (شماره2): با استفاده از این گزینه موقعیت قرارگیری دکمه تماس تلفنی را در سایت خود می توانید مشخص کنید، چپ، راست، وسط و ... .

Click tracking ( شماره 3): با استفاده از این قابلیت می توانید از سرویس گوگل آنالیتیکس برای دریافت آمار کلیک روی دکمه تماس تلفنی آگاه شوید.

Limit appearance (شماره4): با کمک این گزینه می توانید نمایش دکمه تماس تلفنی را در صفحات مختلف محدود نمایید، برای این کار کافی است ای دی صفحه مورد نظر را در فیلد مشخص شده وارد نمایید.

Limit to these posts and pages: در صورتی که این گزینه را انتخاب کنید نمایش دکمه تماس تلفنی در سایت صرفا محدود نوشته ها و برگه های انتخاب شده می شود.

Exclude these posts and pages: در صورتی که این گزینه را انتخاب کنید دکمه تماس تلفنی به جز صفحات انتخاب شده در سایر صفحات نمایش داده می شود.

Button size (شماره5): با استفاده از این گزینه می توانید سایز دکمه تماس تلفنی را تغییر دهید.

Order (شماره6): با استفاده از این گزینه می توانید تعیین کنید دکمه تماس تلفنی بالاتر یا پایین تر از سایر دکمه ها مانند چت و ... قرار گیرد یا خیر.

Back to old button design (شماره7): با فعال کردن این گزینه نیز می توانید از طرح قبلی افزونه برای دکمه تماس تلفنی استفاده کنید که پیشنهاد می شود این گزینه را فعال نکنید.

 تصویر(6)

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

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

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

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

<a href="tel:15555551212">Call Me</a>

همچنین با استفاده از HTML می توانید یک تصویر نیز به کد خود اضافه نمایید

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

تصویر(7)

اکنون می توانید طبق کد زیر تصویر موردنظر را اضافه نمایید

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

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

 تصویر(8)