خراسان جنوبی - بیرجند
حد فاصل میدان ابوذر و طالقانی یک
تلفن ثابت :
056-32222900
تماس با ما :
ارسال تیکت

آموزش ساخت صفحه تماس با ما در وردپرس

آموزش ساخت صفحه تماس با ما در وردپرس

Learn how to build a contact page in WordPress

 

طراحی صفحه تماس با ما 1030x326 آموزش ساخت صفحه تماس با ما در وردپرس

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

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

آموزش ساخت صفحه تماس با ما در وردپرس

افزونه‌ای که برای ساخت صفحه ارتباط با ما در وردپرس قصد معرفی اونو دارم با عنوان Contact Form 7 در مخزن وردپرس به ثبت رسیده که یکی از محبوب‌ترین افزونه‌های وردپرس در زمینه ساخت انواع فرم در وردپرس هستش که با استفاده از اون میتونید انواع فرم در وردپرس ایجاد کرده و هر نوع فیلد را در اون ایجاد کنید تا امکان دریافت تماس در وردپرس را فراهم کنید.این افزونه تا به امروز موفق شده بیش از 5 میلیون نصب فعال و کسب امتیاز 4.5 را ازآن خودش بکنه که با استفاده از اون میتونید اقدام به ساخت برگه تماس با ما در وردپرس بکنید. برای استفاده از این افزونه ابتدا روی اینجا کلیک کنید تا به صفحه افزونه در مخزن وردپرس هدایت شده و سپس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی افزونه در سایت خودتون بکنید.

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

72 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

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

73 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

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

74 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

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

75 آموزش ساخت صفحه تماس با ما در وردپرس

76 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

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

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

موضوع: این گزینه هم نشانگر موضوع ایمیل خواهد بود که در اون ابتدا نام سایت شما ذکر شده و سپس برچسب مربوط به موضوع آورده شده که در موضوع چیزی که کاربر هنگام پر کردن ایمیل وارد کرده نمایش داده خواهد شد.

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

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

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

77 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

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

78 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

اگر به زبان‌های html و css هم تسط دارید میتونید از این بخش تنظیمات اضافی برای نمایش فرم در وردپرس و تعریف استایل را وارد کنید تا فرم تماس وردپرس با استایل دلخواه شما نمایش داده شود. در نهایت روی دکمه به‌روزرسانی فرم کلیک کرده و به منوی فرم تماس در پیشخوان وردپرس برگردید.

79 آموزش ساخت صفحه تماس با ما در وردپرس

 

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

80 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

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

81 copy آموزش ساخت صفحه تماس با ما در وردپرس

 

امیدوارم این آموزش هم مورد توجه و پسند شما قرار گرفته باشه و با استفاده از اون تونسته باشید تا نسبت به ساخته فرم تماس با ما در وردپرس اقدام کنید.

به این مقاله چند ستاره میدین ؟
[تعداد: 0    میانگین: 0/5]

دیدگاهتان را بنویسید