Contact Form প্লাগইন সেটআপ করার সম্পূর্ণ প্রসেস

একটি ব্লগের স্পিড বা গতি বাড়ানোর জন্য আমরা অনেকেই ব্লগের ডিফল্ট জাভাস্ক্রিপ্ট (Default Widget Script) বন্ধ করে রাখি। কিন্তু এতে বড় একটি সমস্যা হলো—ব্লগারের ডিফল্ট কন্টাক্ট ফর্মটি আর কাজ করে না। ফলে ভিজিটররা আপনার সাথে যোগাযোগ করতে পারে না।

এই সমস্যার যুগান্তকারী সমাধান নিয়ে এসেছে Probha টেমপ্লেট। আমরা গর্বের সাথে জানাচ্ছি, বিশ্বের প্রথম ব্লগার থিম হিসেবে আমরা এমন একটি পেজ প্লাগিন তৈরি করেছি, যা ব্লগের ডিফল্ট স্ক্রিপ্ট বন্ধ থাকলেও সরাসরি Blogger Contact API ব্যবহার করে মেসেজ পাঠাতে সক্ষম।

কেন এটি অন্যদের চেয়ে আলাদা?

ডিফল্ট স্ক্রিপ্ট লাগে না: আপনার সাইটের স্পিড অপ্টিমাইজেশনের জন্য সব স্ক্রিপ্ট অফ থাকলেও এটি ১০০% কাজ করবে।
অটোমেটিক জেনারেশন: আপনাকে কোনো HTML কোড পেস্ট করতে হবে না। শুধু একটি নির্দিষ্ট পেজ লিংক দিলেই সেখানে ফর্মটি অটোমেটিক তৈরি হয়ে যাবে।
নেটিভ এপিআই: এটি কোনো থার্ড-পার্টি সার্ভিস নয়, বরং ব্লগের নিজস্ব সিকিউর সিস্টেম ব্যবহার করেই মেসেজ পাঠায়।

প্লাগিনটি কোথায় পাবেন?

এটি সেটআপ করতে লেআউট অপশনই যথেষ্ট।

ব্লগার ড্যাশবোর্ড থেকে Layout অপশনে যান।
Plugins সেকশন থেকে "Contact Form" গ্যাজেটটি খুঁজে বের করুন।

কনফিগারেশন গাইড

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

স্ট্যাটাস এবং লোকেশন (সবচেয়ে গুরুত্বপূর্ণ)

"status": true — প্লাগিনটি চালু রাখতে true এবং বন্ধ রাখতে false দিন।
"location": "/p/contact-us.html" — এখানে খুব সতর্ক থাকতে হবে। আপনি যেই পেজে ফর্মটি দেখাতে চান, সেই পেজের লিংক এখানে দিতে হবে।

গুরুত্বপূর্ণ: আপনাকে ব্লগে আগে থেকেই এই লিংকে (যেমন: /p/contact-us.html) একটি পেজ তৈরি করে রাখতে হবে। পেজটি ফাঁকা থাকলেও সমস্যা নেই, প্লাগিন অটোমেটিক সেখানে ফর্ম বসিয়ে দেবে।

লেভেল বা শিরোনাম (lbs)

ফর্মের ইনপুট বক্সের ওপরে কী লেখা থাকবে তা এখানে ঠিক করবেন।

nm: নামের লেভেল (যেমন: Name)
em: ইমেইলের লেভেল (যেমন: Email)
ms: মেসেজের লেভেল (যেমন: Message)

প্লেসহোল্ডার (plhd)

বক্সের ভেতরে হালকা করে কী লেখা থাকবে তা এখানে ঠিক করবেন।

nm: নাম লেখার নির্দেশনা।
em: ইমেইল লেখার নির্দেশনা।
ms: মেসেজ লেখার নির্দেশনা।

বাটন এবং মেসেজ (btn & msg)

btn: সেন্ড (sn) এবং রিসেট (rs) বাটনের নাম পরিবর্তন করতে পারবেন।
msg: মেসেজ পাঠানোর সময় (sd), সফল হলে (sc) বা ব্যর্থ হলে (fe) কী নোটিফিকেশন দেখাবে, তা এখানে কাস্টমাইজ করা যাবে।

কোড উদাহরণ

নিচে ডিফল্ট কনফিগারেশন দেওয়া হলো। এটি কপি করে আপনার গ্যাজেটে বসিয়ে দিন:

{
  "status": true,
  "location": "/p/contact-us.html",
  "lbs": {
    "nm": "Name",
    "em": "Email *",
    "ms": "Message *"
  },
  "plhd": {
    "nm": "Enter your name",
    "em": "Enter your email",
    "ms": "Type your message here"
  },
  "btn": {
    "sn": "Send",
    "rs": "Reset"
  },
  "msg": {
    "sd": "Sending message...",
    "sc": "Message sent successfully!",
    "fe": "Failed to send message."
  }
}

উপসংহার

Probha টেমপ্লেট সবসময় নতুনত্বের ছোঁয়া নিয়ে আসে। এই কন্টাক্ট ফর্ম প্লাগিনটি আপনার ব্লগের স্পিড ঠিক রেখেও ভিজিটরদের সাথে যোগাযোগের পথ খোলা রাখবে। কোনো রকম কোডিং ঝামেলা ছাড়াই আজই এটি সেটআপ করে নিন। পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন।