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

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

📞 لینک تماس چیه و چرا اینقدر مهمه؟

لینک تماس (Contact Link) درواقع یه تگ HTML ساده‌ست که وقتی کاربر روش کلیک می‌کنه، یه عملیات مشخص داخل گوشی یا مرورگرش انجام میشه؛ مثلاً برنامه تماس باز میشه، صفحه ارسال پیامک بالا میاد، چت واتساپ اجرا میشه یا اپ ایمیل آماده ارسال پیام میشه.

این لینک‌ها بر پایه چیزی به اسم URI Scheme کار می‌کنن. URI Scheme یه استاندارد بین مرورگرها و سیستم‌عامل‌هاست که مشخص می‌کنه هر لینک چه عملی انجام بده. مثلاً وقتی مرورگر با tel: مواجه میشه، متوجه میشه باید اپ تماس گوشی رو باز کنه یا با دیدن mailto: برنامه ایمیل رو اجرا کنه.

چرا لینک تماس اینقدر مهمه؟

دلیل محبوبیت این لینک‌ها کاملاً واضحه 👌

× 📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD

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

لینک تماس مسیر ارتباط رو کوتاه می‌کنه و باعث میشه کاربر فقط با یک لمس باهات ارتباط بگیره؛ همین موضوع می‌تونه نرخ تبدیل (Conversion Rate) سایتت رو به شکل محسوسی افزایش بده 🚀

یه نکته مهم دیگه هم اینه که این لینک‌ها فقط مخصوص موبایل نیستن؛ روی دسکتاپ هم بسته به سیستم کاربر می‌تونن برنامه‌هایی مثل Skype، Outlook یا WhatsApp Desktop رو باز کنن. البته بهترین تجربه همچنان روی موبایله

📲 لینک تماس تلفنی (Click-to-Call)

لینک تماس تلفنی یا همون Click-to-Call یکی از ساده‌ترین و کاربردی‌ترین روش‌های ارتباط با کاربره. وقتی کاربر روی این لینک کلیک می‌کنه، برنامه شماره‌گیر گوشی به‌صورت خودکار باز میشه و شماره آماده تماسه؛ یعنی کاربر بدون نیاز به کپی کردن شماره یا شماره‌گیری دستی، فقط با یک لمس می‌تونه باهات تماس بگیره.

ساختار این لینک خیلی ساده‌ست و با tel: ساخته میشه:

<a href="tel:+989000000000">تماس بگیر</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

📌 فرمت صحیح شماره تلفن

بهترین و استانداردترین روش اینه که شماره رو با کد کشور وارد کنی. برای ایران باید از +98 استفاده بشه و صفر اول شماره حذف بشه.

مثال‌ها:

• موبایل: +989123456789 به‌جای 09123456789
• تلفن ثابت تهران: +982112345678 به‌جای 02112345678

📍 بهترین جاها برای قرار دادن لینک تماس

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

• هدر سایت (بالای صفحه)
• صفحه تماس با ما
• فوتر سایت
• صفحات خدمات یا محصولات
• دکمه شناور موبایل
• پاپ‌آپ خروج (Exit Intent)

هرچقدر دسترسی به تماس سریع‌تر و جلوی چشم‌تر باشه، احتمال اینکه کاربر باهات ارتباط بگیره بیشتر میشه 🔥

💬 لینک ارسال پیامک (SMS Link)

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

ساختار پایه این لینک با sms: ساخته میشه:

<a href="sms:+989000000000">ارسال پیامک</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

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

✍️ ارسال پیامک با متن آماده

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

اما اینجا یه تفاوت کوچیک بین اندروید و iOS وجود داره 👇

📱 اندروید

در اندروید باید از ?body= استفاده کنی:

<a href="sms:+989000000000?body=سلام، می‌خوام اطلاعات بیشتری بگیرم">
  ارسال پیامک
</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

🍏 iPhone / iOS

در آیفون ساختار کمی فرق داره و باید از &body= استفاده بشه:

<a href="sms:+989000000000&body=سلام، می‌خوام اطلاعات بیشتری بگیرم">
  ارسال پیامک
</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

📧 لینک ارسال ایمیل (Mailto Link)

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

ساختار پایه این لینک خیلی ساده‌ست:

<a href="mailto:info@example.com">ارسال ایمیل</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

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

⚙️ پارامترهای کاربردی mailto:

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

🚀 نمونه کامل لینک ایمیل

مثلاً فرض کن می‌خوای کاربر با کلیک روی دکمه، یه ایمیل آماده با موضوع و متن مشخص برات ارسال کنه:

<a href="mailto:info@example.com?subject=درخواست مشاوره&body=سلام، می‌خوام اطلاعات بیشتری درباره خدمات شما بگیرم">
  📧 ارسال ایمیل
</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

در این حالت وقتی کاربر روی لینک کلیک کنه:

• برنامه ایمیل باز میشه
• آدرس گیرنده پر شده
• موضوع ایمیل آماده‌ست
• متن اولیه هم داخل ایمیل قرار گرفته

و کاربر فقط کافیه دکمه ارسال رو بزنه 👌

📌 استفاده حرفه‌ای از Mailto

لینک ایمیل معمولاً برای این بخش‌ها خیلی کاربردیه:

• صفحه تماس با ما
• بخش پشتیبانی
• فرم درخواست همکاری
• صفحات خدمات B2B
• امضای ایمیل و فوتر سایت

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

✈️ لینک ارسال پیام به تلگرام

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

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

ساختار پایه لینک تلگرام به این صورته:

<a href="https://t.me/username">تلگرام ما</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

کافیه به‌جای username آیدی تلگرام خودت رو قرار بدی.

مثال واقعی:

<a href="https://t.me/rayawpir">
  ✈️ پشتیبانی تلگرام
</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

📌 بهترین جاها برای قرار دادن لینک تلگرام

لینک تلگرام معمولاً توی این بخش‌ها عملکرد خیلی خوبی داره:

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

چون کاربر مستقیم وارد چت میشه، احتمال اینکه سریع‌تر سوال بپرسه یا خریدش رو نهایی کنه خیلی بیشتره 🔥

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

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

واتساپ برای این کار یه لینک اختصاصی به اسم wa.me ارائه کرده که با کلیک روی اون، کاربر مستقیم وارد چت واتساپ با شماره موردنظر میشه.

ساختار پایه لینک واتساپ به این شکله:

<a href="https://wa.me/989000000000">واتساپ</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

📌 فرمت صحیح شماره در واتساپ

توی لینک واتساپ باید شماره رو با کد کشور وارد کنی، اما بدون علامت +، فاصله یا صفر اول شماره.

مثال صحیح برای ایران:

989123456789

و نه این‌ها ❌

+989123456789
09123456789
98 912 345 6789

✍️ ارسال پیام آماده در واتساپ

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

مثال:

<a href="https://wa.me/989000000000?text=سلام%20می‌خوام%20اطلاعات%20بیشتری%20بگیرم">
  💬 واتساپ ما
</a>

 ____                      __        __ ____  
|  _ \  __ _ _   _  __ _   \ \      / /|  _ \ 
| |_) |/ _` | | | |/ _` |   \ \ /\ / / | |_) |
|  _ <| (_| | |_| | (_| |    \ V  V /  |  __/ 
|_| \_\\__,_|\__, |\__,_|     \_/\_/   |_|    
             |___/                            

       [🔒 Code Locked - Please Login to Access]

در این حالت وقتی کاربر روی لینک کلیک کنه:

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

و کاربر فقط باید دکمه ارسال رو بزنه 👌

⚠️ نکته مهم درباره متن لینک

داخل URL نمی‌تونی فاصله عادی استفاده کنی؛ برای همین فاصله‌ها باید به %20 تبدیل بشن. به این فرمت اصطلاحاً URL Encoding گفته میشه.

مثلاً این متن:

سلام می‌خوام اطلاعات بیشتری بگیرم

به این شکل داخل لینک قرار می‌گیره:

سلام%20می‌خوام%20اطلاعات%20بیشتری%20بگیرم

📍 بهترین جاها برای قرار دادن لینک واتساپ

لینک واتساپ معمولاً بیشترین بازدهی رو توی این بخش‌ها داره:

• دکمه شناور کنار سایت
• صفحه محصول
• صفحه خدمات
• هدر موبایل
• صفحه تماس با ما
• پاپ‌آپ پیشنهاد ویژه

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

چطور این کدها رو توی وردپرس اضافه کنیم؟ ⚙️

سه روش ساده داری:

روش ۱ — ویرایشگر بلوک (گوتنبرگ)

۱. وارد صفحه یا پست مورد نظر بشو

۲. یه بلوک جدید اضافه کن

۳. تایپ کن /html و بلوک Custom HTML رو انتخاب کن

۴. کد رو پیست کن

۵. ذخیره کن

روش ۲ — ویجت در سایدبار یا فوتر

۱. برو به نمایش ← ویجت‌ها

۲. ویجت Custom HTML رو به محل مورد نظر اضافه کن

۳. کدت رو پیست کن

۴. ذخیره

روش ۳ — از طریق تم (functions.php یا Template)

اگه می‌خوای کد رو مستقیم توی هدر یا فوتر تم بذاری، فایل header.php یا footer.php تمت رو ویرایش کن و کد رو در محل مناسب قرار بده.

هشدار: قبل از ویرایش فایل‌های تم، حتماً یه بکاپ بگیر!

نکات سئو و UX برای لینک‌های تماس 🎯

چند نکته که معمولاً نادیده گرفته میشن:

از نظر UX:

• همیشه توی لینک تلفنی، شماره رو به فارسی یا به صورت خوانا بنویس
• اگه چند روش تماس داری، اولویت‌بندی کن — مهم‌ترین رو اول بذار
• برای موبایل از دکمه‌های بزرگ‌تر (حداقل ۴۴ پیکسل ارتفاع) استفاده کن
• رنگ دکمه رو با برند هر پیام‌رسان هماهنگ کن تا کاربر سریع‌تر تشخیص بده

از نظر سئو:

• برای لینک‌های تماس از rel="noopener noreferrer" روی لینک‌های خارجی (target="_blank") استفاده کن
• اطلاعات تماست رو با Schema Markup هم مشخص کن تا گوگل بهتر بشناسه
• اگه چند شعبه داری، یه صفحه جداگانه برای هر شعبه با اطلاعات تماس مجزا بساز

جدول مقایسه همه لینک‌های تماس 📊

🎯 جمع‌بندی

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

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

توی این مقاله یاد گرفتی چطور بدون نیاز به افزونه و فقط با چند خط کد HTML، لینک‌های تماس مختلف مثل:

• 📞 تماس تلفنی
• 💬 پیامک
• 📧 ایمیل
• 💚 واتساپ
• ✈️ تلگرام

رو داخل وردپرس یا هر سایت دیگه‌ای پیاده‌سازی کنی.

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

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