آموزشها
قالبها
افزونهها
آکادمی
هاست وردپرس
طراحی سایت
تولزینا
فرمان۱۲ روش پیشنهادی برای طراحی صفحه تماس با ما
- بلاگ
- بروزرسانی شده در
صفحه تماس با ما فقط جایی برای نمایش شماره تلفن و یک فرم ساده نیست. این صفحه باید به کاربر بگه برای چه موضوعی میتونه با شما تماس بگیره، چه اطلاعاتی باید بفرسته و تقریبا چه زمانی جواب میگیره. اگه این مسیر روشن نباشه، بعضی از کاربران فرم رو نیمهکاره رها میکنن یا درخواستشون رو از راه اشتباهی میفرستن.
در این راهنما اول مسیر کلی ساخت صفحه تماس رو در وردپرس میبینیم و بعد ۱۲ روش کاربردی برای بهترکردن فرم، تحویل ایمیل، پاسخگویی، امنیت و نمایش صفحه در موبایل رو بررسی میکنیم. در پایان هم یک چکلیست دارید تا قبل از انتشار، همهچیز رو مرحلهبهمرحله آزمایش کنید.
آنچه در این مقاله میخوانید
چرا طراحی صفحه تماس با ما روی اعتماد و تعداد پیامها اثر میذاره؟
وقتی کاربر سؤال، مشکل یا پیشنهاد خرید داره، صفحه تماس یکی از مستقیمترین مسیرهای ارتباط با کسبوکارتونه. یک صفحه مرتب و روشن به کاربر نشون میده پیامش کجا میره و برای گرفتن جواب باید چه کاری انجام بده. همین شفافیت حس بلاتکلیفی رو کمتر میکنه.
کاربر از یک صفحه تماس خوب انتظار داره راه ارتباط مناسب رو سریع پیدا کنه، فرم کوتاهی ببینه و بدونه جوابش از چه مسیری میاد. نمایش ساعت کاری، زمان تقریبی پاسخ و موضوعهایی که پشتیبانی میکنید هم جلوی خیلی از پیامهای ناقص یا تکراری رو میگیره.
قبل از طراحی صفحه تماس با ما چه چیزهایی رو آماده کنید؟
قبل از بازکردن ویرایشگر وردپرس، هدف صفحه رو مشخص کنید. آیا بیشتر پیامها درباره پشتیبانی محصول هستن، درخواست مشاوره دارن یا برای همکاری و فروش فرستاده میشن؟ جواب این سؤال تعیین میکنه چه فیلدهایی لازم دارید و هر پیام باید به دست چه کسی برسه.
- هدف صفحه: نوع درخواستهایی رو بنویسید که واقعا از این صفحه پیگیری میکنید.
- اطلاعات تماس: ایمیل، شماره تلفن، ساعت کاری و نشانی لازم رو آماده کنید.
- مسئول پاسخگویی: مشخص کنید پیامهای فروش، پشتیبانی و همکاری به دست چه کسی میرسن.
- محل نگهداری پیامها: تصمیم بگیرید پیامها فقط ایمیل بشن یا یک نسخه از اونها داخل وردپرس هم ذخیره بشه.
- زمان پاسخ: یک بازه واقعی انتخاب کنید که تیم شما معمولا میتونه به اون پایبند بمونه.
چطور در وردپرس صفحه تماس با ما بسازید؟
یک افزونه فرمساز مناسب انتخاب کنید
وردپرس بهصورت پیشفرض فرم تماس کاملی نداره، پس معمولا به یک افزونه فرمساز نیاز دارید. افزونه رو فقط براساس ظاهر یا تعداد قالبهای آماده انتخاب نکنید. اول بررسی کنید امکانات موردنیاز شما رو داره و هنوز پشتیبانی و بهروزرسانی میشه.
- بررسی کنید آیا پیامها رو داخل پیشخوان وردپرس ذخیره میکنه تا فقط به ایمیل وابسته نباشید. این قابلیت در همه افزونهها یا نسخههای رایگان اونها در دسترس نیست.
- ابزار ضداسپم داره و میتونه پیامهای خودکار مزاحم رو کمتر کنه.
- با ایمیل و SMTP سازگاره. SMTP روشی برای فرستادن ایمیل از راه یک سرویس ایمیل مشخص و قابلپیگیریتره، ولی رسیدن همه پیامها به صندوق ورودی رو تضمین نمیکنه.
- پیام تأیید بعد از ارسال فرم رو قابل ویرایش میکنه.
- اگه فرم طولانی لازم دارید، امکان ساخت فرم چندمرحلهای و فیلدهای شرطی رو داره.
- خطاها رو واضح و نزدیک فیلد مربوط نشون میده.
اگه تازه کار با وردپرس رو شروع کردید، راهنمای آموزش رایگان وردپرس کمک میکنه با پیشخوان، برگهها و افزونهها آشنا بشید.
صفحه رو بسازید و فرم رو داخلش بذارید
بعد از نصب افزونه، وارد بخش فرمهای همون افزونه بشید و یک فرم تازه بسازید. فیلدهای لازم، ایمیل گیرنده و متن پیام تأیید رو تنظیم کنید و تغییرات رو ذخیره کنید. جای دقیق این گزینهها در هر افزونه فرق داره، پس راهنمای رسمی افزونهای رو که انتخاب کردید هم ببینید.
حالا از پیشخوان وردپرس وارد «برگهها» بشید و روی «افزودن برگه تازه» کلیک کنید. عنوان برگه رو «تماس با ما» بذارید. بعد بلوک فرم رو جستوجو کنید و داخل صفحه بذارید. اگه افزونه بلوک نداره، کد کوتاهی رو که بعد از ذخیره فرم نشون میده کپی کنید و داخل بلوک «کد کوتاه» بذارید. کد کوتاه یک تکه متن کوتاه داخل کروشه هست که افزونه با کمک اون فرم رو نمایش میده.
بالای فرم، یک توضیح کوتاه درباره موضوعهای قابل پیگیری و زمان پاسخ بنویسید. پایین یا کنار فرم هم راههای ارتباطی جایگزین رو بذارید. قبل از انتشار، پیشنمایش صفحه رو در کامپیوتر و موبایل ببینید.
۱۲ روش پیشنهادی برای طراحی صفحه تماس با ما
۱. فرم تماس رو قبل از انتشار کامل آزمایش کنید
دیدن فرم روی صفحه به این معنی نیست که ارسال پیام هم درست کار میکنه. فرم رو مثل یک کاربر واقعی پر کنید و یک پیام آزمایشی بفرستید. بعد صندوق ورودی، پوشه اسپم و بخش پیامهای ذخیرهشده در وردپرس رو بررسی کنید.
اگه ایمیل نمیرسه، تنظیمات فرستنده و گیرنده رو دوباره ببینید و ارسال ایمیل سایت رو با SMTP راهاندازی کنید. راهاندازی درست SMTP معمولا ارسال ایمیل رو قابلاعتمادتر میکنه، ولی تحویل نهایی به تنظیمات دامنه، سرویس ایمیل و فیلترهای مقصد هم بستگی داره. بهتره پیامها داخل وردپرس هم ذخیره بشن تا در صورت مشکل ایمیل، درخواست کاربر از دست نره؛ البته اول مطمئن بشید افزونه منتخب این قابلیت رو داره.
۲. فقط فیلدهای ضروری رو از کاربر بخواید
برای بیشتر فرمهای تماس، نام، یک راه ارتباطی و متن پیام کافیه. اگه شماره سفارش، بودجه یا نام شرکت فقط برای بعضی درخواستها لازمه، اون فیلدها رو بعد از انتخاب موضوع مرتبط نمایش بدید. به این قابلیت «فیلد شرطی» میگن؛ یعنی یک سؤال فقط وقتی دیده میشه که جواب قبلی به اون مربوط باشه.
فرم کوتاه همیشه برنده نیست و فرم چندمرحلهای هم همیشه نتیجه بدی نداره. انتخاب مناسب به نوع درخواست بستگی داره. نرخ تکمیل، یعنی درصد افرادی که فرم رو شروع میکنن و تا آخر میفرستن، برای هر نسخه بررسی کنید. بعد ببینید کاربران کدوم فرم رو بیشتر تا انتها میفرستن.
۳. روشن بگید کاربران برای چه موضوعاتی میتونن پیام بدن
بالای فرم چند نمونه مشخص بنویسید؛ مثلا «سؤال قبل از خرید»، «پیگیری سفارش»، «گزارش مشکل فنی» یا «پیشنهاد همکاری». این مثالها به کاربر کمک میکنن سریع بفهمه جای درستی اومده.
اگه بعضی موضوعها مسیر جداگانه دارن، همونجا توضیح بدید. مثلا برای پیگیری سفارش میتونید کاربر رو به حساب کاربری بفرستید و برای گزارش مشکل ازش بخواید اطلاعات لازم رو در فرم پشتیبانی وارد کنه. لینک مقصد باید مستقیم و واضح باشه.
۴. زمان تقریبی و روش پاسخگویی رو مشخص کنید
عبارتهایی مثل «بهزودی پاسخ میدیم» خیلی مبهم هستن. ساعت کاری و یک بازه واقعی بنویسید؛ مثلا «پیامها شنبه تا چهارشنبه بررسی میشن و معمولا تا یک روز کاری جواب میگیرن». فقط زمانی چنین قولی بدید که تیم شما بتونه انجامش بده.
مشخص کنید پاسخ از راه ایمیل، تماس تلفنی یا پنل کاربری میاد. اگه درخواست فوری مسیر متفاوتی داره، شماره یا لینک همون مسیر رو کنار توضیح قرار بدید.
۵. راههای ارتباطی جایگزین بذارید
همه کاربران فرم رو ترجیح نمیدن. شماره تلفن، ایمیل یا پیامرسان فعال کسبوکارتون رو هم نمایش بدید و جلوی هر مورد بنویسید برای چه کاری مناسبه. مثلا تلفن برای مشاوره فروش و فرم برای فرستادن جزئیات یک مشکل انتخاب بهتریه.
برای کاربران موبایل میتونید شماره رو قابل لمس کنید تا تماس مستقیم شروع بشه. راهنمای افزودن دکمه تماس تلفنی به سایت وردپرس مراحل این کار رو توضیح میده.
۶. لینک شبکههای اجتماعی فعال رو اضافه کنید
فقط شبکههایی رو نمایش بدید که هنوز فعال هستن و پیامهاشون بررسی میشن. نام کاربری و لینک هر شبکه رو قبل از انتشار آزمایش کنید. اگه یک شبکه برای پیام خصوصی مناسبه، این موضوع رو کنار لینک بنویسید.
شبکه اجتماعی نباید تنها راه تماس باشه، چون ممکنه بعضی کاربران در اون حساب نداشته باشن. فرم یا ایمیل رو هم بهعنوان یک مسیر در دسترس نگه دارید.
۷. آدرس، ساعت حضور و اطلاعات شعبهها رو شفاف بنویسید
اگه مراجعه حضوری دارید، نشانی کامل، ساعت حضور و شماره تماس همون محل رو بنویسید. برای چند شعبه، اطلاعات هر شعبه رو جدا کنید تا شماره یا ساعتها با هم قاطی نشن.
اگه مراجعه فقط با هماهنگی قبلی انجام میشه، حتما این نکته رو نزدیک آدرس بذارید. برای پیدا کردن راحتتر محل هم میتونید لینک مسیریابی اضافه کنید، ولی نشانی متنی رو حذف نکنید.
۸. جواب سؤالهای پرتکرار رو در دسترس بذارید
اگه بخش زیادی از پیامها درباره ساعت کاری، روش خرید، مرجوعی یا زمان پاسخ هستن، جواب کوتاه اونها رو نزدیک فرم قرار بدید. برای توضیحهای طولانیتر به راهنما، قوانین یا صفحه پشتیبانی مرتبط لینک بدید.
این بخش نباید صفحه رو شلوغ کنه. چند سؤال واقعا پرتکرار رو انتخاب کنید و بقیه رو در صفحه راهنمای جداگانه توضیح بدید.
۹. پیام تأیید بعد از ارسال فرم رو کاربردی کنید
بعد از ارسال موفق، فقط عبارت «پیام شما ارسال شد» رو نشون ندید. به کاربر بگید پیام ثبت شده، جواب تقریبا چه زمانی میاد و برای پیگیری باید چه کاری انجام بده. اگه سیستم شما شماره پیگیری میسازه، اون رو در صفحه و ایمیل تأیید نمایش بدید.
پیام تأیید باید فقط بعد از ثبت موفق دیده بشه. اگه ارسال ناموفق بود، خطای روشن نمایش بدید و اطلاعاتی رو که کاربر وارد کرده بیدلیل پاک نکنید.
۱۰. عضویت در خبرنامه رو شفاف و اختیاری بذارید
ارسال فرم تماس به معنی رضایت برای دریافت خبرنامه نیست. اگه میخواید گزینه عضویت اضافه کنید، یک چکباکس جدا بذارید که بهصورت پیشفرض خاموش باشه. کنار اون هم خیلی کوتاه توضیح بدید چه پیامهایی و با چه موضوعی فرستاده میشن.
لینک سیاست حریم خصوصی رو هم نزدیک این گزینه قرار بدید. قوانین رضایت، حریم خصوصی و پیامهای تبلیغاتی با توجه به کشور، محل کاربران و نوع فعالیت فرق دارن. پس قبل از انتشار، این بخش رو با قوانین محل فعالیت کسبوکارتون یا یک مشاور حقوقی آشنا با همون قوانین بررسی کنید.
۱۱. آدمهای پشت کسبوکارتون رو معرفی کنید
یک معرفی کوتاه از تیم پاسخگویی میتونه صفحه رو انسانیتر کنه. لازم نیست اطلاعات شخصی زیادی منتشر کنید. نام کوچک، نقش هر نفر و نوع درخواستهایی که پیگیری میکنه کافیه.
اگه تیم بزرگی ندارید، یک جمله ساده مثل «پیامهای پشتیبانی به دست تیم فنی میرسن» هم مسیر رو روشن میکنه. اطلاعاتی بنویسید که واقعا به انتخاب راه تماس کمک کنه.
۱۲. ظاهر صفحه رو ساده، هماهنگ و مناسب موبایل نگه دارید
فرم باید با ظاهر سایتتون هماهنگ باشه، ولی خوانایی و راحتی استفاده اولویت بالاتری دارن. دکمه ارسال رو واضح بذارید، بین فیلدها فاصله کافی بدید و عنوان هر فیلد رو همیشه قابلدیدن نگه دارید.
خطای هر فیلد باید کنار همون فیلد دیده بشه و با یک جمله ساده مشکل رو توضیح بده؛ مثلا «لطفا یک ایمیل معتبر وارد کنید». فرم رو با صفحهکلید هم آزمایش کنید تا کاربر بدون ماوس بتونه بین فیلدها حرکت کنه و دکمه ارسال رو بزنه.
در موبایل مطمئن بشید نوشتهها، فیلدها و دکمهها بدون بزرگنمایی قابل استفاده هستن. اگه برای چیدمان صفحه به ابزار بیشتری نیاز دارید، مقایسه افزونههای صفحهساز وردپرس میتونه برای انتخاب ابزار مناسب کمکتون کنه.
امنیت و حریم خصوصی فرم تماس رو چطور رعایت کنید؟
هر اطلاعاتی که جمع میکنید، مسئولیت نگهداری هم داره. فقط دادههایی رو بگیرید که برای جوابدادن به درخواست لازم هستن. کنار فیلدهای غیرمعمول هم کوتاه توضیح بدید چرا به اون اطلاعات نیاز دارید.
- فرم و صفحه رو با اتصال امن HTTPS ارائه کنید.
- از امکانات ضداسپم فرمساز استفاده کنید، ولی کاری نکنید که حل آزمونهای سخت برای کاربران واقعی دردسر بشه.
- دسترسی به پیامهای ذخیرهشده رو فقط به افراد مسئول بدید.
- با توجه به نیاز کسبوکارتون و قوانین محل فعالیت مشخص کنید پیامها چه مدتی نگهداری میشن و پیامهای قدیمی چطور حذف میشن.
- افزونه فرمساز و وردپرس رو بهروز نگه دارید.
- اطلاعات محرمانه مثل رمز عبور یا مشخصات کامل کارت بانکی رو با فرم تماس درخواست نکنید.
سیاست حریم خصوصی باید با اطلاعاتی که فرم واقعا جمع میکنه هماهنگ باشه. اگه فرم به سرویس ایمیل، سامانه پشتیبانی یا ابزار ضداسپم وصل میشه، بررسی کنید اون سرویسها اطلاعات رو چطور دریافت، استفاده، نگهداری و حذف میکنن. جزئیات لازم و مدت نگهداری اطلاعات رو هم براساس قوانین محل فعالیتتون تعیین کنید؛ این توصیهها جای مشاوره حقوقی مخصوص کسبوکارتون رو نمیگیرن.
اشتباههای رایج در طراحی صفحه تماس با ما
- فرم طولانی و مبهم: کاربر نمیفهمه چرا باید اینهمه اطلاعات وارد کنه.
- فیلدهای اجباری غیرضروری: درخواست شماره تلفن یا نام شرکت برای یک سؤال ساده، فرستادن فرم رو سختتر میکنه.
- پیام خطای نامفهوم: عبارتهایی مثل «خطایی رخ داد» راه اصلاح مشکل رو نشون نمیدن.
- زمان پاسخ نامشخص: کاربر نمیدونه باید منتظر بمونه یا از راه دیگهای پیگیری کنه.
- عضویت خودکار در خبرنامه: رضایت تماس رو با رضایت دریافت پیام تبلیغاتی یکی در نظر میگیره.
- وابستگی کامل به ایمیل: با بروز مشکل در تحویل ایمیل، ممکنه پیامها دیده نشن.
- اطلاعات قدیمی: شماره اشتباه، ساعت کاری نادرست یا لینک خراب اعتماد کاربر رو کم میکنه.
- طراحی نامناسب موبایل: فیلدهای کوچک یا دکمه خارج از صفحه، تکمیل فرم رو سخت میکنن.
بعد از انتشار هم رفتار کاربران رو بررسی کنید. اگه تعداد زیادی فرم نیمهکاره میمونه یا کاربران روی یک بخش گیر میکنن، راهنمای بررسی رفتار کاربران و شمارش کلیکها در وردپرس برای پیدا کردن مشکل به کارتون میاد.
چکلیست نهایی قبل از انتشار صفحه تماس با ما
- فرم رو با اطلاعات درست پر کنید و یک پیام آزمایشی بفرستید.
- فرم رو با خالیگذاشتن فیلدهای ضروری و واردکردن یک نشانی ایمیل با قالب نامعتبر هم آزمایش کنید.
- صندوق ورودی، پوشه اسپم و پیام ذخیرهشده داخل وردپرس رو ببینید.
- صفحه رو در موبایل و کامپیوتر بررسی کنید.
- با صفحهکلید بین فیلدها حرکت کنید و فرم رو بفرستید.
- متن پیام تأیید و همه پیامهای خطا رو بخونید.
- شماره تلفن، ایمیل، نشانی و ساعت کاری رو دوباره کنترل کنید.
- لینک شبکههای اجتماعی و صفحه حریم خصوصی رو باز کنید.
- مطمئن بشید چکباکس خبرنامه از قبل فعال نیست.
- بعد از انتشار، تعداد فرمهای شروعشده و ارسالشده رو مقایسه کنید تا بفهمید چند درصد از کاربران فرم رو کامل میکنن.
سؤالهای متداول درباره طراحی صفحه تماس با ما
صفحه تماس با ما باید چه اطلاعاتی داشته باشه؟
بهتره راههای تماس فعال، موضوعهای قابل پیگیری، ساعت کاری، زمان تقریبی پاسخ و یک فرم ساده رو بذارید. اگه مراجعه حضوری دارید، نشانی و شرایط مراجعه رو هم روشن بنویسید.
برای فرم تماس چه فیلدهایی ضروری هستن؟
برای بیشتر سایتها نام، ایمیل یا شماره تماس و متن پیام کافیه. فقط وقتی اطلاعات بیشتری بخواید که برای بررسی همون درخواست واقعا لازم باشه.
چرا پیامهای فرم تماس به ایمیل نمیرسن؟
تنظیم اشتباه فرستنده یا گیرنده، مشکل ارسال ایمیل سایت و رفتن پیام به پوشه اسپم از دلیلهای رایج هستن. یک پیام آزمایشی بفرستید، پوشه اسپم رو ببینید و در صورت نیاز SMTP رو راهاندازی کنید. SMTP معمولا ارسال رو قابلاعتمادتر میکنه، ولی رسیدن همه ایمیلها رو تضمین نمیکنه. اگه افزونه این قابلیت رو داره، بهتره یک نسخه از پیامها داخل وردپرس هم ذخیره بشه.
فرم کوتاه بهتره یا چندمرحلهای؟
جواب یکسانی برای همه سایتها نداریم. فرم کوتاه برای درخواستهای ساده مناسبه، ولی یک فرم طولانی ممکنه با تقسیم درست به چند مرحله راحتتر بشه. هر دو مدل رو آزمایش کنید و ببینید کاربران کدومیکی رو بیشتر تا آخر میفرستن.
چطور جلوی پیامهای اسپم رو بگیرید؟
از امکانات ضداسپم فرمساز، محدودکردن ارسالهای تکراری و روشهای تشخیص پیام خودکار استفاده کنید. افزونهها رو هم بهروز نگه دارید و پوشه پیامهای اسپم رو گاهی بررسی کنید تا پیام واقعی اشتباهی حذف نشه.
جمعبندی
یک طراحی خوب برای صفحه تماس با ما باید کار کاربر و تیم شما رو همزمان راحتتر کنه. با فرم کوتاه، توضیح روشن، ذخیره پیامها در صورت پشتیبانی افزونه، پاسخگویی قابل پیشبینی و آزمایش منظم میتونید صفحهای بسازید که فقط زیبا نیست و واقعا به ارتباط بهتر کمک میکنه.
سلام از نظر شما بهترین افزونه برای فرم تماس با ما کدومه؟ و اینکه بهتره از افزونه استفاده کنیم یا نه؟
خیلی عالی اموزنده بهتر است از ایده های شرکت های موفق در زمینه صفحات تماس با ما هم نام برده شود یا نمونه هایی از ان ها را بیاورید ولی درکل عالی بود
درود سپاس بله حتما
سلام مورد 12 خط اول د ر با هم فاصله افتاده است.
لطفا تصحیح کنید
تشکر
شایان