Elementor Pro দিয়ে ফর্ম তৈরি করার পদ্ধতি: যোগাযোগ, নিবন্ধন, এবং মাল্টি-স্টেপ

ফর্মগুলি যেকোনো ওয়েবসাইটের জন্য অপরিহার্য—সাধারণ যোগাযোগ ফর্ম থেকে জটিল বহু-ধাপ নিবন্ধন প্রবাহ পর্যন্ত। Elementor Pro একটি অন্তর্নির্মিত ফর্ম উইজেট অন্তর্ভুক্ত করে যা অনেক ক্ষেত্রে আলাদা ফর্ম প্লাগইনের প্রয়োজনীয়তা দূর করে। এই গাইডে, আমরা Elementor Pro ব্যবহার করে যোগাযোগ ফর্ম, নিবন্ধন ফর্ম এবং বহু-ধাপ ফর্ম তৈরি করার পদ্ধতি আলোচনা করব, পাশাপাশি ইমেল মার্কেটিং এবং CRM পরিষেবাগুলির জন্য ইন্টিগ্রেশন বিকল্পগুলি।

এই টিউটোরিয়ালের জন্য Elementor Pro প্রয়োজন। Elementor এর ফ্রি সংস্করণে ফর্ম উইজেট অন্তর্ভুক্ত নেই।

Elementor ফর্ম উইজেটের সারসংক্ষেপ

Elementor ফর্ম উইজেট এই ক্ষেত্রের প্রকারগুলি সমর্থন করে:

যোগাযোগ ফর্ম তৈরি করা

ধাপ 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.

• ফর্ম লেআউট
ut: ক্ষেত্রগুলি স্তূপাকৃত (পূর্ণ প্রস্থ) বা ইনলাইন (পাশাপাশি)
• ক্ষেত্রের স্টাইলিং: সীমানা, পটভূমির রঙ, প্যাডিং, সীমানার কোণ, ফোকাস অবস্থার রঙ
• লেবেল স্টাইলিং: ফন্ট পরিবার, আকার, রঙ, ফাঁকা স্থান
• বাটন স্টাইলিং: পটভূমির রঙ, টেক্সটের রঙ, সীমানা, হোভার প্রভাব, পূর্ণ-প্রস্থ বিকল্প
• বার্তা: সফলতা এবং ত্রুটি বার্তার রঙ এবং টাইপোগ্রাফি

একটি মাল্টি-স্টেপ ফর্ম তৈরি করা

মাল্টি-স্টেপ ফর্মগুলি দীর্ঘ ফর্ম (নিবন্ধন, আবেদন, জরিপ) এর জন্য উপকারী যেখানে একবারে সমস্ত ক্ষেত্র দেখানো ব্যবহারকারীদের জন্য চাপ সৃষ্টি করতে পারে। 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 জনপ্রিয় ইমেইল মার্কেটিং প্ল্যাটফর্মগুলির সাথে সরাসরি সংহত হয়:

প্রতিটি সংহতকরণের জন্য, প্রক্রিয়া হল: Elementor এর সংহতকরণ সেটিংসে আপনার পরিষেবার API কী প্রবেশ করুন, তারপর আপনার ফর্মে "জমা দেওয়ার পরে ক্রিয়াকলাপ" হিসাবে পরিষেবাটি নির্বাচন করুন। আপনার ফর্ম ক্ষেত্রগুলি পরিষেবার ক্ষেত্রগুলির সাথে মানচিত্র করুন, এবং ফর্ম জমা দেওয়ার সময় সাবস্ক্রাইবারগুলি স্বয়ংক্রিয়ভাবে যোগ করা হবে।

স্প্যাম সুরক্ষা কৌশল

যোগাযোগ ফর্মগুলি স্প্যাম বট আকর্ষণ করে। Elementor Pro বেশ কয়েকটি স্প্যাম প্রতিরোধের বিকল্প প্রদান করে:

• Google reCAPTCHA v3: অদৃশ্য স্প্যাম সনাক্তকরণ যা ব্যবহারকারীর মিথস্ক্রিয়া ছাড়াই জমাগুলিকে স্কোর করে। বেশিরভাগ ফর্মের জন্য সুপারিশ করা হয়
• reCAPTCHA v2: "আমি রোবট নই" চেকবক্স। আরও দৃশ্যমান কিন্তু ফর্ম সম্পূর্ণতার হার কমাতে পারে
• হানি পট ক্ষেত্র: একটি অদৃশ্য ক্ষেত্র যা বট পূরণ করে। যদি ক্ষেত্রটিতে ডেটা থাকে, তবে জমাটি প্রত্যাখ্যাত হয়। ব্যবহারকারীর মিথস্ক্রিয়া প্রয়োজন নেই
• গৃহীত ক্ষেত্র: একটি প্রয়োজনীয় চেকবক্স (GDPR সম্মতি, শর্তাবলী গ্রহণ) যা বট প্রতিরোধক হিসাবেও কাজ করে

আমরা একটি হানি পট ক্ষেত্রের সাথে মিলিত reCAPTCHA v3 ব্যবহার করার সুপারিশ করি। এটি কোনও দৃশ্যমান প্রভাব ছাড়াই স্প্যাম সুরক্ষার দুটি স্তর প্রদান করে।

ব্যবহারকারীর অভিজ্ঞতা।

Elementor Forms বনাম Dedicated Form Plugins

Elementor Forms যোগাযোগ ফর্ম, নিউজলেটার সাইনআপ এবং সাধারণ নিবন্ধন ফর্মের জন্য যথেষ্ট। পেমেন্ট প্রক্রিয়াকরণের প্রয়োজনীয়তা, উন্নত শর্তসাপেক্ষ যুক্তি, বা জটিল এন্ট্রি ব্যবস্থাপনার জন্য, Gravity Forms বা WPForms এর মতো নিবেদিত ফর্ম প্লাগইনগুলি আরও উপযুক্ত।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

আমি কি Elementor Pro ছাড়া 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 ফিল্ড (প্রয়োজনীয় চেকবক্স) একটি তৃতীয় স্তর হিসাবে যোগ করার কথা বিবেচনা করুন।