এলিমেন্টর ফর্ম উইজেট দিয়ে ফর্ম তৈরি এবং ডিজাইন করুন

প্রতিটি ওয়েবসাইটে একটি যোগাযোগ ফর্ম অন্তর্ভুক্ত করা আবশ্যক! আপনার যে ধরনের ওয়েবসাইটই হোক না কেন, যোগাযোগের ফর্মগুলি বিভিন্ন উদ্দেশ্যে সহায়ক। তারা লিড তৈরি করতে পারে, সংযোগ এবং সম্পর্ক তৈরি করতে পারে, ব্যবহারকারীদের আপনার সাইটের সমস্যা এবং এর মধ্যে সবকিছু রিপোর্ট করার অনুমতি দেয়।

ওয়ার্ডপ্রেসে কন্টাক্ট ফর্ম তৈরি করার জন্য টেকনিক্যাল এক্সপার্ট হওয়ার দরকার নেই। Elementor পৃষ্ঠা নির্মাতা সুন্দর ওয়েবসাইট তৈরি করা আগের চেয়ে সহজ করে তোলে।

এলিমেন্টরের সাথে যোগাযোগের ফর্মগুলি কীভাবে তৈরি করা যায় তা প্রদর্শন করতে, আমরা বিভিন্ন বিকল্পগুলি এবং Elementor-এ যোগাযোগের ফর্মগুলি সম্পর্কে জানতে যা যা আছে তার উপর যাব।

Elementor এখন বেশ কিছু সময়ের জন্য একটি ফর্ম উইজেট অন্তর্ভুক্ত করেছে, যার মানে আপনার ওয়ার্ডপ্রেস ওয়েবসাইটের জন্য ফর্ম তৈরি করতে আপনাকে আর কোথাও যেতে হবে না, যা একটি আশীর্বাদ!

অতীতে, উপলব্ধ কিছু plugin দিয়ে ফর্ম তৈরি করার সময় আপনি সমস্যার সম্মুখীন হতে পারেন। ফর্ম ডিজাইন এবং কনফিগার করার প্রক্রিয়া সময়সাপেক্ষ এবং হতাশাজনক হতে পারে। সৌভাগ্যবশত আমাদের সকলের জন্য, এলিমেন্টর ফর্ম উইজেটটি এটির সাথে কাজ করা সহজ।

আমরা এলিমেন্টর ফর্ম নির্মাতার সাথে শুরু করার আগে, এর কিছু প্রয়োজনীয় বৈশিষ্ট্যগুলিকে দ্রুত দেখে নেওয়া যাক।

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

সেখান থেকে, আপনি 18টি পর্যন্ত বিভিন্ন ধরণের ক্ষেত্র তৈরি করতে পারেন:

  • টেক্সট ইমেল টেক্সট এরিয়া টেক্সট এরিয়া
  • URL এবং টেলিফোন নম্বর নিম্নরূপ:
  • রেডিও বোতাম এক ধরনের রেডিও বোতাম।
  • একটি তালিকা থেকে চয়ন করুন (ড্রপডাউন)
  • চেকবক্স চেকলিস্ট ব্যবহার করা হয়.
  • শুধুমাত্র একটি চেকবক্স আছে (গ্রহণযোগ্যতা)
  • reCAPTCHA
  • হানিপট হল এক ধরনের পাত্র যা মধু ধরে রাখে (স্প্যাম প্রতিরোধ করে)

আপনি বহু-পদক্ষেপ ফর্ম তৈরি করতে আপনার ফর্মগুলিকে একাধিক পৃষ্ঠায় ভাগ করতে পারেন, দীর্ঘ-ফর্ম অ্যাপ্লিকেশনগুলির জন্য উপকারী৷

Elementor Pro জনপ্রিয় ইমেল বিপণন পরিষেবা এবং গ্রাহক সম্পর্ক ব্যবস্থাপনা সিস্টেমের সাথে 12 টিরও বেশি ইন্টিগ্রেশন রয়েছে যা আপনাকে আপনার ফর্মগুলির সর্বাধিক ব্যবহার করতে সহায়তা করে৷ এছাড়াও একটি ক্যাচাল Zapier ইন্টিগ্রেশন রয়েছে যা আপনাকে Zapier প্ল্যাটফর্মে উপলব্ধ হাজার হাজার টুলের মধ্যে যেকোনো একটিতে সংযোগ করতে দেয় যদি আপনার টুল তালিকাভুক্ত না থাকে।

এছাড়াও কয়েকটি অন্যান্য আকর্ষণীয় বিকল্প রয়েছে। amp , যখন কেউ আপনার ফর্মটি পূরণ করে, আপনি স্ল্যাক বা ডিসকর্ডের মাধ্যমে বিজ্ঞপ্তি পেতে পারেন।

বিজ্ঞপ্তির কথা বললে, আপনি যে ইমেল বিজ্ঞপ্তিগুলি পান এবং জমাদানকারীরা যে ইমেল বিজ্ঞপ্তিগুলি পান সেগুলিকেও আপনি ব্যক্তিগতকৃত করতে পারেন৷ তারা ফর্ম জমা দেওয়ার পরে, আপনি তাদের তৈরি করা একটি কাস্টম ধন্যবাদ পৃষ্ঠাতে পুনঃনির্দেশ করতে পারেন।

এলিমেন্টরে একটি ফর্ম তৈরি করার সেরা উপায় কি?

আমরা এলিমেন্টর এডিটর খোলার মাধ্যমে শুরু করব এবং তারপর ফর্ম উইজেটটিকে টেনে এনে সেই অবস্থানে ড্রপ করব যেখানে আমরা আমাদের ফর্ম তৈরি করতে চাই৷

কীভাবে একটি এলিমেন্টর ফর্ম তৈরি করবেন

এলিমেন্টরের অন্য সব কিছুর মতো, ফর্ম তৈরি করার প্রক্রিয়াটি দৃশ্যত সঞ্চালিত হয়। এটি একটি অতিরিক্ত plugin ব্যবহার করার প্রয়োজন নেই, বা এটি আপনার ওয়েবসাইটের ব্যাকএন্ড হিসাবে কাজ করা অপরিহার্য নয়৷

একটি কাঠামোগত উপায়ে উপাদান উপাদান গঠন

একবার আপনার ফর্মটি জায়গায় হয়ে গেলে, প্রথম ধাপ হল এর মধ্যে থাকা তথ্যগুলিকে সংগঠিত করা৷ আপনার কোন ক্ষেত্রগুলির প্রয়োজন এবং সেগুলি কী ধরণের ক্ষেত্র হওয়া উচিত? আপনি কি খুঁজছেন?

এলিমেন্টর এডিটরে কাজ করার সময়, বিষয়বস্তু ট্যাব থেকে ফর্ম ফিল্ড যোগ ও সম্পাদনা করা হয়। আপনি নীচের amp দেখতে পাচ্ছেন, ফর্মগুলিতে কয়েকটি ডিফল্ট ক্ষেত্র অন্তর্ভুক্ত রয়েছে। ড্রপডাউন মেনু থেকে আইটেম যোগ করুন নির্বাচন করে, আপনি নতুন ক্ষেত্র তৈরি করতে পারেন।

একটি ক্ষেত্র সদৃশ করা আইকনটি নির্বাচন করেও সম্ভব যা দেখতে দুটি নথির মতো দেখাচ্ছে, একটির সামনে একটি, এবং এটিতে ক্লিক করুন৷ 

একটি ফর্ম মধ্যে ক্ষেত্র প্রকার

সাধারণ টেক্সট ফিল্ড থেকে পাসওয়ার্ড, ReCaptcha, এবং honeypot ক্ষেত্র পর্যন্ত অনেক ফর্ম ফিল্ডের ধরন পাওয়া যায়।

একটি ফর্ম ফিল্ডের আচরণ পরিবর্তন করতে, প্রথমে ক্ষেত্রটি নির্বাচন করুন এবং তারপরে টাইপ ড্রপডাউন মেনুতে লাইক করুন উপলব্ধ বিভিন্ন ধরণের ক্ষেত্রগুলি দেখতে৷

একটি এলিমেন্টর আকারে ক্ষেত্রগুলির প্রকারগুলি৷

একটি ফর্ম কলামের প্রস্থ

এই বৈশিষ্ট্যটি আপনাকে কলাম প্রস্থ সেটিং সামঞ্জস্য করে একই লাইনে দুটি ফর্ম ক্ষেত্র ব্যবহার করতে দেয়। ড্রপডাউন নির্বাচক থেকে এটি নির্বাচন করে এবং 50 শতাংশ নির্বাচন করে উইন্ডোটির প্রস্থ পরিবর্তন করুন। এটি লক্ষণীয় যে আপনি যদি পরপর দুটি ফর্ম ফিল্ডের সাথে এটি করেন তবে আপনি লক্ষ্য করবেন যে তারা একসাথে একই লাইনে উপস্থিত হয়।

স্টাইলিংয়ের জন্য এলিমেন্টরে ফর্ম

এলিমেন্টর এডিটিং ইন্টারফেসের মধ্যে অবস্থিত স্টাইল প্যানেলে নেভিগেট করে আপনি যেভাবে অন্যান্য উইজেটগুলিকে স্টাইল করেন সেভাবে Elementor-এ আপনার ফর্মগুলিকে স্টাইল করুন৷

ফর্ম নিজেই, ক্ষেত্র, বোতাম, যেকোনো পদক্ষেপ, ত্রুটি বার্তা এবং নিশ্চিতকরণ বার্তাগুলি কাস্টমাইজ করা যেতে পারে।

যারা ইতিমধ্যেই এলিমেন্টরের সাথে পরিচিত তাদের জন্য, এলিমেন্টর ফর্ম স্টাইলিংয়ে তাদের আরও বেশি কিছু শেখার দরকার নেই।

একটি ফর্মের উপর ক্রিয়াকলাপ

এলিমেন্টরে একটি ফর্ম তৈরি করার বিষয়ে আমাদের আলোচনার পরে, আসুন আপনার ফর্ম জমা দেওয়ার পরে কী ঘটবে তা কনফিগার করা দেখি; এটি ফর্ম অ্যাকশনের মাধ্যমে সম্পন্ন করা হয়, অথবা যেমন এলিমেন্টরে উল্লেখ করা হয়েছে, জমা দেওয়ার পরে অ্যাকশন।

যখন একটি ফর্ম জমা দেওয়া হয়, তখন সিস্টেমের জন্য একটি ইমেল পাঠানো এবং ব্যবহারকারীকে একটি ভিন্ন ওয়েবপেজে পুনঃনির্দেশ করা সাধারণ। আপনি অবশ্যই, আপনার ফর্মগুলিতে যতগুলি চান ততগুলি অ্যাকশন অন্তর্ভুক্ত করতে পারেন এবং আপনি যেভাবে চান সেগুলিকে একত্রিত করতে পারেন৷ আপনি যেমন আশা করতে পারেন, একটি নির্দিষ্ট নির্বাচক ক্ষেত্র রয়েছে যেখানে কোনও কোডিং জড়িত নেই।

আপনার যোগ করা প্রতিটি ক্রিয়া প্রধান মেনুতে একটি পৃথক ট্যাব বিকল্প হিসাবে প্রদর্শিত হবে। আমাদের কাছে বর্তমানে ইমেলের জন্য একটি ট্যাব বিকল্প রয়েছে, কিন্তু আমি যদি অ্যাড অ্যাকশন ফিল্ডে একটি পুনঃনির্দেশ অন্তর্ভুক্ত করি, তাহলে আমি আমার ট্যাব বিকল্পগুলিতে পুনঃনির্দেশও দেখতে পাব, যেমনটি নীচের amp দেখানো হয়েছে।

উপসংহারে, আমি ইমেলের মাধ্যমে জমা গ্রহণ করার জন্য ফর্মটি কীভাবে কনফিগার করতে হয় তা প্রদর্শন করব, ফর্ম সম্পর্কে প্রায়শই জিজ্ঞাসিত প্রশ্ন৷

আপনি যখন সম্পাদকের বিষয়বস্তু ট্যাব থেকে ইমেল নির্বাচন করবেন, তখন আপনাকে নীচে দেখানো স্ক্রীনটি উপস্থাপন করা হবে; এখানে আপনি ইমেল এবং উত্তর ইমেল থেকে ব্যক্তিগতকৃত করতে পারেন, এবং আপনি ফর্ম থেকে জমাগুলির একটি অনুলিপি গ্রহণ করা উচিত এমন যে কেউ একটি CC বা BCC যোগ করতে পারেন৷

এলিমেন্টরে একটি যোগাযোগ ফর্ম মেসেজিং টেমপ্লেট তৈরি করা

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

একটি বিরক্তিকর রোবটের মতো শোনার পরিবর্তে আপনার ফর্মটি পূরণ করা শেষ ব্যবহারকারীকে আরও ব্যক্তিগতকৃত প্রতিক্রিয়া প্রক্রিয়া প্রদান করার জন্য ফর্ম বার্তাগুলি কাস্টমাইজ করা সম্ভব৷ কিন্তু, বিশেষভাবে, আপনার Elementor যোগাযোগ ফর্মের জন্য আপনি কোন বার্তাগুলি কাস্টমাইজ করতে পারেন তা হল:

শুরু করতে, আপনাকে প্রথমে ড্রপডাউন মেনু থেকে "অতিরিক্ত বিকল্পগুলি" নির্বাচন করে এবং তারপর "কাস্টম মেসেজিং" এর জন্য টগল সুইচটি "হ্যাঁ" তে স্যুইচ করে কাস্টম মেসেজিং সক্ষম করতে হবে।

কাস্টম বার্তা যোগ করে এলিমেন্টর যোগাযোগ ফর্ম উইজেট কাস্টমাইজেশন

আপনি দেখতে পাচ্ছেন, চারটি ভিন্ন বার্তা রয়েছে যা আপনি কাস্টমাইজ করতে পারেন, নীচে তালিকাভুক্তগুলি সহ:

ফর্মটি জমা দেওয়ার পরে এবং ফর্মটি সঠিকভাবে পূরণ করা হয়েছে কিনা তা যাচাই করার পরে একটি সফল বার্তা একটি শেষ-ব্যবহারকারীর কাছে প্রদর্শিত হয় (যেমন, প্রয়োজনীয় ক্ষেত্রগুলি নেই, ইত্যাদি)৷

ত্রুটি বার্তা - একটি বার্তা যা শেষ ব্যবহারকারীর কাছে প্রদর্শিত হয় যখন ফর্ম জমা দেওয়ার সময় একটি অজানা ত্রুটি ঘটে।

প্রয়োজনীয় বার্তা — উপস্থিত হয় যখন একটি প্রয়োজনীয় ফর্ম ক্ষেত্র পূরণ করা হয় না, ফর্ম জমা দেওয়া হয় এবং ফর্মটি সম্পূর্ণ না হয়।

যখন ফর্ম জমা দেওয়ার মধ্যে কিছু ভুল হয় এবং পাঠানো যায় না, তখন শেষ ব্যবহারকারীর কাছে অবৈধ বার্তাটি প্রদর্শিত হয়।

বার্তাগুলি সম্পাদনা করতে সক্ষম হওয়া আপনাকে সৃজনশীল এবং উদ্ভট হতে দেয়, অথবা আপনি যদি একটি কর্পোরেট সাইট চালান তবে আরও আনুষ্ঠানিক এবং ব্যবসার মতো। সেরা অংশ হল যে তারা সম্পূর্ণরূপে সম্পাদনাযোগ্য, তাই আপনি যা চান তা করতে পারেন!

উপসংহার

এলিমেন্টর ফর্ম উইজেট, এটি একটি যোগাযোগ ফর্ম নির্মাণ করা সহজ. এটি একটি স্বজ্ঞাত ড্র্যাগ-এন্ড-ড্রপ কন্টাক্ট ফর্ম বিল্ডার এবং কাস্টমাইজেশন বিকল্পগুলির আধিক্যের সাথে আসে যা এটিকে বাজারে উপলব্ধ অন্যান্য যোগাযোগ ফর্ম plugin থেকে আলাদা করে৷ আপনি সহজেই এর স্টাইলিং এবং রঙের স্কিম আপনার কোম্পানির চেহারা এবং অনুভূতির সাথে মেলে কাস্টমাইজ করতে পারেন। এছাড়াও অন্যান্য আকর্ষণীয় উইজেট, 300+ এর বেশি পেশাদার টেমপ্লেট এবং একটি সুবিধাজনক প্যাকেজে একটি পপ-আপ নির্মাতা অন্তর্ভুক্ত রয়েছে। এই সম্পূর্ণরূপে বৈশিষ্ট্যযুক্ত ওয়ার্ডপ্রেস পৃষ্ঠা নির্মাতা সমস্ত প্রয়োজনীয় উইজেট এবং বৈশিষ্ট্যগুলি নিয়ে গঠিত, তাই আপনার ওয়েবসাইটকে আরও কাস্টমাইজ করার জন্য আপনাকে অতিরিক্ত পৃষ্ঠা নির্মাতা কিনতে হবে না। উপরন্তু, এটি 30 টিরও বেশি বিপণন পরিষেবাগুলির একীকরণের অনুমতি দেয়, যে কারণে এটি বর্তমানে বাজারে সবচেয়ে জনপ্রিয়ভাবে কেনা plugin মধ্যে একটি৷

হ্যানসন এফ।

সাম্প্রতিক পোস্ট

Elementor এর সাথে হেডার এবং ফুটার কিভাবে ব্যবহার করবেন

একটি ওয়েবসাইটের শিরোনাম এবং ফুটার অপরিহার্য উপাদান। বেশিরভাগ ক্ষেত্রে, হেডার নেভিগেশন প্রদান করে...

6 জানুয়ারী, 2022

ওয়ার্ডপ্রেস থিম তুলনা: Astra বনাম OceanWP

বাজারে সবচেয়ে জনপ্রিয় দুটি ওয়ার্ডপ্রেস থিম হল Astra এবং OceanWP। পেশাদার…

জানুয়ারী 2, 2022

ওয়ার্ডপ্রেস সংবাদ থিম তুলনা: সংবাদপত্র বনাম Astra

একটি চমৎকার নিউজ ওয়েবসাইট তৈরি করার জন্য আপনাকে ওয়েব ডিজাইনার হতে হবে না। আমরা…

25 অক্টোবর, 2021

নিউজপেপার থিম সহ একটি সংবাদ-সম্পর্কিত ওয়েবসাইট তৈরি করুন

নিউজপেপার থিম হল ট্যাগডিভ দ্বারা ডিজাইন করা সবচেয়ে উল্লেখযোগ্য ওয়ার্ডপ্রেস থিমগুলির মধ্যে একটি, একটি…

18 অক্টোবর, 2021

Avada WooCommerce নির্মাতার সাথে কীভাবে একটি ইকমার্স তৈরি করবেন

যখন একটি অনলাইন স্টোর সেট আপ করার কথা আসে, তখন WooCommerce হল গো-টু plugin ৷ এটা…

4 অক্টোবর, 2021

এলিমেন্টরের সাথে কীভাবে স্টিকি হেডার এবং স্ক্রলিং প্রভাবগুলি ব্যবহার করবেন

একটি শিরোনাম হল সাধারণত প্রথম জিনিস যা একজন ব্যক্তি দেখেন যখন তারা আপনার ওয়েবসাইট পরিদর্শন করেন,…

21 সেপ্টেম্বর, 2021