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

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

چرا باید فرم تماس رو همه‌جا بذاریم؟

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

۴ مرحله فروش اینترنتی

کلاً فروش اینترنتی چهار تا مرحله داره که خوبه همیشه یادتون باشه:

اول اینکه سایتتون رو راه بندازید. دوم اینکه بازدیدکننده جذب کنید. سوم (که مرحله‌ی حساسه) اینکه اون بازدیدکننده رو تبدیل به خریدار کنید. و چهارم اینکه هر روز بشینید و کارهای مرحله‌های قبل رو بهتر کنید. این مرحله چهارم تمومی هم نداره؛ همیشه باید یه گوشه‌ای از سایتتون رو بهتر کنید.

کاری که الان داریم می‌کنیم، دقیقاً می‌خوره به همون مرحله‌ی سوم و چهارم.

تبدیل خواننده‌ی مقاله به مشتری

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

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

ساخت فرم در وردپرس

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

نصب افزونه فرم‌ساز

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

WPForms یا Contact Form 7

من خودم WPForms رو پیشنهاد می‌کنم. یه پلاگین حسابیه که بالای ۵ میلیون نصب داره و پنل کاربریش هم واقعاً تمیز و راحته. Contact Form 7 هم هست و بد نیست، ولی پنلش اونقدرها دوست‌داشتنی نیست و یه‌کم باید باهاش کلنجار برید. پس بریم با WPForms جلو.

ساخت فرم با افزونه WPForms

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

از منو وارد بخش WPForms بشید، برید تو All Forms و روی Create Your Form بزنید. یه اسم براش بذارید — مثلاً Contact.

انتخاب قالب فرم

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

یه توصیه‌ی دوستانه: فیلد توضیحات رو الزامی نکنید، چون فقط کاربر رو اذیت می‌کنه.

تنظیمات فرم

حالا برید تو قسمت تنظیمات فرم، اینجا کلی چیز رو می‌تونید به سلیقه‌ی خودتون عوض کنید:

• تو فیلد نام فرم می‌تونید به‌جای اون متن پیش‌فرض بنویسید «با من تماس بگیرید».

• تو قسمت تاییدیه‌ها هم یه پیام قشنگ بذارید، مثلاً: «ممنون که با ما در ارتباط هستید؛ به‌زودی باهاتون تماس می‌گیریم.»

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

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

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

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

ساخت چایلد تم قالب (Child Theme)

من قالبی که دارم باهاش کار می‌کنم قالب اهورائه، ولی روش کلیش برای همه‌ی قالب‌ها یکیه.

اول یه هشدار مهم

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

چایلد تم چیست؟

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

نصب چایلد تم در قالب اهورا

تو اهورا کار خیلی راحته. وارد «نصب‌کننده‌ی جادویی» بشید، «شروع کنید» رو بزنید، بعد تو قسمت چایلد تم روی «شروع کنیم» کلیک کنید. خودش براتون نصب و فعالش می‌کنه. حالا اگه برگردید به پیشخوان و برید قسمت «نمایش»، می‌بینید چایلد تم اضافه شده. (البته ما در نسخه جدید اهورا یک زیر منو به نام چایلد تم به منوهای قالب اضافه کردیم) راستش این قابلیت تو خیلی کم از قالب‌ها هست و ما خواستیم دست همه‌ی کاربرا رو تو حنا نذاریم و راحتشون کنیم. 🙂

از این به بعد هر تغییری بدید، رو همین چایلد تم اعمال می‌شه.

نصب افزونه File Manager

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

پیدا کردن و ویرایش فایل‌ها

بعد از نصب File Manager، وارد مدیریت فایل بشید و این مسیر رو برید:

wp-content ← پوشه‌ی themes ← پوشه‌ی ahura-child

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

بعد بیاید تو ahura-child، رو فایلی که ساختید راست‌کلیک کنید و Code Editor رو بزنید. حالا قبل از اینکه کورکورانه Paste کنید، یه پیشنهاد دارم: کدها رو اول ببرید تو یه نرم‌افزار مثل VS Code یا هر ادیتوری که PHP رو تمیز نشونتون می‌ده. اونجا راحت‌تر می‌بینید دارید چیکار می‌کنید، تغییرتون رو می‌دید، بعد برمی‌گردید اینجا Paste می‌کنید و ذخیره.

نمایش فرم تماس در تمام صفحات با یه خط کد

خب رسیدیم به قسمت اصلی ماجرا، که راستش خیلی هم کوتاهه.

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

echo do_shortcode('[شورت‌کد فرم WPForms رو اینجا بذارید]');

یعنی داخل اون پرانتز، همون شورت‌کدی که WPForms بهتون داده بود رو می‌ذارید. همین. حالا همه‌ی کدها رو کپی کنید، برگردید تو File Manager، بذاریدشون تو همون فایلی که قبلاً ساختید و ذخیره کنید.

حالا برید یه مقاله رو باز کنید. می‌بینید که ته همه‌ی مقاله‌ها فرم «تماس با ما» نشسته و کاربر می‌تونه راحت باهاتون در ارتباط باشه. تمام. 🙂

نکته‌ی مهم

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

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

سخن پایانی

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

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

موفق باشید. 🙂

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

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