ساخت فرم های گوناگون با Form Craft Basic

form-builder-hamyarwp

آموزش کامل کار با افزونه ی فرم ساز  Form Craft Basic

سلام؛

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

افزونه ی فرم ساز  Form Craft Basic

form craft hamyarwp

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

ابتدا افزونه را بر روی سایت وردپرسی خود نصب و فعال نمایید. پس از آن افزونه با عنوان Formcraft basic در پیشخوان وردپرس ظاهر خواهد شد.

form craft basic hamyarwp

پس از وارد شدن به آن، با محیطی رو به رو می شوید که در آن گزینه ای با عنوان “Add field” مشاهده خواهید کرد، برای ایجاد یک فرم باید بر روی آن کلیک نمایید.

add field hamyarwp

سپس از منوی بالای صفحه که به رنگ آبی است، با کلیک بر روی گزینه ی “Add fields”، فیلدهای مورد نظری که میخواهید در یک فرم قرار گیرند را، انتخاب نمایید و اضافه کنید.

add fields hamyarwp

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

One line input>> یک خط ورودی که شما در این بخش می توانید فیلد نام و نام خانوادگی را قرار دهید.
Email input>> این فیلد برای ورود آدرس ایمیل می باشد.
Comment box>> این فیلد برای “فرم تماس با ما” یا “همکاری با ما” مناسب است زیرا کاربر می تواند در آن متنی را مبتنی بر نظر یا توضیحات بیشتر اضافه نماید.
Check boxes>> این فیلد نیز برای گزینه های اضافی مناسب است.
Date picker>> برای انتخاب و مشخص کردن تاریخ به کار می رود.
Custom text>> برای ورود متن سفارشی به کار می رود.
Submit>> دکمه ی قبول اطلاعات و ارسال فرم است.

بر روی گزینه ی اول یعنی “One line input” کلیک می کنیم تا فیلدی را برای “نام و نام خانوادگی” در نظر بگیریم. در تصویر زیر مشاهده می کنید که با اضافه شدن فیلد می توانید آن را به راحتی تنظیم کرده و عناوین آن را تغییر دهید یا به فارسی وارد کنید.

  ساخت فرم ارتباط با ما در وردپرس با Contact Form by WPForms

one line input hamyarwp

فیلد بعدی را برای ایمیل انتخاب می کنیم و به فرم اضافه می کنیم و به راحتی می توانیم آن را تنظیم کنیم.

email field hamyarwp

به صورت پیش فرض به همین ترتیب فیلدهایی با عناوین : نام ، نام خانواادگی، ایمیل، شماره همراه، شماره ثابت، کدپستی،آدرس را ایجاد می کنیم.
برای ایجاد فیلد شماره ی تلفن از گزینه ی one line input کمک میگیریم و Validation را روی only number قرار می دهیم.

number hamyarwp

با کلیک بر روی گزینه ی Required field می توانید فیلدهای خود را به صورت اجباری کنید.

برای ساخت check boxes، آن را از منوی کشویی add fields انتخاب می کنیم.  آیتم هایی را در اختیار ما قرار می دهد که می توانیم آن را با توجه به فعالیت خود تغییر دهیم.

 

checkbox hamyarwp

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

checkbox field hamyarwp

در پایان باید گزینه ی “submit” را انتخاب کنیم و به فرم خود اضافه کنیم و نام آن را به “ارسال” تغییر دهیم.همچنین می توانید رنگ مورد علاقه ی خود را برای آن انتخاب کنید.

submit hamyarwp

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

فرم ایجاد شما را میخواهیم نمایش دهیم. برای این کار به قسمت برگه ها رفته و بر روی گزینه ی “Add form+” کلیک میکنیم و نام فرم طراحی شده را انتخاب نمایید تا در برگه شورت کد آن وارد شود.

add form hamyarwp

فرم شما ایجاد خواهد شد. حال می توانید این برگه را در هر جایی که میخواهید فراخوانی کنید تا نمایش داده شود.

البته باید بگویم این فرم تنظیمات دیگری برای نوع و رنگ بندی فرم در اختیار شما قرار می دهد که می توانید از منوی آبی رنگ بالای صفحه “Form option “را ملاحظه کرده و تنظیمات ایمیل، رنگ بندی و… را انجام دهید.

form option hamyarwp

 

دانلود افزونه ی Form Craft Basic

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

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

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

331,316 نفر

پاسخی بگذارید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. با سلام
    من همه تنظیمات را انجام دادم اما متاسفانه هیچ ایمیلی دریافت نمی کنم؟ لطفا راهنمایی کنید

  2. درود
    یه سوال داشتم از شما عزیزان،اونم اینکه:
    من میخوام یه صفحه که حاوی یه فرم متنی و یه کپچا هست بسازم و کاربر تو قسمت متنی هر چیزی که تایپ میکنه رو تو صفحه بعد نشون بده مثلا فرض کنید عدد 12345 رو تو کادر وارد میکنه و دکمه ثبت رو میزنه،وارد صفحه بعد میشه که مثلا بنویسه کد شما 12345 میباشد
    از چه افزونه یا از چه راهی میتونم این رو بسازم؟

  3. 3 سال عضو همیار وردپرس

    میخوام وقتی کسی فرم رو پر کردم فرم به ایمیلم ارسال بشه تو تنظیمات افزونه و ووردپرس ایمیل خودم رو وارد کردم منتها ایمیل برام نمیاد چیکار کنم؟
    در ضمن فکر کنم مربوط به پورت smtp هست درسته؟

  4. من میخوام امکانی فراهم بشه که وقتی شخصی فرم رو تکمیل و ارسال نمود برای ایمیل خودم ارسال بشه تو بخش تنیظیمات ووردپرس ایمیل خودم رو ست کردم اما ایمیلی برای من نمی آید وقتی فرم پر میشه امکانش هست راهنمایی بفرمایید از چه طریق این تنظیمات رو درست انجام دهم گویا باید از طریق کدنویسی در افزونه یا تغییرات در پورت smtp این امکان فراهم شود؟
    راهنمایی جامع میفرمایید؟؟
    ممنونم

  5. 3 سال عضو همیار وردپرس

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

  6. سلام
    ممنون از سایت خوبتون
    من تمام قسمت فرم ساز را پیش رفتم اما در قسمت برگه ADD FORM را که میزنم اتفاقی نمی افتد
    مشکل کار از کجاست لطفا راهنماییم بفرمایید

  7. سلام.
    به خود پیغامی که برای ما از طریق این فرم ارسال میشه چطور میشه دسترسی داشت؟

  8. یعنی علنا بیچاره شدم

  9. سلام برای تنظیماتی که میخواهم وقتی شخصی فرم را پر کرد برای من ارسال شود ادرس ایمیلم را کجا و چگونه وارد کنم

  10. سلام من زمانیکه add form رو میزنم هیچ شورت کدی نمایش داده نمیشه،لطفا راهنماییم کنید

    • 4 سال عضو همیار وردپرس

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

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

  12. با سلام
    مشکلی که با این افزونه دارم این هست که datepicker میلادی هست نه شمسی
    راه حلی برای این موضوع هست؟

  13. با سلام
    برای تنظیماتی که میخواهم وقتی شخصی فرم را پر کرد برای من ارسال شود ادرس ایمیلم را کجا و چگونه وارد کنم
    با سپاس

  14. با سلام. من یه سوالی داشتم شاید مرتبت با موضوع این پست نباشه.
    ولی سوالم اینه که تصویر شاخص هر نوشته که معمولا به صورت تصویر عروسکی هستش رو با چه نرم افزاری می سازید؟

  15. سلام
    من با این افزونه یک فرم ساختم و داخلش یک جدول با کد html نوشتم اما نمیشه چیزی در ان وارد کرد انگار عکسه
    چیکار باید کرد؟؟

  16. سلام ممنون از آموزش و افزونه شما
    این افزونه را نصب کردم ولی در نهایت بعد از پر کردن فرم در سایت ارسالی صورت نمی گیرد و فرمی در سایت یا ایمیل دریافت نمی کنم لطفا راهنمایی کنید ؟

  17. سلام ببخشید من همه تنظیماتی که شما فرمودید انجام دادم و مطالب مربوط به ایمیل و غیره رو هم انجام دادم ولی ایمیلی به من ارسال نمیشه …حتی مطالبی هم که در نظرات گفتید هم انجام دادم …لطفا کمکم کنید …خیلی عجله ایه…ممنون

  18. افزونه ای هست که تقویم شمسی داشته باشه؟

  19. سلام خسته نباشید. میشه با این فرم ساز یک سیستم رزرو نوبت ساخت؟ اگر نمیشه افزونه ای هست برای ساخت سیستم نوبت دهی؟

  20. 4 سال عضو همیار وردپرس

    درود خان کوهستانی عزیز.
    بنده میتونم چنین چیزی رو با استفاده از این فرم ساز درست کنم؟ اگر نه! با چی میشه؟ ممنون

    http://upitfa.ir/uploads/144821529619951.jpg

  21. سلام
    آیا امکان دارد خود شما زحمت ساخت فرم و افزودن پلاگین در وردپرس رو بکشین ؟؟

  22. 5 سال عضو همیار وردپرس

    با سلام
    تو این فرم نمیشه گزینه ارسال فایل رزومرو فعال کرد؟

  23. پلاگین خوبیه و کار کردن باهاش راحته در کل من خیلی می پسندمش

  24. پلاگین خوبیه و کار کردن باهاش راحته در کل من خلیلی می پسندمش

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

  26. با سلام
    من فرممو ساختم ولی وقتی وارد سایتم میشم ، مطالبی روکه داخل فیلد های سفید رنگ مینویسم نمایش نمیده تا اینکه enter رو بزنم ، به نظرم رنگ فونتم سفید با اینکه از داخل آپشن رنگ فونتو مشکی کردم ولی باز هم این مشکل رو دارم

  27. 4 سال عضو همیار وردپرس

    سلام خدا قوت
    فرمی که ازین راه میسازیم هم در دیتا بیس خودش جدول واسه ثبت اطلاعات میسازه؟

  28. 4 سال عضو همیار وردپرس

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

  29. سلام
    من اینو نصب کردم
    فرمم درست کردم
    از قسمت آپشن ایمیل خودم رو هم دادم که وقتی کسی فرم رو پر کرد به ایمیلم اطلاع داده بشه
    خودم تستش کردم ولی متاسفانه ایمیلی برام ارسال نمیشه
    دلیلش چیه؟

    • 6 سال عضو همیار وردپرس

      سلام
      تصویر را ملاحظه کنید
      تنظیمات ایمیل

    • با سلام و خسته نباشيد.
      من هم وقتي فرم رو پر ميكنم به ايميلم چيزي ارسال نميشه (ايميلي دريافت نميكنم) تنظيماتي هم كه فرمودين انجام دادم. در ضمن قبل از اين فرم با captainform هم يكي ساخته بودم كه اون يهو از كار افتاد و ارور ميده ديگه- حتي چند بار افزونه اين فرم رو رو ديليت كردم و دوباره نصب كردم نشد. نميدونم چه بايد كرد. متشكرم

    • 6 سال عضو همیار وردپرس

      سلام
      بگذارید من این افزونه رو بررسی میکنم و اگه موردی بود بروز رسانی خواهم کرد.

  30. سلام این افزونه عالیه.
    اگه یه فرم درست کنیم و توی یه برگه سیو کنیم چه طور میشه با فراخوانی اون برگه(رفتن به آدرس برگه) به صورت پاپ آپ بیاد؟ آیا افزونه ای نیاز داره؟

    • 6 سال عضو همیار وردپرس

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

  31. 4 سال عضو همیار وردپرس

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

  32. 4 سال عضو همیار وردپرس

    بسیار عالی !
    از CaptainForm خیلی بهتره .

  33. ممنون اموزش مفیدی بود

  34. 5 سال عضو همیار وردپرس

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

  35. آیا این افزونه فرم ساز کدهای کپچا هم داره؟

    • 6 سال عضو همیار وردپرس

      سلام
      خود افزونه متاسفانه نداره اما شما میتونید کدهای کپچا رو به صورت جداگانه به صورت افزونه نصب کنید تا در پایان این افزونه هم نمایش داده شود

    • 4 سال عضو همیار وردپرس

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

    • 6 سال عضو همیار وردپرس

      سلام
      بله می سازه !
      چرا نمیتونید ؟
      کاربریتون مشکلی داره ؟

مطالب زیر را حتما بخوانید

دوره‌های آموزشی