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

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

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

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

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

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

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

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

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

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

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

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

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

পাশাপাশি আরও কয়েকটি আকর্ষণীয় বিকল্প রয়েছে। উদা amp Le, যখন কেউ আপনার ফর্মটি পূরণ, আপনি ফসকা বা বিভেদ মাধ্যমে সূচনা প্রাপ্ত করতে পারেন।

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

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

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

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

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

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

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

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

একটি ফিল্ড ডুপ্লিকেট করাও দুটি ডকুমেন্টের মতো দেখতে আইকন নির্বাচন করে, অন্যটির সামনে একটিতে ক্লিক করে। 

একটি ফর্মের ক্ষেত্রের ধরন

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

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

এলিমেন্টার ফর্মের ক্ষেত্রের ধরন

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

উপসংহার

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

একটি মন্তব্য ত্যাগ করুন

আপনার ইমেইল ঠিকানা প্রচার করা হবে না. প্রয়োজনীয় ক্ষেত্রগুলি চিহ্নিত করা হয়েছে *