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

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

1

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

সম্পর্কিত: কিভাবে ওয়ার্ডপ্রেস সাইটে যোগাযোগ ফর্ম যোগ করবেন?

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

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

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

গঠন:

  • ডিভাইডার এবং স্পেসার

মৌলিক:

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

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

Weebly আকারে ক্ষেত্রগুলি টেনে আনুন এবং ফেলে দিন

সাধারণ উপাদানের মতো, আপনি প্রতিটি ক্ষেত্রকে টেনে আনতে পারেন এবং আপনার ফর্মটিতে যুক্ত করতে পারেন। ফর্ম এলিমেন্টে ক্লিক করলে তিনটি অপশন দেখা যাবে ভিউ এন্ট্রি, ফর্ম অপশন এবং সেভ।

ফর্ম বিকল্প

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

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

Weebly যোগাযোগ ফর্ম বিকল্প

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

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

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

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

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

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

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

নির্দেশাবলী ব্যবহারকারীদের সেই নির্দিষ্ট ক্ষেত্রটি কীভাবে পূরণ করতে হবে এবং সাহায্য বার্তাটি যখনই দায়ের করা হবে তখন প্রদর্শিত হবে।

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

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

Weebly কন্টাক্ট ফর্মে অপশন বাটন ব্যবহার করা

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

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

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

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

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

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

ফর্ম এন্ট্রিগুলি একাধিক উপায়ে দেখা যেতে পারে এবং সেই অনুযায়ী প্রয়োজনীয় প্রতিক্রিয়া জমা দেওয়ার জন্য পাঠানো যেতে পারে।

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

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

Weebly ড্যাশবোর্ডে যোগাযোগ ফর্ম এন্ট্রি দেখুন

  • আপনি চলতে চলতে আপনার ফর্ম এন্ট্রি দেখতে এবং উত্তর দিতে Weebly iPhone বা Android অ্যাপ ব্যবহার করতে পারেন।

Weebly যোগাযোগ ফর্ম জন্য কৌশল কাস্টমাইজ করা

যোগাযোগ ফর্মের আকার সামঞ্জস্য করা

Weebly ফর্মের আকার ডিফল্টরূপে সামঞ্জস্য করা যাবে না। আকার পরিবর্তন করার জন্য, "স্পেসার" উপাদানগুলিকে ফর্ম এলিমেন্টের পাশে রাখুন এবং ফর্মের প্রস্থ সামঞ্জস্য করুন।

স্প্যাম ফর্ম জমা কমানো

Weebly কন্টাক্ট ফর্মের মধ্যে সবচেয়ে বড় সমস্যা হল স্প্যাম জমা দেওয়া – স্প্যামার এবং বটগুলি স্প্যাম এন্ট্রি জমা দেবে এবং আপনার মেইল ​​বক্স বন্যা করবে। যেহেতু Weebly কন্টাক ফর্মের জন্য ক্যাপচা অফার করে না, তাই স্প্যাম জমাগুলি পরিচালনা করা সাইট মালিকদের জন্য একটি বিরক্তিকর কাজ হবে। কোড পরিবর্তন না করে স্প্যাম কমানোর দুটি উপায় রয়েছে:

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

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

Weebly যোগাযোগ ফর্মে ম্যানুয়াল ক্যাপচা যোগ করুন

উপরের দুটি বিকল্পে, স্বয়ংক্রিয় বটগুলি চেকবক্স বা বিকল্প বোতামটি চয়ন করতে ব্যর্থ হবে যাতে স্প্যাম এন্ট্রি বন্ধ হয়ে যায়।

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

Weebly যোগাযোগ ফর্মে স্প্যাম জমা প্রতিরোধ করুন

Weebly যোগাযোগ ফর্মের পটভূমির রঙ পরিবর্তন করা

অনেক ব্যবহারকারী আমাদের ইমেইল করেছেন এবং ওয়েবেলি যোগাযোগ ফর্মের পটভূমির রঙ পরিবর্তন করার উপায় জিজ্ঞাসা করেছেন এবং এটি কীভাবে করবেন তা এখানে। প্রতিটি কন্টাক্ট ফর্মে সাইট প্রকাশের পর #id একটি ফর্ম থাকবে। একটি প্রকাশিত সাইটের কন্টাক্ট ফর্মে ডান ক্লিক করুন এবং "ইন্সপেক্ট" বা "ইন্সপেক্ট এলিমেন্ট" অপশনে ক্লিক করুন এবং নিচের ছবিতে দেখানো আপনার ফর্মের #id নম্বরটি খুঁজে বের করুন। #Id ফর্মটি "ফর্ম -1234567890123" এর মতো কিছু হবে এবং প্রতিটি ফর্মের জন্য অনন্য হবে।

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

Weebly- এ যোগাযোগ ফর্ম #ID খোঁজা হচ্ছে

এখন Weebly এডিটর এ যান এবং যে পৃষ্ঠায় আপনার একটি যোগাযোগ ফর্ম আছে সেই পৃষ্ঠার "হেডার কোড" বিভাগের অধীনে নিচের CSS কোড যোগ করুন। #Id ফর্মটি আপনার নিজের #id দিয়ে প্রতিস্থাপন করতে ভুলবেন না।

<style> #form-632853235871630597 { background-color: beige; padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); } </style>

আপনার যদি একাধিক ফর্ম থাকে তাহলে আপনি সেগুলিকে বিভিন্ন ব্যাকগ্রাউন্ড কালার দিয়ে কাস্টমাইজ করতে পারেন অথবা #ID1, ID2 এর মত সব ফর্ম #ID যোগ করতে পারেন এবং সব ফর্মের জন্য একই স্টাইল আছে। আপনার যদি আরও ফর্ম থাকে তবে "সেটিংস> এসইও> হেডার কোড " বিভাগে বা "মেইন.লেস" ফাইলের অধীনে সিএসএস যোগ করুন।

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

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