Vibe Skills

Claude, Cursor, এবং আরও অনেক কিছুর জন্য শত শত রেডিমেড স্কিল ব্রাউজ করুন।

SaaS প্রাইসিং পেজ ডিজাইনের জন্য সেরা এআই দক্ষতা: কেন আপনার প্রাইসিং পেজটি আপনার মালিকানাধীন সর্বোচ্চ লিভারেজযুক্ত পেজ

২০২৬ সালে SaaS প্রাইসিং পেজ ডিজাইনের জন্য সেরা এআই দক্ষতাগুলি একটি একক পাসে সম্পূর্ণ প্রাইসিং সিস্টেম তৈরি করে - ৩ থেকে ৪টি প্ল্যান কার্ড, তুলনামূলক টেবিল, প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী, সামাজিক প্রমাণ ব্লক এবং একটি বিলিং টগল - যা Next.js, Webflow, বা Framer-এ ড্রপ করার জন্য প্রস্তুত। একটি প্রাইসিং পেজ হল একটি SaaS ওয়েবসাইটের সর্বোচ্চ-রূপান্তরকারী পেজ, এবং একটি সাধারণ ৩-কার্ড লেআউট এবং একটি Linear-গ্রেডের প্রাইসিং সিস্টেমের মধ্যে পার্থক্য মাসিক পুনরাবৃত্তিমূলক আয়ের (monthly recurring revenue) হিসাবে পরিমাপযোগ্য।

Linear, Stripe, Notion, Vercel, Framer, এবং Webflow সকলেই ২০২৩ থেকে ২০২৬ সালের মধ্যে তাদের প্রাইসিং পেজগুলি পুনর্নির্মাণ করেছে। প্যাটার্নটি এখন সামঞ্জস্যপূর্ণ: একটি বৈশিষ্ট্য হাইলাইট করা সহ স্পষ্ট প্ল্যান কার্ড, একটি গভীর তুলনামূলক টেবিল, একটি বার্ষিক/মাসিক টগল যা মূল্যের পরিবর্তনগুলি তাৎক্ষণিকভাবে আপডেট করে, ফোল্ডের উপরে সামাজিক প্রমাণ, এবং একটি প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী যা প্রতিটি আপত্তিকে অগ্রিম প্রতিরোধ করে। বেশিরভাগ SaaS প্রাইসিং পেজ এখনও একটি ৩-কার্ডের পরোয়া না করা ভাবনা হিসাবে প্রকাশিত হয়।

এই গাইডটি Vibe Skills-এ আমরা ২০২৬ সালে সুপারিশ করছি এমন ৭টি SaaS প্রাইসিং পেজ দক্ষতা, প্রতিটির আউটপুট কী এবং এই সপ্তাহে আপনার সাইটে একটি Stripe-গ্রেডের প্রাইসিং পেজ কীভাবে স্থাপন করবেন তা কভার করে।

Vibe Skills

Claude, Cursor, এবং আরও অনেক কিছুর জন্য শত শত রেডিমেড স্কিল ব্রাউজ করুন।

স্কিলগুলি অন্বেষণ করুন

এখনই বিনামূল্যে শুরু করুন

কেন প্রাইসিং পেজ ডিজাইন SaaS রাজস্ব নির্ধারণ করে

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

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

যারা এটি ঠিক করেছে তাদের টিমের প্যাটার্ন:

Linear একটি ৩-কার্ডের প্রাইসিং পেজ একটি পরিষ্কার তুলনামূলক টেবিল, একটি এন্টারপ্রাইজ CTA, এবং একটি প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী সহ প্রকাশ করে - কোনো জঞ্জাল নেই।
Stripe একটি ক্যালকুলেটর-চালিত প্রাইসিং পেজ ব্যবহার করে যা ফিচারগুলি টগল করার সাথে সাথে প্রতি-পণ্যের ভিত্তিতে আপডেট হয়।
Notion একটি ৪-কার্ডের প্রাইসিং পেজ (ফ্রি / প্লাস / বিজনেস / এন্টারপ্রাইজ) একটি দীর্ঘ-ফর্মের তুলনা এবং একটি পৃথক এআই অ্যাড-অন সারি সহ চালায়।
Vercel একটি বিলিং টগল, হার্ড ইউসেজ লিমিট এবং একটি "প্ল্যান তুলনা করুন" এক্সপান্ডেবল সহ একটি প্রাইসিং পেজ তৈরি করেছে যা ৬০+ সারি প্রকাশ করে।
Webflow একই পেজে প্রতি-সাইট এবং প্রতি-ওয়ার্কস্পেস প্রাইসিং দেখায় একটি ট্যাব সিস্টেম সহ যা সম্পূর্ণ লেআউট পরিবর্তন করে।
Framer ডিফল্টরূপে বার্ষিক প্রাইসিং দেখায় এবং ডিসকাউন্ট অ্যাঙ্কর করার জন্য একটি "X% সাশ্রয় করুন" ব্যাজ ব্যবহার করে।

রূপান্তর ডেটা প্যাটার্নটিকে সমর্থন করে। SaaS টিমগুলিতে ২৫-২৬ সালের মধ্যে প্রাইসিং পেজ পুনর্নির্মাণগুলিতে ১৫ - ৪০% ট্রায়াল-টু-পেইড রূপান্তরের বৃদ্ধি এবং গড় রাজস্ব প্রতি সাইনআপে ৮ - ২২% বৃদ্ধি রিপোর্ট করা হয়েছে যখন নতুন পেজে একটি তুলনামূলক টেবিল, ফোল্ডের উপরে সামাজিক প্রমাণ এবং বার্ষিক ডিফল্ট সহ একটি বার্ষিক টগল যোগ করা হয়েছিল।

আগের অসুবিধা ছিল খরচ। একজন ফ্রিল্যান্স ডিজাইনার + ফ্রন্টএন্ড জুটির কাছ থেকে একটি কাস্টম Stripe-গ্রেডের প্রাইসিং পেজ $৮,০০০ - $২৫,০০০ খরচ হয় এবং ডিজাইন ও ইঞ্জিনিয়ারিং পুনরাবৃত্তির জন্য ৪ - ৮ সপ্তাহ সময় লাগে। এআই দক্ষতাগুলি এটিকে একটি একক বিকেল-এ কমিয়ে আনে।

Vibe Skills

Claude, Cursor, এবং আরও অনেক কিছুর জন্য শত শত রেডিমেড স্কিল ব্রাউজ করুন।

স্কিলগুলি অন্বেষণ করুন

এখনই বিনামূল্যে শুরু করুন

রূপান্তরকারী একটি প্রাইসিং পেজের অ্যানাটমি

একটি প্রাইসিং পেজ যা রাজস্ব প্রদান করে তার ছয়টি স্তর রয়েছে। বেশিরভাগ SaaS প্রাইসিং পেজ দুই বা তিনটি স্তর প্রদর্শন করে এবং কেন রূপান্তরগুলি স্থির থাকে তা নিয়ে আশ্চর্য হয়। একটি বাস্তব এআই প্রাইসিং পেজ দক্ষতা ছয়টিই সরবরাহ করে।

স্তর	এটি কী করে	কেন এটি গুরুত্বপূর্ণ	সাধারণ ভুল
প্ল্যান কার্ড	নাম, মূল্য, মূল বৈশিষ্ট্য, CTA সহ ৩ - ৪টি কার্ড	প্রথম স্ক্যান। ভিজিটররা ৮ সেকেন্ডে তাদের প্ল্যান সিদ্ধান্ত নেয়।	সমস্ত কার্ড একই রকম দেখায় - কোনো প্রস্তাবিত পছন্দ নেই
বিলিং টগল	মাসিক / বার্ষিক সুইচ যা মূল্যের পরিবর্তনগুলি তাৎক্ষণিকভাবে আপডেট করে	ডিফল্টগুলি অ্যাঙ্কর সেট করে। বার্ষিক ডিফল্ট = উচ্চতর ARPU।	টগলটি ফোল্ডের নিচে চাপা পড়ে বা পেজ রিফ্রেশ করে
তুলনামূলক টেবিল	সমস্ত প্ল্যানের মধ্যে দীর্ঘ-ফর্মের ফিচার ম্যাট্রিক্স	"আমার জন্য কোন প্ল্যানটি সঠিক" আপত্তিটি বন্ধ করে দেয়	সম্পূর্ণ অনুপস্থিত, বা একটি ক্লিকের পিছনে লুকানো
সামাজিক প্রমাণ	ফোল্ডের উপরে লোগো, প্রশংসাপত্র, গ্রাহক সংখ্যা	প্রথম ২ সেকেন্ডে ক্রেতার ঝুঁকি কমায়	লোগো নীচে যেখানে কেউ স্ক্রোল করে না
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী	৬ - ১২টি অগ্রিম প্রতিরোধ করা আপত্তি	সমর্থন টিকিট কমায় এবং বিক্রয় বাঁচায়	সাধারণ প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী যা প্রকৃত ক্রেতার প্রশ্নের উত্তর দেয় না
এন্টারপ্রাইজ / সেলস CTA	"বিক্রয়ের সাথে যোগাযোগ করুন" এর জন্য ডেডিকেটেড কার্ড বা ব্যানার	বড় অ্যাকাউন্টগুলিকে ভুল প্ল্যানে স্বয়ংক্রিয়ভাবে নির্বাচন করা থেকে বাধা দেয়	হয় অনুপস্থিত, অথবা এত বিশিষ্ট যে এটি স্ব-পরিষেবাকে নষ্ট করে দেয়

প্ল্যান কার্ডগুলি সমান নয়। একটি রূপান্তরকারী প্রাইসিং পেজে সবসময় একটি প্ল্যান "সবচেয়ে জনপ্রিয়" বা "প্রস্তাবিত" হিসাবে দৃশ্যত উন্নত থাকে। এটি সজ্জা নয়। এটি হল অ্যাঙ্কর যা ৫০ - ৭০% ক্রেতাকে আপনার লক্ষ্য প্ল্যানে চালিত করে। Linear স্ট্যান্ডার্ডকে উন্নত করে। Notion প্লাসকে উন্নত করে। Vercel প্রো-কে উন্নত করে। সেই প্ল্যানটি বেছে নিন যা মিশ্রিত ARPU এবং আজীবন মূল্যকে সর্বাধিক করে, তারপর এটিকে ভিজ্যুয়াল হিরো বানান।

বিলিং টগল অ্যাঙ্কর ডিফল্ট করে। যদি আপনার টগল মাসিক ডিফল্ট করে, আপনি ক্রেতাদের ছোট সংখ্যার উপর অ্যাঙ্কর করছেন। বার্ষিক ডিফল্ট করুন এবং সঞ্চয়গুলি ব্যাজ করুন ("২৫% সাশ্রয় করুন") এবং আপনি অবিলম্বে ARPU বাড়িয়ে তুলবেন। Framer, Linear, এবং Vercel সকলেই বার্ষিক ডিফল্ট করে।

তুলনামূলক টেবিল হল যেখানে ডিলটি আসলে বন্ধ হয়। যারা কার্ডগুলি পেরিয়ে স্ক্রোল করে তারা "আমাকে রাজি করান" পর্যায়ে রয়েছে। তুলনামূলক টেবিল হল আপনার ক্লোজার। এটি দীর্ঘ, বিভাগ দ্বারা সংগঠিত (সীমাবদ্ধতা / বৈশিষ্ট্য / সমর্থন / সম্মতি), এবং স্পষ্ট বাইনারি সূচক (চেক মার্ক, ড্যাশ, "কাস্টম" পিল) ব্যবহার করা আবশ্যক। এটি এড়িয়ে যাওয়া ইন্ডি SaaS প্রাইসিং পেজগুলিতে একক বৃহত্তম ভুল।

Vibe Skills-এ SaaS প্রাইসিং পেজ ডিজাইনের জন্য ৭টি এআই দক্ষতা

এগুলি হল ৭টি SaaS প্রাইসিং পেজ দক্ষতা যা আমরা ২০২৬ সালে সুপারিশ করছি। সমস্ত Vibe Skills-এর ওয়েব এবং UI ডিজাইন বিভাগে লাইভ থাকে এবং React, Next.js, বা Webflow / Framer-রেডি কম্পোনেন্ট হিসাবে প্রকাশিত হয় যেখানে তুলনামূলক টেবিল, প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী এবং বিলিং টগল বিল্ট-ইন থাকে।

১. ৩-কার্ড প্রাইসিং পেজ জেনারেটর (Linear-স্টাইল)

"সবচেয়ে জনপ্রিয়" হিসাবে একটি প্ল্যান উন্নত করা সহ পরিষ্কার ৩-কার্ড লেআউট। আপনার প্ল্যান, মূল্য এবং বৈশিষ্ট্য তালিকা পাস করুন, এবং দক্ষতা কার্ড, বিলিং টগল, তুলনামূলক টেবিল, প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী এবং একটি সামাজিক প্রমাণ বার তৈরি করে। এটি একটি একক Next.js পেজ বা Framer টেমপ্লেট হিসাবে প্রকাশিত হয়।

এর জন্য সেরা: SaaS, ডেভ টুলস, ইন্ডি পণ্য, যাদের প্রাইসিং ৩টি প্ল্যানে পরিষ্কারভাবে ফিট করে। আউটপুট: <PricingPage /> Next.js পেজ বা .framer টেমপ্লেট, তুলনামূলক টেবিল, প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী বিভাগ। শিপ করার সময়: ইনপুট থেকে ডিপ্লয়মেন্ট পর্যন্ত ৬০ - ৯০ মিনিট।

২. ৪-কার্ড প্রাইসিং পেজ (Notion / Vercel-স্টাইল)

ফ্রি, স্ট্যান্ডার্ড, প্রো এবং এন্টারপ্রাইজের জন্য ৪-কার্ড লেআউট। ৩-কার্ড দক্ষতার মতোই জেনারেটর, কিন্তু ডেস্কটপে ৪টি কলাম এবং ট্যাবলেটে ২x২ গ্রিডের জন্য টিউন করা ভিজ্যুয়াল হায়ারার্কি সহ।

এর জন্য সেরা: ফ্রিমিয়াম SaaS, একটি স্পষ্ট ফ্রি টায়ার সহ পণ্য, একই পেজে এন্টারপ্রাইজ আপসেল প্রয়োজন এমন যেকোনো কিছু। আউটপুট: রেসপন্সিভ ৪-কলাম গ্রিড, সম্পূর্ণ তুলনামূলক টেবিল, এন্টারপ্রাইজ CTA কার্ড সহ <PricingPage4 /> কম্পোনেন্ট।

৩. প্রাইসিং তুলনামূলক টেবিল দক্ষতা

বিদ্যমান প্ল্যান কার্ডের নিচে ড্রপ করার জন্য একটি স্ট্যান্ডঅ্যালোন গভীর তুলনামূলক টেবিল। বিভাগ (সীমা / বৈশিষ্ট্য / ইন্টিগ্রেশন / নিরাপত্তা / সমর্থন) দ্বারা সংগঠিত ৪০ - ৮০টি সারি তৈরি করে, যেখানে স্টিকি কলাম হেডার এবং মোবাইল-বান্ধব অনুভূমিক স্ক্রোল রয়েছে।

এর জন্য সেরা: দীর্ঘ ফিচার তালিকা সহ পরিপক্ক SaaS, "আমি কি পাই তা আমি জানি না" এই কারণে ডিল হারানো পণ্য। আউটপুট: JSON-চালিত সারি, রেসপন্সিভ স্টিকি হেডার, প্ল্যান-কালার হাইলাইটিং সহ <ComparisonTable /> কম্পোনেন্ট।

৪. বার্ষিক / মাসিক বিলিং টগল

ইন্টারেক্টিভ টগল যা "X% সাশ্রয় করুন" ব্যাজ সহ মূল্যের পরিবর্তনগুলি তাৎক্ষণিকভাবে পরিবর্তন করে। যেকোনো বিদ্যমান প্রাইসিং পেজে ড্রপ হয়। URL কোয়েরি প্যারামিটারে পছন্দ ধরে রাখে যাতে ব্যবহারকারী তাদের নির্বাচন শেয়ার করতে পারে এবং ইমেল প্রচারগুলি থেকে ডিপ লিঙ্কগুলিকে সম্মান করে ("?billing=annual")।

এর জন্য সেরা: টগল অনুপস্থিত বিদ্যমান প্রাইসিং পেজ, বা যে পেজগুলিতে টগলটি ফোল্ডের নিচে চাপা পড়ে আছে। আউটপুট: URL স্টেট, অ্যানিমেটেড মূল্য ট্রানজিশন, এবং ডিসকাউন্ট ব্যাজ লজিক সহ <BillingToggle /> ক্লায়েন্ট কম্পোনেন্ট।

৫. প্রাইসিং পেজ প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী জেনারেটর

প্রতিটি SaaS ক্রেতা জিজ্ঞাসা করে এমন ১২টি প্রশ্নের উত্তর দেওয়া একটি প্রি-বিল্ট FAQ বিভাগ ("আমার সীমা অতিক্রম করলে কী হবে?", "আমি কি প্ল্যান পরিবর্তন করতে পারি?", "আপনি কি রিফান্ড অফার করেন?", "কী পেমেন্ট পদ্ধতি?", "একটি ফ্রি ট্রায়াল আছে কি?", এবং আরও ৭টি)। অ্যাকর্ডিয়ন UX-এর জন্য টিউন করা এবং FAQ স্কিমা মার্কআপের জন্য প্রস্তুত।

এর জন্য সেরা: কোনো FAQ ছাড়া প্রাইসিং পেজ, বা FAQ যা মার্কেটিং ফ্লফের পরিবর্তে আসল উত্তর হিসাবে পঠিত হয়। আউটপুট: Google-এ সমৃদ্ধ ফলাফলের জন্য <PricingFAQ /> অ্যাকর্ডিয়ন + JSON-LD FAQPage স্কিমা।

৬. সামাজিক প্রমাণ প্রাইসিং স্ট্রিপ

ফোল্ডের উপরে গ্রাহকের লোগো বার, প্রশংসাপত্রগুলি ঘোরানো সহ। পেজ হেডিং এর ঠিক নিচে, প্ল্যান কার্ডের আগে, ৮ - ১৬টি গ্রাহকের লোগো এবং ৩টি প্রশংসাপত্র একটি টাইট স্ট্রিপে পুল করে।

এর জন্য সেরা: শক্তিশালী গ্রাহক লোগো সহ ব্র্যান্ড, মূল্য প্রকাশের আগে ক্রেতার ঝুঁকি কমাতে হবে এমন পণ্য। আউটপুট: লোগো ক্যারোসেল, অ্যানিমেটেড প্রশংসাপত্র রোটেশন, এবং "৫,০০০+ টিমের দ্বারা ব্যবহৃত" কাউন্টার সহ <PricingProofStrip /> কম্পোনেন্ট।

৭. এন্টারপ্রাইজ / সেলস CTA ব্লক

স্ব-পরিষেবা সীমা অতিক্রমকারী অ্যাকাউন্টগুলির জন্য ডেডিকেটেড "বিক্রয়ের সাথে কথা বলুন" প্যানেল। হয় একটি ৪র্থ কার্ড হিসাবে বা তুলনামূলক টেবিলের নিচে একটি ফুল-উইডথ ব্যানার হিসাবে রেন্ডার হয়। আপনার ডেমো বুকিং সিস্টেমের (Cal.com, HubSpot, Calendly) সাথে প্রি-ওয়ায়ার্ড।

এর জন্য সেরা: একটি বাস্তব আপমার্কেট মোশন সহ SaaS, যেখানে ৩০%+ রাজস্ব এন্টারপ্রাইজ থেকে আসে এমন পণ্য। আউটপুট: ক্যালেন্ডার এমবেড, ট্রাস্ট সিগন্যাল (SOC 2, GDPR ব্যাজ), এবং একটি স্পষ্ট "বিক্রয়ের সাথে যোগাযোগ করুন" পথ সহ <EnterpriseCTA /> ব্লক।

Vibe Skills-এ সমস্ত ওয়েব এবং UI দক্ষতা ব্রাউজ করুন

একদিনে প্রাইসিং পেজ ভেরিয়েন্ট শিপ করুন

"আমাদের একটি ভাল প্রাইসিং পেজ দরকার" থেকে "নতুন পেজ লাইভ এবং A/B টেস্ট চলছে" পর্যন্ত সম্পূর্ণ ওয়ার্কফ্লো। ধাপ ১ হল সর্বদা Vibe Skills-এ সঠিক দক্ষতা নির্বাচন করা - কার্ড কম্পোনেন্টগুলি স্ক্র্যাচ থেকে লেখা দিয়ে শুরু করবেন না।

ধাপ ১: Vibe Skills-এ সঠিক দক্ষতা নির্বাচন করুন

Vibe Skills-এর ওয়েব এবং UI ডিজাইন বিভাগে যান এবং আপনার ব্যবসায়িক মডেলের সাথে প্যাটার্নটি মেলান। কোনো ফ্রি টায়ার ছাড়াই ৩টি প্ল্যান? ৩-কার্ড জেনারেটর বেছে নিন। ফ্রি + এন্টারপ্রাইজ সহ ৪টি প্ল্যান? ৪-কার্ডটি বেছে নিন। ইতিমধ্যেই প্ল্যান কার্ড আছে কিন্তু কোনো তুলনামূলক টেবিল নেই? উপরে তুলনামূলক টেবিল দক্ষতা যোগ করুন।

যদি আপনি নিশ্চিত না হন, ৩-কার্ড জেনারেটর ৭০% SaaS প্রাইসিং পেজ পরিচালনা করে। আপনি পরে সর্বদা তুলনামূলক টেবিল, প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী এবং সামাজিক প্রমাণ দক্ষতাগুলি শীর্ষে যুক্ত করতে পারেন।

ধাপ ২: ইনপুট সরবরাহ করুন

Vibe Skills-এর প্রতিটি প্রাইসিং পেজ দক্ষতার জন্য একই ইনপুট প্রয়োজন:

প্ল্যান (নাম, মাসিক মূল্য, বার্ষিক মূল্য, লক্ষ্য ক্রেতা)
বৈশিষ্ট্য (প্রতিটি প্ল্যানের জন্য বৈশিষ্ট্যের সম্পূর্ণ তালিকা, সীমা সহ)
ব্র্যান্ড রং (প্রাথমিক + ১টি অ্যাকসেন্ট, হেক্স কোড)
গ্রাহকের লোগো (সামাজিক প্রমাণ স্ট্রিপের জন্য ৮ - ১৬টি PNG/SVG ফাইল)
টেক স্ট্যাক (Next.js, Remix, Astro, Webflow, Framer)
হাইলাইট করা প্ল্যান (কোন প্ল্যানটি "সবচেয়ে জনপ্রিয়" হিসাবে রেন্ডার করা উচিত)

যদি আপনার গ্রাহকের লোগো না থাকে, সামাজিক প্রমাণ স্ট্রিপ একটি কাউন্টার ("৫,০০০+ টিমের দ্বারা ব্যবহৃত") এবং একটি একক প্রশংসাপত্রের উপর ফিরে আসে।

ধাপ ৩: ভেরিয়েন্ট তৈরি করুন

দক্ষতা ডিফল্টভাবে ২ - ৩টি ভেরিয়েন্ট তৈরি করে:

ভেরিয়েন্ট A: বার্ষিক টগল ডিফল্ট, স্ট্যান্ডার্ডে "সবচেয়ে জনপ্রিয়" উন্নত।
ভেরিয়েন্ট B: মাসিক টগল ডিফল্ট, প্রো-তে "সবচেয়ে জনপ্রিয়" উন্নত।
ভেরিয়েন্ট C: দীর্ঘ তুলনামূলক টেবিল সামনে এবং কেন্দ্রে (কোন কার্ড উন্নতকরণ নেই)।

Vibe Skills-এর লাইভ স্যান্ডবক্সে তিনটিই প্রিভিউ করুন। একটি নিয়ন্ত্রণ হিসাবে বেছে নিন, পরীক্ষা হিসাবে একটি শিপ করুন।

ধাপ ৪: আপনার প্রকল্পে এটি ড্রপ করুন

Next.js / React এর জন্য:

pnpm add @heroui/react clsx framer-motion

পেজটিকে app/pricing/page.tsx এ কপি করুন, তুলনামূলক টেবিলের ডেটা data/pricing.ts-এ কপি করুন, এবং tailwind.config.js-এ আপনার ব্র্যান্ড রং আপডেট করুন। দক্ষতা টাইপস্ক্রিপ্ট টাইপ সরবরাহ করে এবং সম্পূর্ণরূপে ট্রি-শেকেবল।

Webflow বা Framer এর জন্য, সরাসরি .webflow বা .framer প্যাকেজ আমদানি করুন।

ধাপ ৫: অ্যানালিটিক্স সংযুক্ত করুন

প্রথম দিন থেকেই এই ৬টি ইভেন্ট ট্র্যাক করুন:

pricing_page_viewed
pricing_toggle_changed (monthly বনাম annual সহ)
pricing_card_cta_clicked (প্ল্যানের নাম সহ)
comparison_table_scrolled (ইন্টারসেকশন অবজারভার)
pricing_faq_opened (প্রশ্ন সহ)
enterprise_cta_clicked

এগুলি ছাড়া, আপনি বলতে পারবেন না কোন প্ল্যানটি রূপান্তর করছে এবং কোন FAQ কাজটি করছে।

ধাপ ৬: শিপ করুন এবং A/B টেস্ট করুন

ধাপ ১ থেকে ডিপ্লয়মেন্ট পর্যন্ত মোট সময়: প্রথম প্রাইসিং পেজের জন্য ৪ - ৬ ঘন্টা। একটি পুনরাবৃত্তির জন্য ২ ঘন্টা। বিজয়ী ঘোষণা করার আগে ২ - ৪ সপ্তাহ ধরে A/B টেস্ট চালান - মূল্যায়নে পৌঁছানোর জন্য প্রাইসিং পেজের ভলিউমের প্রয়োজন।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

আমার প্রাইসিং পেজে কি ৩টি কার্ড বা ৪টি কার্ড ব্যবহার করা উচিত?

আপনার ক্রেতা যাত্রা যদি "ফ্রি ট্রায়াল → পেইড → এন্টারপ্রাইজ" হয় এবং একটি সেলফ-সার্ভ টায়ার থাকে তবে ৩টি কার্ড। যদি আপনার একটি স্থায়ী ফ্রি টায়ার (Notion, Vercel, Framer মডেল) থাকে বা স্ট্যান্ডার্ড এবং এন্টারপ্রাইজের মধ্যে একটি স্পষ্ট পাওয়ার-ইউজার প্ল্যান থাকে তবে ৪টি কার্ড। বেশিরভাগ SaaS ৩টি-তে ভাল রূপান্তর করে, কিন্তু ফ্রিমিয়াম পণ্যগুলি ৪টিতে ভাল রূপান্তর করে। সিদ্ধান্ত নেওয়ার আগে উভয় লেআউট প্রিভিউ করতে ওয়েব এবং UI ডিজাইন বিভাগ ব্রাউজ করুন।

আমি কি এন্টারপ্রাইজ প্ল্যান দেখাবো নাকি লুকাবো?

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

বিলিং টগল কি মাসিক বা বার্ষিক ডিফল্ট করা উচিত?

বার্ষিক। বার্ষিক ডিফল্ট করা ক্রেতাকে কম মাসিক নম্বরের উপর অ্যাঙ্কর করে ("বার্ষিকভাবে বিল করা $২৪/মাস" মাসিক $২৯/মাস বিল করার চেয়ে সস্তা মনে হয়), ARPU বাড়ায় এবং টার্ন কমায়। বার্ষিক বিকল্পের পাশে "২০ - ৩০% সাশ্রয় করুন" ব্যাজ দেখান। Linear, Vercel, Framer, এবং Notion সকলেই বার্ষিক ডিফল্ট করে।

আমার কি একটি তুলনামূলক টেবিল প্রয়োজন?

হ্যাঁ - যদি আপনার প্রতি প্ল্যানে ৫টির বেশি বৈশিষ্ট্য থাকে। প্ল্যান কার্ডগুলি সহজ ক্রেতাদের বন্ধ করে দেয়। তুলনামূলক টেবিল ইচ্ছাকৃত ক্রেতাদের বন্ধ করে দেয়। এটি এড়িয়ে যাওয়া ইন্ডি SaaS প্রাইসিং পেজগুলিতে একক বৃহত্তম ভুল এবং আপনি এটি যোগ করলে একক দ্রুততম ফিক্স। Vibe Skills-এ প্রাইসিং তুলনামূলক টেবিল দক্ষতা বিভাগ অনুসারে সংগঠিত ৪০ - ৮০টি সারি সরবরাহ করে, যেখানে স্টিকি হেডার এবং মোবাইল অনুভূমিক স্ক্রোল রয়েছে।

FAQ বিভাগটি কত দীর্ঘ হওয়া উচিত?

৮ - ১২টি প্রশ্ন। কভার করুন: সীমা, প্ল্যান পরিবর্তন, রিফান্ড, পেমেন্ট পদ্ধতি, ফ্রি ট্রায়াল শর্তাবলী, বিলিং ক্যাডেন্স, ট্যাক্স / ভ্যাট, নিরাপত্তা / SOC 2, ডেটা এক্সপোর্ট, বাতিলকরণ, টিম সিট, এবং একটি পণ্য-নির্দিষ্ট প্রশ্ন। জেনেরিক FAQ ("আপনার পণ্য কী?") কম প্রচেষ্টা নির্দেশ করে - আপনার প্রাইসিং পেজ FAQ প্রকৃত বিলিং এবং প্ল্যান আপত্তিগুলির উত্তর দেওয়া উচিত, মার্কেটিং ইন্ট্রো নয়।

প্রাইসিং পেজে সামাজিক প্রমাণ সম্পর্কে কী?

পেজ হেডিং এবং প্ল্যান কার্ডের মধ্যে, ফোল্ডের উপরে গ্রাহকের লোগো। ৮ - ১৬টি লোগো একটি অনুভূমিক স্ট্রিপে, আদর্শভাবে অ্যানিমেশনের মাধ্যমে ঘোরানো। স্ট্রিপের ঠিক নিচে ১ - ৩টি সংক্ষিপ্ত প্রশংসাপত্র যোগ করুন। প্যাটার্নটি মূল্য প্রকাশের আগে, প্রথম ২ সেকেন্ডে ক্রেতার ঝুঁকি কমায়। Stripe, Linear, এবং Webflow সবাই এটি ব্যবহার করে।

আমি কিভাবে একটি বার্ষিক ডিসকাউন্ট মূল্য নির্ধারণ করব?

১৫ - ২৫% হল স্ট্যান্ডার্ড SaaS রেঞ্জ। ২০% হল সবচেয়ে সাধারণ অ্যাঙ্কর (Linear: ২০%, Vercel: ~১৭%, Framer: ২৩%, Notion: ২০%)। এর চেয়ে কম হলে টগল ক্রেতাদের সরবে না। এর চেয়ে বেশি হলে আপনি আপনার মাসিক প্রাইসিং-এ দুর্বলতা সংকেত করেন। সঠিক সংখ্যাটি আপনার অর্থ দলের দ্বারা কোহর্ট রিটেনশন কার্ভের উপর ভিত্তি করে নির্ধারণ করা উচিত।

ইনস্টলেশনের পরে আমি কি তৈরি করা প্রাইসিং পেজ সম্পাদনা করতে পারি?

হ্যাঁ। আউটপুট হল প্লেইন TypeScript + Tailwind (বা সেই টুলগুলির জন্য .framer / .webflow)। আপনি প্রতিটি কম্পোনেন্ট ফাইলের মালিক। রং সম্পাদনা করুন, প্ল্যান কাঠামো পরিবর্তন করুন, তুলনামূলক সারিগুলি টিউন করুন, FAQ পরিবর্তন করুন। দক্ষতা পরিষ্কার, মন্তব্য করা কোড সরবরাহ করে - একটি ব্ল্যাক বক্স নয়।

দ্রুত CTA: স্ক্র্যাচ থেকে প্রাইসিং পেজ তৈরি করা বন্ধ করুন

আপনার প্রাইসিং পেজ হল সাইটের একক সর্বোচ্চ-লিভারেজযুক্ত পেজ। তুলনামূলক টেবিল, বার্ষিক ডিফল্ট সহ টগল, ফোল্ডের উপরে সামাজিক প্রমাণ এবং একটি স্টাব FAQ ছাড়া একটি জেনেরিক ৩-কার্ড লেআউট প্রতি মাসে ১৫ - ৪০% রাজস্ব টেবিলে রেখে যাচ্ছে।

Stripe-গ্রেডের প্রাইসিং পেজগুলি শিপ করা দলগুলি সবাই সিনিয়র প্রোডাক্ট ডিজাইনার এবং ফ্রন্টএন্ড ইঞ্জিনিয়ারদের নিয়োগ করছে না। তারা এআই দক্ষতাগুলি ইনস্টল করছে যা একদিনের কম সময়ে পুরো স্ট্যাক (কার্ড, টগল, তুলনামূলক টেবিল, FAQ, সামাজিক প্রমাণ) সরবরাহ করে।

যদি আপনার প্রাইসিং পেজটি Q1 থেকে "Q3 রিরিডিজাইন" ব্যাকলগে থাকে, আপনি এই সপ্তাহে নতুন সংস্করণটি শিপ করতে পারেন।

Vibe Skills-এ SaaS প্রাইসিং পেজ দক্ষতা ব্রাউজ করুন →

$১৫,০০০ ফ্রিল্যান্স কোট এবং ৬-সপ্তাহের সময়সীমা এড়িয়ে যান। Vibe Skills-এ একটি প্রাইসিং পেজ দক্ষতা ইনস্টল করুন।