بازگشت به بلاگ
واتساپ
۷ دقیقه

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

لینک ساده، کد HTML یا ویجت شناور؟ هر کدام برای نوع خاصی از سایت جواب می‌دهد. این راهنما هر سه مسیر را قدم‌به‌قدم مقایسه می‌کند تا مسیر مناسب سایتت را انتخاب کنی.

کلمه اصلی: اضافه کردن واتساپ به سایتگذاشتن دکمه واتساپ در سایتکد دکمه واتساپ برای سایت
راهنمای اجرایی

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

ساخت ویجت واتساپ

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

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

سه روش اضافه کردن واتساپ به سایت در یک نگاه

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

جدول زیر تصویر کلی سه روش را نشان می‌دهد. جزئیات هر کدام را در بخش‌های بعدی باز می‌کنیم.

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

روش اول: ساخت لینک مستقیم wa.me

ساده‌ترین نقطه شروع، لینک مستقیم واتساپ است. کافی است شماره را با کد کشور و بدون صفر اول پشت آدرس wa.me بگذاری. برای شماره ایرانی ۰۹۱۲۱۲۳۴۵۶۷ لینک به این شکل در می‌آید: wa.me/989121234567.

می‌توانی متن شروع گفتگو را هم داخل لینک بگنجانی تا کاربر با پیام آماده وارد چت شود. پارامتر text این کار را انجام می‌دهد: wa.me/989121234567?text=سلام. این لینک را هرجایی می‌شود گذاشت؛ از منوی سایت گرفته تا امضای ایمیل و بیو اینستاگرام.

  • شماره را حتما با فرمت بین‌المللی بنویس؛ ۹۸ به‌جای صفر اول.
  • متن پارامتر text را کوتاه نگه دار تا در همه دستگاه‌ها درست باز شود.
  • لینک را قبل از انتشار یک بار از موبایل و یک بار از دسکتاپ امتحان کن.

روش دوم: کد HTML دکمه واتساپ

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

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

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

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

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

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

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

  • وردپرس: بخش کدهای سفارشی قالب یا ابزار مدیریت اسکریپت؛ راهنمای کامل را در مقاله وردپرس نوشته‌ایم.
  • فروشگاه‌سازها مثل سازیتو: بخش تنظیمات کدهای اختصاصی یا اسکریپت سربرگ و پابرگ.
  • سایت اختصاصی: قرار دادن اسکریپت در فایل قالب اصلی، قبل از بسته شدن body.
  • صفحه‌سازهای لندینگ: بلوک کد سفارشی همان صفحه، اگر فقط یک صفحه هدف است.

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

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

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

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

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

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

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

چک‌لیست قبل از فعال کردن دکمه

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

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

کلیک‌ها را بشمار، نه حدس بزن

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

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

کدام روش برای تو مناسب است؟ جمع‌بندی

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

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

قدم بعدی

ساخت ویجت واتساپ

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

ساخت ویجت واتساپ

سوالات متداول

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

خیر. لینک wa.me و ویجت‌های اسکریپتی روی هر سایتی بدون افزونه کار می‌کنند؛ فقط یک لینک یا یک کد کوتاه لازم است.

لینک wa.me برای شماره ایرانی چطور ساخته می‌شود؟

صفر اول شماره را بردار و ۹۸ را جایگزین کن. مثلا ۰۹۱۲۱۲۳۴۵۶۷ می‌شود wa.me/989121234567.

اگر کاربر واتساپ نداشته باشد چه اتفاقی می‌افتد؟

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

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

لینک ساده آماری ثبت نمی‌کند. برای شمارش کلیک باید از ویجتی استفاده کنی که آمار داخلی دارد یا رویداد کلیک را به ابزار آنالیتیکس بفرستد.

فرق ویجت واتساپ با گذاشتن لینک ساده چیست؟

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