TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

Weebly সাইটে RSVP ফর্ম যোগ করুন এবং কাস্টমাইজ করুন

2

RSVP এর অর্থ ফরাসি ভাষায় Répondez S’il Vous Plaît যার অর্থ সাড়া দেওয়ার অনুরোধ। সাধারনত যোগাযোগ ফর্ম ব্যবহারকারীকে সাইট মালিকের সাথে মতামত বা স্পষ্টীকরণের সাথে যোগাযোগ করার অনুমতি দেয় যেখানে আরএসভিপি ফর্মটি সাইট মালিকদের জন্য ব্যবহারকারীদের কাছ থেকে তথ্য পাওয়ার জন্য। উদাহরণস্বরূপ, সাইটের মালিক ব্যবহারকারীদের কাছ থেকে একটি নিশ্চিতকরণ পেতে পারেন যে তারা যোগাযোগ ফর্মের চেয়ে সহজেই RSVP ফর্ম ব্যবহার করে পরিচালিত ইভেন্টে অংশগ্রহণ করবে কিনা। Weebly একটি ড্র্যাগ অ্যান্ড ড্রপ RSVP ফর্ম এলিমেন্ট প্রদান করে এবং প্রতিটি ক্ষেত্র আলাদাভাবে কাস্টমাইজ করা যায়।

সম্পর্কিত: কিভাবে উইবলিতে যোগাযোগ ফর্ম যোগ এবং কাস্টমাইজ করবেন?

Weebly RSVP ফর্ম ক্ষেত্র

Weebly এডিটরের এলিমেন্টস কলাম স্বয়ংক্রিয়ভাবে পরিবর্তিত হয়ে ক্ষেত্র গঠন করবে যখন আপনি একটি RSVP ফর্ম এলিমেন্ট আপনার সাইটের বিষয়বস্তু এলাকায় টেনে আনবেন এবং ড্রপ করবেন। সমস্ত ফর্ম ক্ষেত্রগুলি নিম্নলিখিত তিনটি বিভাগে শ্রেণীবদ্ধ করা হয়েছে এবং প্রতিটি ক্ষেত্রকে RSVP ফর্মের ভিতরে টেনে আনা যেতে পারে।

ফর্ম ক্ষেত্র:

  • সংক্ষিপ্ত পাঠ্য বাক্স
  • বড় টেক্সট বক্স
  • বিকল্প বোতাম
  • ড্রপ ডাউন বক্স
  • চেক বক্স
  • প্রো ব্যবহারকারীর জন্য ফাইল আপলোড
  • নাম, ইমেইল, ঠিকানা এবং ফোন নম্বর

গঠন:

মৌলিক:

  • শিরোনাম, পাঠ্য, চিত্র এবং এম্বেড কোড

ফর্ম এলিমেন্টে ক্লিক করলে RSVP ফর্মের জন্য তিনটি কন্ট্রোল অপশন দেখা যাবে – ভিউ এন্ট্রি, ফর্ম অপশন এবং সেভ।

ফর্ম বিকল্প

নিচের ছবিতে দেখানো উন্নত ফর্ম অপশন পপআপ দেখতে ফর্ম অপশন বাটনে ক্লিক করুন।

Weebly সাইটে RSVP ফর্ম যোগ করুন এবং কাস্টমাইজ করুন

Weebly RSVP ফর্ম বিকল্প

উপলব্ধ কাস্টমাইজিং বিকল্পগুলি হল:

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

ফিল্ড লেভেল কাস্টমাইজেশন

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

Weebly সাইটে RSVP ফর্ম যোগ করুন এবং কাস্টমাইজ করুন

নির্দেশ এবং বাধ্যতামূলক ক্ষেত্র

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

প্রো ব্যবহারকারীর জন্য ফর্ম বিকল্প

প্রো ব্যবহারকারীদের নিম্নলিখিত অতিরিক্ত ফর্ম বৈশিষ্ট্য থাকবে:

  • ফাইল আপলোড – এটি একটি প্রো ফিল্ড যা ব্যবহারকারীকে একটি আপলোড করা ফাইলের সাথে একটি ফর্ম জমা দিতে সাহায্য করে। এটি একটি খুব দরকারী বৈশিষ্ট্য হবে যাতে ব্যবহারকারী অতিরিক্ত ডকুমেন্ট বা স্ক্রিনশট আপলোড করতে পারেন যা আপনাকে আরও ভাল সহায়তা দিতে সাহায্য করবে। 20 MB হল সর্বাধিক ফাইলের আকার যা একটি ফর্মে আপলোড করা যায়।
  • পাদলেখ ফর্ম যোগ করা – সাইটের বিষয়বস্তু এলাকায় RSVP ফর্ম যোগ করার পাশাপাশি, প্রো ব্যবহারকারীরা পাদলেখ এলাকায় একটি RSVP ফর্ম যোগ করতে পারেন।

Weebly সাইটে RSVP ফর্ম যোগ করুন এবং কাস্টমাইজ করুন

Weebly RSVP ফর্মে ফাইল আপলোড করুন

ফর্ম এন্ট্রি দেখা

RSVP ফর্ম এন্ট্রিগুলির প্রতিক্রিয়াগুলি বিভিন্ন উপায়ে দেখা যেতে পারে:

  • "ভিউ এন্ট্রি" বোতামটি দেখতে ফর্মটিতে ক্লিক করুন, যা সমস্ত ফর্ম জমা দেওয়ার সাথে একটি নতুন উইন্ডো খুলবে।
  • ফর্ম জমা দেওয়ার সময় আপনি একটি ইমেল সতর্কতাও পাবেন।
  • ড্যাশবোর্ড থেকে সরাসরি ফর্ম জমা দেখুন।
  • আপনি চলতে চলতে আপনার ফর্ম এন্ট্রি দেখতে এবং উত্তর দিতে Weebly iPhone বা Android অ্যাপ ব্যবহার করতে পারেন।

একটি Weebly সাইটে যোগাযোগ ফর্ম এবং RSVP ফর্ম কেমন হবে তা নিচে দেওয়া হল:

Weebly সাইটে RSVP ফর্ম যোগ করুন এবং কাস্টমাইজ করুন

নমুনা Weebly যোগাযোগ এবং RSVP ফর্ম

Weebly RSVP ফর্ম ব্যবহার করার কৌশল

  • যেহেতু Weebly RSVP ফর্মের আকার ডিফল্টরূপে সামঞ্জস্য করা যায় না, তাই ফর্মের প্রস্থ সামঞ্জস্য করতে ফর্ম এলিমেন্টের পাশে "স্পেসার" উপাদান রাখুন।
  • স্প্যাম ফর্ম জমা দেওয়া এড়াতে "বিকল্প বোতাম" বা "চেকবক্স" থাকা নিশ্চিত করুন।
  • ডিফল্টরূপে RSVP ফর্মের পটভূমির রঙ পরিবর্তন করা যাবে না। প্রকাশিত সাইটে ফর্মটিতে ডান ক্লিক করুন এবং "পরিদর্শন" বা " পরিদর্শন উপাদান " এ ক্লিক করুন এবং নীচে দেখানো হিসাবে আপনার RSVP ফর্মের #id ফর্মটি সন্ধান করুন:

Weebly সাইটে RSVP ফর্ম যোগ করুন এবং কাস্টমাইজ করুন

Weebly তে RSVP ফর্ম #ID খোঁজা হচ্ছে

  • একবার আপনি #id ফর্মটি পেলে আপনার Weebly পৃষ্ঠার "হেডার কোড" বিভাগে নীচের কোডটি যোগ করুন। #Id ফর্মটি আপনার নিজের #id দিয়ে প্রতিস্থাপন করতে ভুলবেন না।
<style> #form-880080948214216107 { background-color: rgba(255, 235, 59, 0.2); padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); } </style>

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত