مواد پر جائیں
Elementor Pro کے ساتھ فارم کیسے بنائیں: رابطہ، رجسٹریشن، اور ملٹی اسٹیپ
Elementor📖 ٹیوٹوریل

Elementor Pro کے ساتھ فارم کیسے بنائیں: رابطہ، رجسٹریشن، اور ملٹی اسٹیپ

Erik KellerErik Kellerاپ ڈیٹ شدہ: 14 منٹ پڑھنے کا وقت578 مناظر

فارمز کسی بھی ویب سائٹ کے لیے ضروری ہیں—سادہ رابطہ فارم سے لے کر پیچیدہ ملٹی اسٹیپ رجسٹریشن فلو تک۔ Elementor Pro میں ایک بلٹ ان فارم ویجیٹ شامل ہے جو بہت سے معاملات میں علیحدہ فارم پلگ ان کی ضرورت کو ختم کرتا ہے۔ اس گائیڈ میں، ہم Elementor Pro کا استعمال کرتے ہوئے رابطہ فارم، رجسٹریشن فارم، اور ملٹی اسٹیپ فارم بنانے کا طریقہ بیان کرتے ہیں، ساتھ ہی ای میل مارکیٹنگ اور CRM خدمات کے لیے انضمام کے اختیارات بھی شامل ہیں۔

اس ٹیوٹوریل کے لیے Elementor Pro کی ضرورت ہے۔ Elementor کا مفت ورژن فارم ویجیٹ شامل نہیں کرتا۔

Elementor فارم ویجیٹ کا جائزہ

Elementor فارم ویجیٹ ان فیلڈ اقسام کی حمایت کرتا ہے:

فیلڈ کی قسماستعمال کا کیسنوٹس
متننام، کمپنی، موضوع کی لائنسنگل لائن ٹیکسٹ ان پٹ
ای میلای میل ایڈریس جمع کرناای میل فارمیٹ کی توثیق شامل ہے
ٹیکسٹ ایریاپیغام کا متن، تبصرے، وضاحتیںکثیر لائن ٹیکسٹ جس میں قطاریں ترتیب دی جا سکتی ہیں
ٹیلیفونفون نمبرموبائل پر عددی کی بورڈ کو متحرک کرتا ہے
نمبرمقدار، بجٹ، درجہ بندیاںکم از کم/زیادہ سے زیادہ/قدم کی توثیق
یو آر ایلویب سائٹ کے پتےیو آر ایل فارمیٹ کی توثیق
منتخب کریںڈراپ ڈاؤن انتخاب (ملک، زمرہ)سنگل یا متعدد انتخاب
ریڈیواختیارات میں سے ایک انتخاب (سروس کی قسم)ڈراپ ڈاؤن کے بغیر نظر آنے والے اختیارات
چیک باکسمتعدد انتخاب (دلچسپیاں، خدمات)متعدد انتخاب کی اجازت ہے
تاریخملاقات کی تاریخیں، ایونٹ کی تاریخیںمقامی تاریخ منتخب کرنے والا
وقتملاقات کا شیڈولنگوقت کے انتخاب کا کنٹرول
فائل اپ لوڈریزیومے، دستاویز، تصویر جمع کرناترتیب دی جانے والی فائل کی اقسام اور سائز کی حدود
قبولیتشرائط و ضوابط، GDPR کی رضا مندیلنک کے ساتھ مطلوبہ چیک باکس
خفیہٹریکنگ ڈیٹا (صفحة کا یو آر ایل، ریفرر)صارف کے لیے نظر نہیں آتا
reCAPTCHAاسپام سے تحفظv2 چیک باکس یا v3 غیر مرئی
ہنی پاٹاینٹی اسپام (انسانوں کے لیے غیر مرئی)چھپی ہوئی فیلڈ جو بوٹس کو پکڑتی ہے

رابطہ فارم بنانا

مرحلہ 1: فارم ویجیٹ شامل کریں

  1. Elementor ایڈیٹر میں کوئی بھی صفحہ کھولیں
  2. ویجیٹ پینل میں "فارم" کے لیے تلاش کریں
  3. فارم ویجیٹ کو اپنے لے آؤٹ میں کھینچیں
  4. ڈیفالٹ فارم میں نام، ای میل، اور پیغام کے فیلڈ شامل ہیں

مرحلہ 2: فارم کے فیلڈز ترتیب دیں

ایک معیاری رابطہ فارم کے لیے، یہ فیلڈ ترتیب اچھی طرح کام کرتی ہے:

  1. نام (متن کا فیلڈ، ضروری) – پلیس ہولڈر: "آپ کا نام"
  2. ای میل (ای میل کا فیلڈ، ضروری) – پلیس ہولڈر: "[email protected]"
  3. موضوع (متن کا فیلڈ، اختیاری) – پلیس ہولڈر: "ہم کس طرح مدد کر سکتے ہیں؟"
  4. پیغام (ٹیکسٹ ایریا کا فیلڈ، ضروری) – پلیس ہولڈر: "ہمیں اپنے پروجیکٹ کے بارے میں بتائیں...", قطاریں: 5
  5. reCAPTCHA یا ہنی پاٹ اسپام سے تحفظ کے لیے

مرحلہ 3: جمع کرنے کے بعد کارروائیاں ترتیب دیں

"جمع کرنے کے بعد کارروائیاں" کے حصے کے تحت، یہ ترتیب دیں کہ جب کوئی صارف فارم جمع کرتا ہے تو کیا ہوتا ہے: For related information, see our guide on Elementor complete guide.

  • ای میل: فارم کے ڈیٹا کو اپنے ای میل ایڈریس (یا متعدد ایڈریس) پر بھیجیں
  • ری ڈائریکٹ: جمع کرنے کے بعد صارف کو شکریہ کے صفحے پر بھیجیں
  • پاپ اپ: ایک تصدیقی پاپ اپ دکھائیں
  • ویب ہوک: فارم کے ڈیٹا کو ایک بیرونی یو آر ایل (Zapier، Make، حسب ضرورت API) پر بھیجیں
  • Mailchimp / ConvertKit / Drip: ای میل مارکیٹنگ کی فہرستوں میں سبسکرائبرز شامل کریں
  • Slack: ایک Slack چینل پر نوٹیفیکیشن بھیجیں
  • Discord: ایک Discord ویب ہوک پر نوٹیفیکیشن بھیجیں

مرحلہ 4: فارم کو اسٹائل کریں

اسٹائل ٹیب میں، بصری ظاہری شکل کو اپنی مرضی کے مطابق بنائیں: For related information, see our guide on Elementor templates and kits.

  • فارم لے آؤٹ
    • فیلڈز کی ترتیب: مکمل چوڑائی (full width) یا ایک لائن میں (side by side)
    • فیلڈ اسٹائلنگ: بارڈر، پس منظر کا رنگ، پیڈنگ، بارڈر-ریڈیس، توجہ کی حالت کا رنگ
    • لیبل اسٹائلنگ: فونٹ فیملی، سائز، رنگ، اسپیسنگ
    • بٹن اسٹائلنگ: پس منظر کا رنگ، متن کا رنگ، بارڈر، ہوور اثرات، مکمل چوڑائی کا اختیار
    • پیغامات: کامیابی اور غلطی کے پیغام کے رنگ اور نوع ٹائپ

    ملٹی اسٹیپ فارم بنانا

    ملٹی اسٹیپ فارم طویل فارم (رجسٹریشن، درخواستیں، سروے) کے لیے مفید ہیں جہاں ایک ساتھ تمام فیلڈز دکھانا صارفین کو مغلوب کر سکتا ہے۔ Elementor Pro ملٹی اسٹیپ فارم کو قدرتی طور پر سپورٹ کرتا ہے۔ For related information, see our guide on creating landing pages with Elementor.

    اسٹیپس کو ترتیب دینا

    1. اپنی صفحے پر ایک فارم ویجیٹ شامل کریں
    2. فارم فیلڈز کی فہرست میں، فیلڈز کے گروپوں کے درمیان ایک "اسٹیپ" فیلڈ کی قسم شامل کریں
    3. ہر اسٹیپ فیلڈ ایک نئے اسٹیپ کے ساتھ "اگلا" اور "پچھلا" بٹن بناتا ہے
    4. مثالی ساخت:
      • اسٹیپ 1: نام، ای میل، فون (ذاتی معلومات)
      • اسٹیپ 2: کمپنی، بجٹ، ٹائم لائن (پروجیکٹ کی تفصیلات)
      • اسٹیپ 3: پیغام، فائل اپ لوڈ (اضافی معلومات)

    ملٹی اسٹیپ فارم ایک پیشرفت اشارے کو ظاہر کرتے ہیں جو دکھاتا ہے کہ صارف کس اسٹیپ پر ہے۔ یہ محسوس کردہ پیچیدگی کو کم کرتا ہے اور ایک ساتھ تمام فیلڈز دکھانے کے مقابلے میں مکمل ہونے کی شرح کو بہتر بناتا ہے۔

    صارف رجسٹریشن فارم بنانا

    Elementor Pro بغیر کسی علیحدہ پلگ ان کے WordPress صارف رجسٹریشن فارم بنا سکتا ہے:

    1. ایک فارم ویجیٹ شامل کریں اور فیلڈز کو ترتیب دیں (صارف نام، ای میل، پاس ورڈ)
    2. "جمع کروانے کے بعد کے اقدامات" کے تحت، "رجسٹر" عمل شامل کریں
    3. ہر فارم فیلڈ کو متعلقہ WordPress صارف فیلڈ سے نقشہ بنائیں
    4. نئی رجسٹریشن کے لیے ڈیفالٹ صارف کردار مرتب کریں
    5. اختیاری طور پر صارفین کو رجسٹریشن کے بعد ان کے اکاؤنٹ کے صفحے پر ری ڈائریکٹ کریں

    نوٹ: WordPress نئے صارفین کی منظوری کے لیے ایک ایڈمن کی ضرورت ہوتی ہے۔ اگر آپ چاہتے ہیں کہ صارفین آزادانہ طور پر رجسٹر ہوں تو آپ یہ سیٹنگز → عمومی → رکنیت میں تبدیل کر سکتے ہیں۔

    ای میل مارکیٹنگ خدمات کے ساتھ انضمام

    Elementor Pro براہ راست مقبول ای میل مارکیٹنگ پلیٹ فارم کے ساتھ انضمام کرتا ہے:

    سروسانضمام کی قسمترتیب کے اقدامات
    Mailchimpقدرتی (بلٹ ان)API کلید شامل کریں → فہرست منتخب کریں → فیلڈز کا نقشہ بنائیں
    ConvertKitقدرتی (بلٹ ان)API کلید شامل کریں → فارم منتخب کریں → فیلڈز کا نقشہ بنائیں
    ActiveCampaignقدرتی (بلٹ ان)API اسناد شامل کریں → فہرست منتخب کریں → فیلڈز کا نقشہ بنائیں
    Dripقدرتی (بلٹ ان)API ٹوکن شامل کریں → اکاؤنٹ منتخب کریں → فیلڈز کا نقشہ بنائیں
    GetResponseقدرتی (بلٹ ان)API کلید شامل کریں → مہم منتخب کریں → فیلڈز کا نقشہ بنائیں
    MailerLiteقدرتی (بلٹ ان)API کلید شامل کریں → گروپ منتخب کریں → فیلڈز کا نقشہ بنائیں
    HubSpotویب ہک کے ذریعےZapier/Make کے ساتھ ویب ہک عمل کے ساتھ کنکشن بنائیں

    ہر انضمام کے لیے، عمل یہ ہے: Elementor کے انضمام کی ترتیبات میں اپنی سروس کی API کلید درج کریں، پھر اپنی فارم میں "جمع کروانے کے بعد کے اقدامات" کے طور پر سروس منتخب کریں۔ اپنے فارم کے فیلڈز کو سروس کے فیلڈز سے نقشہ بنائیں، اور جب فارم جمع کیا جائے گا تو سبسکرائبرز خود بخود شامل ہو جائیں گے۔

    اسپام تحفظ کی حکمت عملی

    رابطہ فارم اسپام بوٹس کو اپنی طرف متوجہ کرتے ہیں۔ Elementor Pro کئی اسپام روکنے کے اختیارات فراہم کرتا ہے:

    • Google reCAPTCHA v3: غیر مرئی اسپام کی شناخت جو صارف کی تعامل کے بغیر جمع کروائی گئی معلومات کو اسکور کرتی ہے۔ زیادہ تر فارم کے لیے تجویز کردہ
    • reCAPTCHA v2: "میں روبوٹ نہیں ہوں" چیک باکس۔ زیادہ نظر آنے والا لیکن فارم کی تکمیل کو کم کر سکتا ہے
    • ہنی پاٹ فیلڈ: ایک غیر مرئی فیلڈ جسے بوٹس بھر دیتے ہیں۔ اگر فیلڈ میں ڈیٹا موجود ہے تو جمع کروائی گئی معلومات مسترد کر دی جاتی ہیں۔ صارف کی تعامل کی ضرورت نہیں
    • قبولیت فیلڈ: ایک ضروری چیک باکس (GDPR کی رضامندی، شرائط کی قبولیت) جو بوٹ کو روکنے کے طور پر بھی کام کرتا ہے

    ہم ہنی پاٹ فیلڈ کے ساتھ مل کر reCAPTCHA v3 استعمال کرنے کی تجویز دیتے ہیں۔ یہ بغیر کسی نظر آنے والے اثر کے اسپام تحفظ کی دو تہیں فراہم کرتا ہے۔

    صارف کے تجربے میں۔

    Elementor Forms بمقابلہ مخصوص فارم پلگ ان

    خصوصیتElementor FormsGravity FormsWPForms
    بصری بلڈرElementor ایڈیٹر میںالگ ڈریگ اینڈ ڈراپالگ ڈریگ اینڈ ڈراپ
    مشروط منطقبنیادی (فیلڈز دکھائیں/چھپائیں)ایڈوانسایڈوانس
    ادائیگی کا انضمامPayPal بٹنStripe، PayPal، SquareStripe، PayPal، Square
    حساب کتابنہیںہاںہاں (پرو)
    کئی مراحلہاںہاںہاں
    فائل اپ لوڈہاںہاںہاں
    داخلہ انتظامElementor کی جمع کرائی گئی معلومات کے ذریعےمکمل داخلہ منیجرمکمل داخلہ منیجر
    پیج بلڈر کی ضرورتہاں (Elementor Pro)نہیںنہیں

    Elementor Forms رابطہ فارم، نیوز لیٹر کے لیے سائن اپ، اور سادہ رجسٹریشن فارم کے لیے کافی ہے۔ پیچیدہ فارم جو ادائیگی کی پروسیسنگ، ایڈوانس مشروط منطق، یا پیچیدہ داخلہ انتظام کی ضرورت ہوتی ہے، ان کے لیے مخصوص فارم پلگ ان جیسے Gravity Forms یا WPForms زیادہ موزوں ہیں۔

    اکثر پوچھے جانے والے سوالات

    کیا میں Elementor پرو کے بغیر Elementor فارم استعمال کر سکتا ہوں؟

    نہیں۔ فارم ویجیٹ صرف Elementor Pro کے لیے خاص ہے۔ اگر آپ کو Elementor کے مفت ورژن کے ساتھ فارم کی ضرورت ہے، تو الگ فارم پلگ ان جیسے Contact Form 7 (مفت)، WPForms Lite (مفت)، یا Gravity Forms (پریمیم) استعمال کریں۔

    Elementor فارم کی جمع کرائی گئی معلومات کہاں محفوظ ہوتی ہیں؟

    فارم کی جمع کرائی گئی معلومات WordPress ڈیٹا بیس میں محفوظ ہوتی ہیں اور ایڈمن پینل میں Elementor → Submissions کے تحت دستیاب ہوتی ہیں۔ آپ جمع کرائی گئی معلومات کو دیکھ سکتے ہیں، برآمد (CSV) کر سکتے ہیں، اور حذف کر سکتے ہیں۔ جمع کرائی گئی معلومات ان ای میل پتوں پر بھیجی جاتی ہیں جو آپ ای میل ایکشن میں ترتیب دیتے ہیں۔

    کیا Elementor فارم فائل اپ لوڈ قبول کر سکتے ہیں؟

    ہاں۔ اپنے فارم میں فائل اپ لوڈ فیلڈ ٹائپ شامل کریں۔ آپ قبول کردہ فائل کی اقسام (PDF، JPG، PNG، DOCX، وغیرہ) اور زیادہ سے زیادہ فائل کا سائز ترتیب دے سکتے ہیں۔ اپ لوڈ کی گئی فائلیں WordPress میڈیا لائبریری میں محفوظ کی جاتی ہیں اور فارم کی جمع کرائی گئی معلومات سے منسلک ہوتی ہیں۔

    میں Elementor فارم میں مشروط منطق کیسے شامل کروں؟

    Elementor Pro بنیادی مشروط منطق کی حمایت کرتا ہے: دوسرے فیلڈ کی قیمت کی بنیاد پر فیلڈز دکھائیں یا چھپائیں۔ فیلڈ کی ترتیبات میں، "مشروط" کو فعال کریں اور شرائط مرتب کریں (جیسے، "کمپنی" فیلڈ صرف اس وقت دکھائیں جب "میں ایک کاروبار ہوں" ریڈیو بٹن منتخب کیا گیا ہو)۔ ایڈوانس مشروط منطق (حساب کتاب، کثیر سطحی شرائط) کے لیے، ایک مخصوص فارم پلگ ان زیادہ موزوں ہو سکتا ہے۔

    کیا میں Elementor کے ساتھ پاپ اپ فارم بنا سکتا ہوں؟

    ہاں۔ Elementor میں ایک پاپ اپ ٹیمپلیٹ بنائیں، اس کے اندر ایک فارم ویجیٹ شامل کریں، اور ٹرگر کی شرائط مرتب کریں (کلک، اسکرول کا فیصد، باہر نکلنے کا ارادہ، وقت کی تاخیر)۔ یہ نیوز لیٹر کے لیے سائن اپ، لیڈ میگنیٹس، اور پروموشنل آفرز کے لیے مفید ہے بغیر اس کے کہ فارم کو مرکزی صفحے کی ترتیب میں شامل کیا جائے۔

    میں Elementor فارم میں سپیم کو کیسے روکوں؟

    دو تہوں کی حفاظت کے لیے Google reCAPTCHA v3 (غیر مرئی) کو Honeypot فیلڈ کے ساتھ استعمال کریں۔ یہ خودکار بوٹس کو بلاک کرتا ہے بغیر حقیقی صارفین کے لیے رکاوٹ پیدا کیے۔ زیادہ سپیم والی فارم کے لیے، ایک Acceptance فیلڈ (ضروری چیک باکس) شامل کرنے پر غور کریں۔

    Elementor Pro حاصل کریں فارم بلڈر کے ساتھ

    فارم ویجیٹ، تھیم بلڈر، WooCommerce بلڈر، اور 100+ پرو ویجیٹس تک رسائی حاصل کریں۔ اضافی پلگ ان کے بغیر بصری طور پر فارم بنائیں۔

    Elementor Pro براؤز کریں →

اکثر پوچھے گئے سوالات

کیا مجھے فارم بنانے کے لیے Elementor Pro کی ضرورت ہے؟
جی ہاں۔ فارم ویجیٹ Elementor Pro کی خصوصیت ہے۔ Elementor کا مفت ورژن فارم کی فعالیت شامل نہیں کرتا۔ مفت کے لیے متبادل اختیارات میں WPForms Lite یا Contact Form 7 شامل ہیں جو Elementor لے آؤٹ کے ساتھ ہیں۔
کیا Elementor کے فارم ای میل مارکیٹنگ کی خدمات کو ڈیٹا بھیج سکتے ہیں؟
جی ہاں۔ Elementor Pro کے فارم Mailchimp، ActiveCampaign، Drip، GetResponse، ConvertKit، اور دیگر ای میل خدمات کے ساتھ بلٹ ان انضمام کے ذریعے جڑتے ہیں۔ آپ خودکار سبسکرائبر انتظام کے لیے فارم کے فیلڈز کو ای میل لسٹ کے فیلڈز سے جوڑ سکتے ہیں۔
میں Elementor میں ملٹی اسٹیپ فارم کیسے بناؤں؟
ایک فارم ویجیٹ شامل کریں، پھر اپنے فارم کے فیلڈز کے درمیان اسٹیپ فیلڈز داخل کریں تاکہ علیحدہ صفحات بن سکیں۔ Elementor خود بخود اسٹیپس کے درمیان نیویگیشن بٹن شامل کرتا ہے۔ ہر اسٹیپ کے لیے اسٹیپ اشارے، بٹن کا متن، اور توثیق کے قواعد کو اپنی مرضی کے مطابق بنائیں۔
کیا میں Elementor کے فارم میں مشروط منطق شامل کر سکتا ہوں؟
Elementor Pro ورژن 3.15 سے مشروط فیلڈ ڈسپلے کی حمایت کرتا ہے۔ آپ دوسرے فیلڈ کی قیمتوں کی بنیاد پر فیلڈز کو دکھا یا چھپا سکتے ہیں۔ مزید جدید مشروط منطق کے لیے، تیسری پارٹی کے ایڈونز جیسے Dynamic.ooo یا JetFormBuilder اضافی صلاحیتیں فراہم کرتے ہیں۔
Elementor فارم کی جمع کروائی گئی معلومات کہاں محفوظ کی جاتی ہیں؟
Elementor Pro فارم کی جمع کروائی گئی معلومات کو WordPress ڈیٹا بیس میں محفوظ کرتا ہے، جو Elementor، سبمیشنز میں ایڈمن مینو سے قابل رسائی ہے۔ آپ براہ راست جمع کروائی گئی معلومات کو دیکھ، برآمد، اور منظم کر سکتے ہیں۔ ای میل کی اطلاعات آپ کی ترتیب کے مطابق ایک ساتھ بھیجی جاتی ہیں۔

یہ پوسٹ شیئر کریں

مصنف کے بارے میں

Erik Keller
Erik Keller

ورڈپریس ماہر

تھیمز، پلگ انز اور WooCommerce ڈویلپمنٹ میں وسیع تجربے کے ساتھ سینئر ورڈپریس ماہر۔ WordPress حل کے ساتھ کاروباروں کو کامیاب بنانے میں پرجوش۔

ورڈپریسووکامرستھیم ڈویلپمنٹپلگ ان ڈویلپمنٹکارکردگی کی اصلاح

اپ ڈیٹ رہیں

تازہ ترین ورڈپریس ٹپس اور ٹیوٹوریلز اپنے ان باکس میں حاصل کریں۔