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

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

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

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

در این مقاله قرار است به‌صورت کامل و به‌روز، روش‌های افزودن دکمه تماس تلفنی به سایت وردپرسی را بررسی کنیم؛ از ساده‌ترین راه‌های بدون افزونه گرفته تا استفاده از المنتور و منوی سایت. قبل از اینکه وارد بخش‌های فنی شویم، اول با هم دقیق‌تر نگاه می‌کنیم که چرا تماس تلفنی هنوز هم یکی از مؤثرترین راه‌های ارتباط با کاربران است و چطور می‌شود آن را به شکل درست و استاندارد در سایت پیاده‌سازی کرد.

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

با اینکه روش‌های ارتباطی آنلاین مثل فرم‌های تماس، چت آنلاین و شبکه‌های اجتماعی خیلی گسترده شده‌اند، تماس تلفنی هنوز هم یکی از قابل‌اعتمادترین راه‌های ارتباط بین کاربر و کسب‌وکار محسوب می‌شود. دلیلش هم خیلی ساده است؛ تماس تلفنی حس ارتباط مستقیم و واقعی را منتقل می‌کند. کاربر می‌داند آن طرف خط، یک انسان واقعی حضور دارد که می‌تواند به سؤالش جواب بدهد و نگرانی‌اش را برطرف کند. همین حس ارتباط انسانی، مستقیماً روی میزان اعتماد کاربر به سایت و برند شما تأثیر می‌گذارد.

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

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

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

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

دکمه تماس تلفنی دقیقاً چه کاری انجام می‌دهد؟

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

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

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

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

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

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

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

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

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

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

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

اگر بخواهیم ساده‌ترین، مطمئن‌ترین و در عین حال حرفه‌ای‌ترین راه برای اضافه کردن تماس تلفنی به سایت وردپرسی را معرفی کنیم، بدون شک استفاده از پروتکل استاندارد tel: انتخاب اول است. این روش نه به افزونه خاصی نیاز دارد و نه تنظیمات پیچیده؛ دقیقاً همان چیزی است که مرورگرها و سیستم‌عامل‌ها برای تشخیص شماره تلفن و برقراری تماس از آن استفاده می‌کنند. به همین خاطر هم در بیشتر سایت‌های مدرن و استاندارد، از همین راهکار استفاده می‌شود.

پروتکل tel: چیست و چگونه کار می‌کند؟

پروتکل tel: در واقع به مرورگر اعلام می‌کند لینکی که با آن روبه‌رو شده، یک شماره تلفن است و باید به‌عنوان تماس تلفنی پردازش شود، نه یک آدرس اینترنتی معمولی. وقتی کاربر روی چنین لینکی کلیک می‌کند، مرورگر با توجه به نوع دستگاه، برنامه تماس تلفنی را باز می‌کند. در موبایل‌ها این فرآیند کاملاً مستقیم و بدون واسطه انجام می‌شود و کاربر بلافاصله وارد صفحه تماس می‌شود.

مزیت مهم tel: این است که هیچ وابستگی‌ای به قالب وردپرس، صفحه‌ساز یا افزونه خاصی ندارد. شما می‌توانید آن را در هر جایی از سایت استفاده کنید؛ داخل یک متن ساده، روی یک دکمه، در منو یا حتی روی یک تصویر.

مثال ساده از لینک تماس تلفنی

برای ساخت یک لینک تماس تلفنی، کافی است شماره موردنظر را به‌شکل صحیح بعد از tel: قرار دهید. برای مثال:

تماس تلفنی با ما

یا اگر بخواهید خود شماره تلفن نمایش داده شود: +98 21 2345 6789

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

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

یکی از نکات بسیار مهم در استفاده از tel:، نوشتن شماره تلفن با فرمت صحیح است. پیشنهاد می‌شود شماره تلفن حتماً همراه با کد کشور نوشته شود. این موضوع مخصوصاً برای سایت‌هایی که کاربران بین‌المللی دارند یا ممکن است از خارج از کشور بازدید شوند اهمیت بیشتری دارد. وجود پیش‌شماره کشور کمک می‌کند مرورگرها و دستگاه‌های مختلف بدون ابهام شماره را تشخیص دهند.

بهتر است در لینک تماس، شماره تلفن بدون فاصله و کاراکتر اضافی نوشته شود و فقط از اعداد و علامت + استفاده شود. البته نمایش ظاهری شماره برای کاربر می‌تواند خواناتر باشد، اما مقدار داخل tel: بهتر است ساده و استاندارد باقی بماند.

چرا tel: تنها استاندارد مطمئن وب است؟

در سال‌های گذشته روش‌های دیگری مثل call: یا callto: هم برای ایجاد لینک تماس استفاده می‌شد، اما با تغییر استانداردهای وب و سخت‌گیرانه‌تر شدن مرورگرها، این روش‌ها کم‌کم کنار گذاشته شدند. بسیاری از مرورگرهای جدید یا سیستم‌عامل‌ها دیگر پشتیبانی کاملی از این پروتکل‌ها ندارند یا رفتارهای غیرقابل پیش‌بینی نشان می‌دهند.

در مقابل، tel: به‌عنوان بخشی از استانداردهای رسمی وب شناخته می‌شود و تقریباً توسط تمام مرورگرهای مدرن و سیستم‌عامل‌های موبایل پشتیبانی می‌شود. به همین دلیل، اگر هدفتان داشتن یک دکمه تماس تلفنی پایدار، سازگار و بی‌دردسر است، tel: بهترین انتخاب خواهد بود.

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

افزودن دکمه تماس تلفنی با المنتور (آموزش کاملاً عملی)

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

انتخاب ابزار دکمه در المنتور

برای شروع، وارد صفحه‌ای شوید که می‌خواهید دکمه تماس تلفنی در آن نمایش داده شود و روی گزینه «ویرایش با المنتور» کلیک کنید. از پنل ابزارهای المنتور، ابزار «دکمه» را انتخاب کرده و در محل دلخواه قرار دهید. از نظر فنی فرقی ندارد دکمه در کدام بخش سایت باشد؛ مهم این است که کاربر بتواند آن را به‌راحتی ببیند و به آن دسترسی داشته باشد.

تنظیم متن، رنگ و آیکن دکمه

بعد از اضافه کردن دکمه، می‌توانید متن آن را تغییر دهید. عباراتی مثل «تماس تلفنی»، «پشتیبانی تلفنی» یا «تماس با ما» معمولاً گزینه‌های مناسبی هستند. در بخش استایل المنتور هم می‌توانید رنگ متن، رنگ پس‌زمینه و اندازه دکمه را تنظیم کنید. خیلی از سایت‌ها برای دکمه تماس از رنگ سبز استفاده می‌کنند، اما در نهایت بهتر است رنگ انتخابی با طراحی کلی سایت هماهنگ باشد.

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

قرار دادن لینک تماس تلفنی با tel:

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

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

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

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

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

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

چرا هدر بهترین محل برای دکمه تماس تلفنی است؟

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

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

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

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

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

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

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

در نهایت، قرار دادن دکمه تماس تلفنی در هدر سایت یک تصمیم کاملاً کاربردی و کاربرمحور است که اگر درست اجرا شود، می‌تواند نقش مهمی در افزایش تماس‌ها و بهبود تجربه کاربری سایت داشته باشد.

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

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

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

برای شروع، وارد پیشخوان وردپرس شوید و از بخش «نمایش»، گزینه «فهرست‌ها» را انتخاب کنید. در این قسمت می‌توانید منوی موردنظر را ویرایش یا یک منوی جدید ایجاد کنید. برای اضافه کردن تماس تلفنی، از بخش «پیوندهای دلخواه» استفاده کنید. در قسمت نشانی اینترنتی، لینک تماس را با فرمت tel: وارد کنید و در بخش متن لینک، عبارتی مثل «تماس تلفنی» یا «پشتیبانی تلفنی» بنویسید. بعد از افزودن به فهرست و ذخیره تغییرات، لینک تماس به منو اضافه می‌شود.

انتخاب محل نمایش منو در سایت

بعد از ساخت یا ویرایش منو، باید محل نمایش آن را مشخص کنید. بسته به قالب سایت، ممکن است چند جایگاه برای نمایش منو وجود داشته باشد؛ مثل منوی اصلی یا هدر. انتخاب جایگاه مناسب باعث می‌شود لینک تماس دقیقاً در جایی نمایش داده شود که کاربر انتظارش را دارد. همین مرحله ساده، تأثیر زیادی در دیده شدن دکمه تماس دارد.

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

نکته مهم این است که ساخت منو به‌تنهایی کافی نیست؛ منو باید در قالب سایت یا با ابزارهایی مثل المنتور نمایش داده شود. اگر هدر سایت را با المنتور طراحی کرده‌اید، باید ابزار «منو» را به هدر اضافه کرده و منویی را انتخاب کنید که لینک تماس تلفنی داخل آن قرار دارد. بعد از این کار، لینک تماس به‌صورت فعال در هدر سایت نمایش داده می‌شود.

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

تماس تلفنی واتساپی (برای مخاطبان خارج از ایران)

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

چه زمانی تماس واتساپی انتخاب بهتری است؟

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

لینک wa.me چگونه کار می‌کند؟

واتساپ امکان ساخت لینک مستقیم برای شروع ارتباط را فراهم کرده است. با استفاده از لینک‌هایی که با دامنه wa.me ساخته می‌شوند، کاربر بعد از کلیک مستقیماً وارد واتساپ می‌شود. اگر واتساپ روی دستگاه نصب باشد، برنامه باز می‌شود و کاربر می‌تواند از همان‌جا پیام ارسال کند یا تماس بگیرد. فقط باید شماره تلفن را کامل و همراه با کد کشور در لینک وارد کنید تا واتساپ آن را درست تشخیص دهد.

تماس واتساپی چه تفاوتی با تماس تلفنی دارد؟

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

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

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

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

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

پس از فعال‌سازی افزونه، برای دسترسی به تنظیمات آن وارد پیشخوان سایت شوید و از بخش «تنظیمات»، گزینه WP Call Button را انتخاب کنید.

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

دکمه تماس تلفنی ثابت

همان‌طور که مشاهده می‌کنید، اولین بخش مربوط به «دکمه تماس ثابت» است. این قسمت درواقع یکی از متداول‌ترین نیازهای کاربران هنگام مرور سایت است. این ویژگی بهینه‌سازی شده تا به شما کمک کند تماس‌های بیشتری دریافت کنید و فرآیند تبدیل بازدیدکننده به مشتری سریع‌تر انجام شود.

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

در بخش “Call Now Button Status” اگر می‌خواهید دکمه «اکنون تماس بگیرید» فعال شود و به کاربران نمایش داده شود، باید آن را به حالت فعال (سبز) تغییر دهید.

تعیین شماره تلفن

فیلد بعدی مربوط به شماره تلفن است. در قسمت “Phone Number” باید شماره‌ای را وارد کنید که می‌خواهید کاربران با آن تماس بگیرند. قبل از وارد کردن شماره، کشور خود را انتخاب کنید تا کد کشور به‌صورت خودکار به شماره اضافه شود.

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

بخشی برای تعیین متن دکمه وجود دارد. در قسمت “Call Button Text” می‌توانید متن دلخواه خود را وارد کنید؛ مثلاً «تماس با ما» یا «اکنون تماس بگیرید».

تعیین مکان دکمه تماس تلفنی

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

مشخص کردن رنگ دکمه تماس

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

وضعیت نمایش دکمه تماس تلفنی

در قسمت “Call Button Visibility” گزینه‌های مختلفی برای نحوه نمایش دکمه در اختیار شما قرار گرفته است. می‌توانید تعیین کنید که دکمه در همه صفحات نمایش داده شود یا فقط در صفحات خاصی قابل مشاهده باشد.

با فعال کردن گزینه “Show Call Button Only on Mobile devices?” این امکان را به افزونه می‌دهید که دکمه تماس فقط در دستگاه‌های موبایل نمایش داده شود.

نکته: حتماً بعد از اعمال تغییرات، روی “Save Changes” کلیک کنید تا تنظیمات ذخیره شود. بعد از انجام همه مراحل، سایت خود را باز کنید و دکمه تماس را بررسی نمایید.

افزودن دکمه تماس به صفحات وردپرس

برای اضافه کردن دکمه تماس به صفحه تماس با ما، درباره ما یا هر صفحه دیگری، دو روش وجود دارد.

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

اگر از ویرایشگر جدید وردپرس (گوتنبرگ) استفاده می‌کنید، یک صفحه جدید ایجاد کنید یا یکی از صفحات قبلی را ویرایش نمایید. سپس روی آیکون (+) کلیک کنید و بلوک افزونه WP Call Button را به صفحه اضافه کنید.

این بلوک گزینه‌های متعددی برای سفارشی‌سازی دارد؛ از جمله تغییر رنگ دکمه، متن دکمه، اندازه فونت و امکان نمایش یا مخفی کردن آیکن تلفن. برای دسترسی به این تنظیمات، بعد از افزودن بلوک روی آیکون چرخ‌دنده کلیک کنید تا پنل تنظیمات نمایش داده شود.

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

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

اگر از ویرایشگر کلاسیک وردپرس استفاده می‌کنید، برای ایجاد دکمه باید از بخش “Static Call Button” استفاده کنید. برای این کار به پیشخوان » تنظیمات » WP Call Button بروید و از منوی بالا گزینه Static Call Button را انتخاب کنید.

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

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

افزونه WP Call Button این امکان را هم می‌دهد که دکمه تماس را به نوار کناری سایت از طریق ویجت اضافه کنید.

برای این کار وارد بخش «نمایش» » «ابزارک‌ها» شوید و ویجت مربوط به WP Call Button را به محل دلخواه در نوار کناری بکشید.

در این قسمت می‌توانید عنوان و توضیحات ویجت را وارد کنید. اگر روی گزینه “تنظیمات پیشرفته” کلیک کنید، گزینه‌های بیشتری برای سفارشی‌سازی در اختیار شما قرار می‌گیرد؛ مثل تغییر رنگ متن دکمه، رنگ پس‌زمینه دکمه و متن آن. بعد از انجام تغییرات، روی گزینه «ذخیره» کلیک کنید یا در صورت نیاز به لغو تغییرات، گزینه «پاک کردن» را انتخاب نمایید.

یکی از ویژگی‌های مهم استفاده از افزونه WP Call Button این است که کاملاً رایگان است و ادغام یکپارچه‌ای با Google Analytics دارد؛ بنابراین می‌توانید عملکرد دکمه تماس خود را هم بررسی و تحلیل کنید.

استفاده از افزونه تماس تلفنی؛ چه زمانی منطقی است؟

در خیلی از سایت‌ها، اضافه کردن امکان تماس تلفنی بدون هیچ افزونه‌ای و با روش‌های استاندارد کاملاً جواب می‌دهد. اما بعضی وقت‌ها شرایطی پیش می‌آید که استفاده از یک افزونه می‌تواند انتخاب منطقی‌تری باشد. نکته مهم اینجاست که افزونه تماس تلفنی یک «الزام» نیست؛ یک انتخاب است. انتخابی که باید بر اساس نیاز واقعی سایت انجام شود، نه صرفاً به این دلیل که چنین افزونه‌ای وجود دارد.

چه سایت‌هایی واقعاً به افزونه نیاز دارند؟

اگر سایتی دارید که تماس تلفنی بخش مهمی از تجربه کاربر است، مثلاً سایت‌های خدماتی با پشتیبانی ۲۴ ساعته، مراکز مشاوره با چند شماره تماس، یا کسب‌وکارهایی که می‌خواهند دکمه تماس به‌صورت شناور و همیشه جلوی چشم کاربر باشد، استفاده از افزونه می‌تواند به کارتان بیاید.

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

چه سایت‌هایی اصلاً نیازی به افزونه ندارند؟

برای خیلی از سایت‌های شرکتی، فروشگاهی یا شخصی، یک لینک ساده tel: یا حتی یک دکمه تماس که با المنتور ساخته شده، کاملاً کافی است. اگر فقط می‌خواهید کاربر با یک کلیک تماس بگیرد و سناریوی پیچیده‌ای ندارید، اضافه کردن افزونه معمولاً فقط سایت را سنگین‌تر می‌کند.

در چنین شرایطی، روش‌های دستی هم سریع‌تر هستند و هم کنترل بیشتری به شما می‌دهند.

مزایا و معایب استفاده از افزونه

مزیت اصلی افزونه‌های تماس تلفنی این است که امکانات آماده‌ای در اختیارتان می‌گذارند؛ مثل دکمه‌های شناور، تنظیمات جداگانه برای موبایل یا افکت‌های جلب توجه.

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

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

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

اضافه کردن دکمه تماس تلفنی در ظاهر کار ساده‌ای به نظر می‌رسد، اما در عمل اشتباه‌های کوچکی وجود دارد که می‌تواند کل این مسیر ارتباطی را بی‌اثر کند. این اشتباه‌ها معمولاً از بی‌توجهی به تجربه واقعی کاربر می‌آیند، نه از پیچیدگی فنی. دقیقاً همین نکات ریز هستند که یک دکمه تماس «کارآمد» را از یک شماره تزئینی جدا می‌کنند.

نادیده گرفتن پیش‌شماره در نوشتن شماره تلفن

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

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

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

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

اگر کاربر نتواند روی گوشی با یک لمس ساده تماس بگیرد، عملاً دکمه تماس کارایی خودش را از دست می‌دهد. تست کردن روی موبایل کار سختی نیست، اما تأثیرش خیلی زیاد است.

استفاده از روش‌ها و پروتکل‌های قدیمی

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

محدود کردن تماس تلفنی به صفحه «تماس با ما»

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

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

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

جمع‌بندی

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

از نظر فنی هم قرار نیست کار پیچیده‌ای انجام بدهید. استفاده از tel: ساده‌ترین و استانداردترین راه برای اضافه کردن تماس تلفنی به سایت است و در بیشتر مواقع دقیقاً همان چیزی است که نیاز دارید. این روش سبک است، قابل‌اعتماد است و در دستگاه‌های مختلف، مخصوصاً موبایل، رفتار قابل پیش‌بینی دارد. خیلی وقت‌ها همین راه‌حل ساده بهتر از هر ابزار پرزرق‌وبرق دیگری جواب می‌دهد.

افزونه‌ها هم جای خودشان را دارند، اما فقط زمانی که واقعاً به امکانات اضافه نیاز دارید. اگر هدفتان این است که کاربر سریع و بدون دردسر تماس بگیرد، روش‌های دستی کاملاً کافی هستند و حتی کنترل بیشتری به شما می‌دهند. اضافه کردن افزونه فقط به این دلیل که «وجود دارد»، معمولاً تصمیم درستی نیست.

در نهایت، مهم‌ترین نکته این است که اول به تجربه کاربر فکر کنید و بعد به ظاهر. دکمه تماس تلفنی قرار نیست فقط قشنگ باشد؛ قرار است کار کند. اگر کاربر بتواند همان لحظه‌ای که تصمیم به تماس می‌گیرد، سریع و راحت با شما ارتباط بگیرد، یعنی کار را درست انجام داده‌اید. ظاهر زیبا خوب است، اما وقتی تماس برقرار نشود، عملاً ارزشی ندارد. 🙂

تیم تولید محتوا

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