امروز قصد داریم برای شما نحوه ساخت فرم تماس با ما در وردپرس را برایتان شرح دهیم.
طراحی یک فرم تماس با ما با استفاده از کد های پی اچ پی برای افراد مبتدی کمی سخت و دشوار است ما در این آموزش می خواهیم شما را با یک پلاگین ساخت فرم آشنا سازیم که از امکانات بالایی برخوردار است.
افزونه مد نظر ما Contact Form 7 هست , این افزونه کاملا رایگان است و در بازه های زمانی مختلف بسته بروز رسانی ( آپدیت ) برای آن منتشر می شود . برای دریافت افزونه از اینجا اقدام کنید.
برای نصب و فعال سازی افزونه از آموزش ( ) استفاده نمایید.
نحوه قراردن فرم در سایت :
پس از اینکه افزونه را نصب و فعال کردید , مطابق با تصویر زیر در منو سمت چپ مدیریت وردپرس یک گزینه بنام تماس اضافه خواهد شد , گزینه تماس را انتخاب نمایید.
در صفحه تماس از قسمت بالا ( کنار فرم تماس نسخه 7 ) گزینه جدید را انتخاب کنید.
مطابق با تصویر زیر در صفحه باز شده برای فرم خود یک نام انتخاب نمایید ( برای نمونه : ما در اینجا تماس با تهران هاست را انتخاب کرده ایم )
فیلدهای از پیش فرض افزونه ( نام نام خانوادگی – ایمیل و متن پیام ) می باشد که می توانید با استفاده از برچسب های عمومی امکانات دیگری چون منو بازشو – دکمه انتخابی – پذیریش – آپلود فایل – کد امنیتی و … ) نیز می توانید قرار دهید.
نکته : ایمیل پیش فرض افزونه برای ارسال پیام های ارسالی همان ایمیل مدیر سیستم می باشد که می توانید از گزینه پست الکترونیک ایمیل دیگری را جایگزین کنید. همچنین در این افزونه می توانید تنظیم کنید کدام قسمت از پیام های ارسالی به شما ارسال شود به عنوان مثال فقط متن پیام ارسال شود , نام و نام خانوادگی و موضوع و … نیاز نیست .
پس از انجام مراحل بالا به برگه ها رفته و یک برگه با نام دلخواه ( تماس با ما – ارتباط با ما و … ) ایجاد کنید.
سپس مطابق با تصویر زیر از داخل افزونه کد با زمینه قهوه ای رنگ را در برگه خود کپی کرده و ذخیره نمایید.
دمت گرماااا
یعنی خدایش دمت گرم
کار آمد ترین کاری که میشد بکنی همین بود که آموزش دادی
سلام
من این کد را نوشتم ودر پست قرار دادم ولی هیچ صفحه تماس با مایی بالا نمیاد فقط خود کد بالا میاد منظورم همون نوشته ی منه من باید چیکار کنم
سلام سافت عزیز
شما وقتی روی گزینه ذخیره فرم کلیک میکنید این تکه کد رو بهتون میده !
بعد کپیش کنید ، برید توی قسمت برگه مورد نظر ، اونجا Paste کنید
بعد برگه رو منتشر کنید ، مشاهده برگه رو بزنید ، فرم رو بهتون نشون میده!
سلام. منم مشکل کاربر بالایی رو دارم. عین راهنمایی شما عمل کردم. ولی حل نشد! لطفا راهنماییی. میتونید خودتون به برگه “تماس با ما” سایت سر بزنید.
مشکلم حل شد. فقط از کدام مورد از برچسب های عمومی جهت ایجاد فضایی جهت قرار دادن شماره تلفن و مابر و غیره استفاده کنم، مناسبتره؟ “فضای متنی” خیلی بزرگه و “فیلد متنی” خیلی کوچیک” !!!
عالی بود . 🙂
سلام دوست عزیز چجوری میتونم کنار هر نوشته یه عکس بذارم؟
دستت درد نکنه ممنون
خیلی مفید بود ممنون
دمتون گرم
بهترین فرمی که دنبالش میگشتم بود!
معرکست پسر !
چندین ماه دنبالش بودم !
مرسیییییییییییییی
سلام.خیلی ممنون از این کد بسیار زیبا.خسته نباشید.خیلی کارایی داره
مرسی واقعا. فقط من یه مشکلی دارم. همش ارسال ها ناموفق میشن. کسی می دونه باید چیکار کنم؟
سلام . آقا خیلی دستت درد نکنه. واقعا عالی و کاربردی و واضح هم توضیح دادید . مرسی و ممنونم
http://nikoseresht.net
سلام.توروخدا راهنماییم کنید.تمام کا های شما رو انجام دادم اما وقتی گزینه نمایش برگه رو میزنم صفحه اصلی سایتم باز میشه بدون هیچ فرمی.کد رو هم کپی میکنم اما نمیشه.در اصل 1سایت طراحی کردم و 1 صفحه تماس با ما داره اما این فرم contact7 نمیاد.جه کنم؟؟؟؟؟؟؟؟؟؟
اگر کد نهایی را در صفحه ای که با عنوان تماس با ما ساخته اید قرار دهید نباید مشکلی وجود داشته باشد
سلام ببخشید اگه کسی از طریق این فرم پیام بده از کجا مدیریت کنیم؟
اطلاعات فرم برای شما ایمیل می شود. بنابراین باید ایمیل خود را برسی کرده و برای پاسخ دهی به ایمیلی که در فرم دریافت کرده اید با ارسال یک ایمیل پاسخ دهید.
تشکر از این آموزش.
آیا این افزونه مشکل امنیتی نداره؟ با خیال راحت میشه ازش استفاده کرد؟ آخه به دیتابیس هم وصل میشه یعنی اگه مشکل داشته باشه سایت میره رو هوا..
همه ی افزونه های وردپرس ممکن است مشکل امنیتی داشته باشند. نکته اینجاست که همواره و سریعا بعد از آزاد شدن نسخه ی جدید باید آنها را برزو نمایید.
برای دانلود در ازای دریافت ایمیل هم افزونه معرفی کنید.
بهترین افزونه در این زمینه به نظر شما چیه؟