কী টেকঅ্যাওয়ে
- একটি এলিমেন্টর প্রাইসিং টেবিল টগলের জন্য দুটি সেট কার্ডের প্রয়োজন, একটি মাসিক মূল্য সহ এবং একটি বার্ষিক মূল্য সহ, এবং একটি নিয়ন্ত্রণ যা একবারে একটি সেট দেখায়৷।
- ফ্রি এলিমেন্টর প্লাগইন নেস্টেড ট্যাব উইজেট দিয়ে এটি করতে পারে: প্রতি বিলিং পিরিয়ডে একটি ট্যাব, প্রতিটি ট্যাবের ভিতরে মূল্য কার্ডের একটি সারি, কোনো অ্যাডঅন ছাড়াই।
- Master Addons Pro-তে টগল কন্টেন্ট উইজেট সুইচটিকে লোকেদের প্রত্যাশিত চেহারা দেয়, মাসিক এবং বার্ষিক লেবেল সহ একটি পিল এবং একটি সংরক্ষিত বিভাগ টেমপ্লেট থেকে প্রতিটি সেট লোড করে।
- মাস্টার অ্যাডনস প্রাইসিং টেবিল উইজেট প্রতি কার্ডের একটি মূল্য ধারণ করে এবং এর নিজস্ব কোনো বিলিং সুইচ নেই, তাই এই পৃষ্ঠার প্রতিটি রুট এটিকে দ্বিতীয় উইজেটের সাথে যুক্ত করে।
- একটি এলিমেন্টর কন্টেইনার থেকে সংরক্ষিত টেমপ্লেটগুলি কন্টেইনার টাইপ হিসাবে সংরক্ষণ করা হয় এবং টগল কন্টেন্ট বিভাগের তালিকা শুধুমাত্র সেকশন টাইপ টেমপ্লেটগুলি দেখায়, তাই একটি বিভাগ হিসাবে মূল্যের সারি সংরক্ষণ করুন।
- একটি “billed বার্ষিক" নোটের সাথে প্রতি মাসে বার্ষিক মূল্য দেখান যাতে দুটি টগল স্টেট লাইকের জন্য লাইক তুলনা করে।
একটি এলিমেন্টর প্রাইসিং টেবিল টগল হল প্ল্যানের উপরে একটি সুইচ যা মাসিক এবং বার্ষিক দামের মধ্যে প্রতিটি কার্ড ফ্লিপ করে। এলিমেন্টরের কোনো উইজেট নেই যা নিজে থেকে এটি করে, এবং বেশিরভাগ অ্যাডন প্রাইসিং টেবিলে কার্ড প্রতি একক মূল্য থাকে, তাই টগলটি সর্বদা দুটি অংশ থেকে তৈরি করা হয়: কার্ডের দুটি সেট এবং এমন কিছু যা একবারে একটি সেট দেখায়।
এই নির্দেশিকাটি একই তিনটি প্ল্যানে তিনটি উপায়ে টগল তৈরি করে। রুট 1 বিনামূল্যে এলিমেন্টর নেস্টেড ট্যাব উইজেট ব্যবহার করে। রুট 2 থেকে টগল কন্টেন্ট উইজেট ব্যবহার করে মাস্টার অ্যাডনস দুটি সংরক্ষিত সেকশন টেমপ্লেট সহ, যা একটি বাস্তব বিলিং সুইচের মতো দেখায় এমন সংস্করণ। রুট 3 উইজেটগুলিকে কভার করে যা একটি সুইচ দিয়ে পাঠানো হয় এবং আপনি সুবিধার জন্য কী ছেড়ে দেন৷।
বিষয়বস্তুর সারণী
এলিমেন্টরে একটি মূল্য টগল কিভাবে কাজ করে
একটি মূল্য টগল হল দুটি সম্পূর্ণ মূল্যের সারি এবং একটি নিয়ন্ত্রণ যা তাদের একটিকে লুকিয়ে রাখে। যখন একজন দর্শক বার্ষিক ক্লিক করেন, তখন মাসিক সারিটি লুকানো থাকে এবং বার্ষিক সারিটি দেখানো হয়। কিছুই পুনরায় গণনা করে না। এই কারণেই মাসিক এবং বার্ষিক কার্ডগুলি যেকোন মূল্যের উইজেট দিয়ে তৈরি করা যেতে পারে, যার মধ্যে একটি একক মূল্য ক্ষেত্র রয়েছে।
নিয়ন্ত্রণ হল সেই অংশ যা রুটের মধ্যে পরিবর্তিত হয়। নেস্টেড ট্যাব আপনাকে ট্যাব বোতাম দেয়। বিষয়বস্তু টগল করুন আপনাকে একটি স্লাইডিং সূচক সহ একটি পিল সুইচ দেয়। একটি অন্তর্নির্মিত সুইচ সহ একটি উইজেট আপনাকে তার নিজস্ব নিয়ন্ত্রণ এবং নিজস্ব কার্ড ডিজাইন দেয়। নীচের কার্ডগুলি প্রথম দুটি রুটে একই থাকে, তাই প্রথমে কার্ডগুলি এবং দ্বিতীয়টি নিয়ন্ত্রণ করুন৷।
প্রতিটি রুটের জন্য একটি নিয়ম রয়েছে: বার্ষিক মূল্যকে প্রতি মাসের চিত্র হিসাবে দেখান একটি নোট সহ যে এটি বার্ষিক বিল করা হয়। “$39 /মাস, বিল করা বার্ষিক" এর পাশে “$49 /মাস" পাঠককে পাটিগণিত না করেই সঞ্চয় দেখতে দেয়। একটি মাসিক মূল্যের পাশে একটি বার্ষিক মোট সস্তা হলেও এটি আরও ব্যয়বহুল দেখায়।
ধাপ 1: মাসিক এবং বার্ষিক কার্ড তৈরি করুন
প্রথমে মাসিক সারি তৈরি করুন, তারপর এটি নকল করুন এবং দাম পরিবর্তন করুন। Elementor-এ, তিনটি চাইল্ড কন্টেইনার পাশাপাশি একটি কন্টেইনার যোগ করুন এবং একটি ড্রপ করুন মূল্য নির্ধারণ টেবিল উইজেট প্রতিটিতে। কন্টেন্ট ট্যাবে প্ল্যানের নাম, সাবটাইটেল, মূল্য এবং সময়কাল সেট করুন। মাঝের কার্ড হাইলাইট টেবিল এবং একটি ফিতা দিন যাতে সারিতে একটি ডিফল্ট প্ল্যান থাকে।
এখন মূল পাত্রে ডান-ক্লিক করুন এবং ডুপ্লিকেট নির্বাচন করুন। অনুলিপিতে, প্রতিটি কার্ড খুলুন এবং মূল্য পরিবর্তন করুন। বার্ষিক বিলিং-এর জন্য, বিক্রয় সুইচ চালু করুন, মূল মূল্য হিসাবে মাসিক মূল্য এবং মূল্য হিসাবে বার্ষিক প্রতি-মাস মূল্য লিখুন এবং সময়কালটিকে “/মাসে সেট করুন, বার্ষিক বিল করা হয়। ক্রস-আউট মাসিক চিত্র বিক্রি করে।
আপনার এখন পৃষ্ঠায় দুটি সারি আছে। রুট 1 এবং 2 সিদ্ধান্ত নেয় কিভাবে তারা একবারে একটি দেখানো হয়।
রুট 1: নেস্টেড ট্যাব (ফ্রি এলিমেন্টর)
ফ্রি এলিমেন্টর প্লাগইনে নেস্টেড ট্যাব উইজেট প্রতিটি ট্যাবের ভিতরে একটি ধারক রাখে, তাই একটি সম্পূর্ণ মূল্যের সারি একটি ট্যাব প্যানেলে ফিট করে। এটির জন্য ফ্লেক্সবক্স কন্টেইনার বৈশিষ্ট্য প্রয়োজন, যা বর্তমান এলিমেন্টর ইনস্টলে ডিফল্টরূপে চালু থাকে।
- টেনে আনুন ট্যাব উইজেট (নেস্টেড এক, কন্টেইনার আইকন সহ) উপরের পৃষ্ঠায় যেখানে মূল্য বসতে হবে।
- বিষয়বস্তু ট্যাবে, ট্যাব #1 এর নাম পরিবর্তন করুন মাসিক এবং ট্যাব #2 থেকে বার্ষিক. তৃতীয় ট্যাব মুছুন।
- মাসিক ট্যাব প্যানেলে মাসিক মূল্যের ধারক এবং বার্ষিক ধারকটিকে বার্ষিক প্যানেলে টেনে আনুন৷ যদি ড্রপ টার্গেট আঘাত করা কঠিন হয় তবে নেভিগেটর (স্তর প্যানেল) ব্যবহার করুন।
- স্টাইল ট্যাবে, ট্যাব শিরোনাম প্রান্তিককরণ কেন্দ্রে সেট করুন এবং সক্রিয় ট্যাবটিকে আপনার উচ্চারণ রঙ দিন।
ফলাফল কাজ করে, এবং এটি কিছুই খরচ করে না। এটি দেখতে কেমন নয় একটি বিলিং সুইচ। ট্যাবগুলি নেভিগেশন হিসাবে পড়ে, তাই কিছু দর্শক মিস করে যে বার্ষিক মূল্য বিদ্যমান। আপনি দুটি ট্যাব শিরোনামকে সীমানা ব্যাসার্ধ এবং পটভূমির রঙ সহ একটি পিল আকারে স্টাইল করতে পারেন, যা কাছাকাছি যায়। ফোনে, নেস্টেড ট্যাবগুলি আপনার সেট করা ব্রেকপয়েন্টের নীচে একটি অ্যাকর্ডিয়নে পরিণত হয়, তাই পরীক্ষা করুন যে মাসিক প্যানেলটি ডিফল্টরূপে খোলা আছে।
রুট 2: দুটি বিভাগের টেমপ্লেট সহ সামগ্রী টগল করুন
টগল কন্টেন্ট উইজেট একটি পিল সুইচের পিছনে বেশ কয়েকটি কন্টেন্টের একটি দেখায় এবং প্রতিটি টুকরো একটি সংরক্ষিত এলিমেন্টর টেমপ্লেট হতে পারে। দুটি সংরক্ষিত মূল্যের সারি প্লাস এই উইজেটটি একটি মাসিক এবং বার্ষিক টগল যা SaaS মূল্যের পৃষ্ঠাগুলির মতো দেখায়। টগল কন্টেন্ট এর অংশ মাস্টার অ্যাডনস প্রো.
একটি বিভাগ টেমপ্লেট হিসাবে প্রতিটি সারি সংরক্ষণ করুন
- মাসিক মূল্যের কন্টেইনারের হ্যান্ডেলে ডান-ক্লিক করুন এবং চয়ন করুন টেমপ্লেট হিসাবে সংরক্ষণ করুন.
- এটির নাম দিন "মূল্য নির্ধারণ মাসিক" এবং সংরক্ষণ করুন। বার্ষিক কন্টেইনারের জন্য "বার্ষিক মূল্য নির্ধারণ" হিসাবে একই কাজ করুন।
- খোলা টেমপ্লেট > সংরক্ষিত টেমপ্লেট ওয়ার্ডপ্রেস অ্যাডমিনে এবং টাইপ কলাম চেক করুন।
Elementor হিসাবে একটি ধারক সংরক্ষণ করে ধারক টাইপ করুন, এবং টগল কন্টেন্ট উইজেটের বিভাগ তালিকা শুধুমাত্র টেমপ্লেট দেখায় বিভাগ টাইপ করুন, যে কারণে ধাপ 3 কলাম চেক করে। যদি আপনার দুটি টেমপ্লেট কন্টেইনার বলে, "বিভাগ চয়ন করুন" ড্রপডাউন কিছুই দেখাবে না। ফিক্স হল একটি লিগ্যাসি বিভাগের ভিতরে সারি তৈরি করা (এলিমেন্টর > সেটিংস > বৈশিষ্ট্য, বা নেভিগেটর থেকে একটি বিভাগ যোগ করা) সংরক্ষণ করার আগে, বা চয়ন করা পাতা উইজেটে টেমপ্লেট টাইপ করুন এবং পরিবর্তে পৃষ্ঠা টেমপ্লেট হিসাবে সারিগুলি সংরক্ষণ করুন। উভয় রুট কাজ করে; বিভাগ এক উইজেটের ডিফল্ট রাখে।
টগল কন্টেন্ট উইজেট যোগ করুন
- টেনে আনুন কন্টেন্ট টগল করুন মাস্টার অ্যাডনস গ্রুপ থেকে সেই পৃষ্ঠায় যেখানে মূল্য নির্ধারণ করা হয়েছে। দুটি আসল মূল্যের পাত্র মুছুন, যেহেতু টেমপ্লেটগুলি এখন সেগুলি ধরে রেখেছে৷।
- মধ্যে উপাদান রিপিটার, প্রথম আইটেম খুলুন। লেবেল সেট করুন মাসিক, টাইপ করুন টেমপ্লেট, টেমপ্লেট টাইপ করুন বিভাগ, এবং চয়ন বিভাগের অধীনে "মূল্য মাসিক" বাছাই করুন।
- দ্বিতীয় আইটেমটি খুলুন, লেবেল সেট করুন বার্ষিক এবং "বার্ষিক মূল্য নির্ধারণ" বেছে নিন।
- অধীন সেটিংস টগল করুন, সক্রিয় সূচক 1 এ ছেড়ে দিন যাতে মাসিক প্রথমে দেখায় এবং আপনার উচ্চারণে সক্রিয় রঙ সেট করুন।
পৃষ্ঠাটির পূর্বরূপ দেখুন এবং বার্ষিক ক্লিক করুন। মাসিক সারিটি স্লাইড হয়ে যায় এবং বার্ষিক সারিটি স্লাইড হয়ে যায়, পিল সূচকটি জুড়ে চলে যায়। স্টাইল ট্যাব পিলের আকার, লেবেলের রঙ এবং সুইচ এবং বিষয়বস্তুর মধ্যে স্থান নিয়ন্ত্রণ করে।
উইজেটটি সংরক্ষিত টেমপ্লেটের নিজস্ব স্টাইলশীট সারিবদ্ধ করে না, তাই যদি একটি কার্ড সামনের প্রান্তে স্টাইলবিহীন দেখায়, তাহলে টেমপ্লেটের পৃষ্ঠা সেটিংসের পরিবর্তে উইজেট নিয়ন্ত্রণে এর রং সেট করুন বা Elementor > টুলস থেকে Elementor ক্যাশে সাফ করুন। আপনি যদি পরে একটি পরিকল্পনা সম্পাদনা করেন, টেমপ্লেট > সংরক্ষিত টেমপ্লেটের অধীনে সংরক্ষিত টেমপ্লেটটি সম্পাদনা করুন, পৃষ্ঠা নয়; পৃষ্ঠা শুধুমাত্র এটি উল্লেখ করে।
রুট 3: একটি অন্তর্নির্মিত সুইচ সহ একটি মূল্য উইজেট
কিছু অ্যাডঅন ইতিমধ্যেই একটি বিলিং সুইচ সহ একটি মূল্য নির্ধারণের উইজেট পাঠায়, তাই আপনি একটি মাসিক মূল্য এবং কার্ড প্রতি একটি বার্ষিক মূল্য লিখুন এবং উইজেট টগলটি আঁকে। এইচটি মেগা-তে একটি ফ্লিপ সুইচার প্রাইসিং টেবিল উইজেট রয়েছে যা এইভাবে কাজ করে। এসেনশিয়াল অ্যাডঅন, প্রিমিয়াম অ্যাডঅন, পাওয়ারপ্যাক এবং দ্য প্লাস অ্যাডঅন সহ বেশিরভাগ অন্যান্য, রুট 2 যা করে তা করে: একটি পৃথক টগল বা সুইচার উইজেট (সেই প্লাগইনগুলির প্রতিটিতে প্রো) কার্ডের দুটি সেট মোড়ানো। মূল্য সারণী উইজেট তুলনা তালিকা যা প্রতিটি টগল উইজেট বসে পরিকল্পনা করে।
মাস্টার অ্যাডনস প্রাইসিং টেবিল উইজেটে কার্ড প্রতি একটি মূল্য ক্ষেত্র রয়েছে এবং কোনও অন্তর্নির্মিত সুইচ নেই, এই কারণেই এই নির্দেশিকা এটিকে টগল সামগ্রীর সাথে যুক্ত করে। একটি অন্তর্নির্মিত সুইচ সহ ট্রেড-অফ হল ডিজাইন: আপনি সেই উইজেটের কার্ড লেআউট এবং এর সুইচ শৈলীতে সীমাবদ্ধ। কার্ডের দুটি সেটের সাথে, প্রাইসিং টেবিল উইজেটের প্রতিটি নিয়ন্ত্রণ উপলব্ধ থাকে, যার মধ্যে পাঁচটি লেআউট, ফিতা এবং বৈশিষ্ট্য টুলটিপ রয়েছে এবং আপনি কার্ডগুলি পুনর্নির্মাণ না করেই সুইচ পরিবর্তন করতে পারেন।
আপনি যদি একটি উইজেটের ভিতরে সুইচ করতে চান, তাহলে প্রতিশ্রুতি দেওয়ার আগে তিনটি জিনিস পরীক্ষা করুন: উইজেটের বার্ষিক মূল্য মাসিক চিত্রটি দেখাতে পারে কিনা, সুইচ লেবেল পাঠ্যটি সম্পাদনাযোগ্য কিনা এবং কীভাবে কার্ডগুলি ফোনে স্ট্যাক হয়।
রেডিমেড টগল প্রাইসিং বিভাগ
দ্য মাস্টার অ্যাডঅন টেমপ্লেট লাইব্রেরি টগল সহ মূল্য বিভাগ রয়েছে ইতিমধ্যেই তারযুক্ত৷ "বিলিং সুইচ প্রাইসিং কার্ড" দুটি মূল্যের সারি সহ টগল সামগ্রী ব্যবহার করে এবং "বিলিং টগল প্রাইসিং ট্যাব" তিন বছরের বিকল্প সহ ট্যাবের সাথে একই কাজ করে৷ সম্পাদকে টেমপ্লেট > মাস্টার অ্যাডঅন টেমপ্লেট থেকে একটি আমদানি করুন, তারপর পরিকল্পনার নাম, মূল্য এবং বৈশিষ্ট্যগুলি অদলবদল করুন৷ মূল্য নির্ধারণের টেবিল টেমপ্লেট পোস্টে প্রতিটির পিছনে সেটিংস সহ এই জাতীয় আরও বিভাগ রয়েছে।
উভয় বিভাগই মাস্টার অ্যাডনস প্রো উইজেট দিয়ে তৈরি, তাই আমদানি করতে তাদের প্রো প্লাগইন সক্রিয় প্রয়োজন।
কোন রুট বাছাই করতে হবে
| যদি তুমি | ব্যবহার | কেন |
|---|---|---|
| বিনামূল্যে এলিমেন্টর চালান এবং এটি আজই করতে চান | রুট 1, নেস্টেড ট্যাব | কোন অ্যাডঅন নেই, এবং মূল্য কার্ড কোন উইজেট হতে পারে। |
| একটি বিলিং টগলের মতো দেখতে একটি সুইচ চাই৷ | রুট 2, বিষয়বস্তু টগল করুন | পিল সুইচ, স্লাইডিং ইন্ডিকেটর, টেমপ্লেট আপনি অন্য পৃষ্ঠাগুলিতে পুনরায় ব্যবহার করতে পারেন। |
| তিনটি বিলিং পিরিয়ড বা তার বেশি আছে | রুট 2 বা রুট 1 | উভয়ই যেকোন সংখ্যক আইটেম নেয়; একটি অন্তর্নির্মিত সুইচ সাধারণত দুটি লাগে। |
| পৃষ্ঠায় সবচেয়ে কম উইজেট চাই | রুট 3, অন্তর্নির্মিত সুইচ | লেআউট পছন্দের খরচে কার্ড প্রতি একটি উইজেট। |
এটি দুবার নির্মাণ না করে সুইচ চান? দ্য কন্টেন্ট উইজেট টগল করুন একটি মাসিক এবং বার্ষিক পিলের পিছনে কোনো সংরক্ষিত টেমপ্লেট দেখায়, তাই মূল্য সারণী কার্ডগুলি পাঁচটি লেআউট, ফিতা এবং টুলটিপগুলি রাখে।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
Elementor একটি মূল্য টগল উইজেট আছে?
নং এলিমেন্টর প্রো-এর মূল্য সারণী উইজেট প্রতি কার্ডের একটি মূল্য ধারণ করে এবং কোনো বিলিং সুইচ নেই। বিনামূল্যের প্লাগইনের নেস্টেড ট্যাব উইজেট মাসিক এবং বার্ষিক ট্যাব হিসাবে দুটি মূল্যের সারি দেখাতে পারে, যা সবচেয়ে কাছের অন্তর্নির্মিত বিকল্প।
মাস্টার অ্যাডঅন প্রাইসিং টেবিল কি মাসিক এবং বার্ষিক এর মধ্যে নিজে থেকে পরিবর্তন করতে পারে?
না। প্রতিটি মূল্য সারণী কার্ডের একটি মূল্য, বিক্রয়ের জন্য একটি আসল মূল্য এবং একটি সময়কাল রয়েছে। একটি মাসিক সারি এবং একটি বার্ষিক সারি তৈরি করুন, প্রতিটিকে একটি বিভাগ টেমপ্লেট হিসাবে সংরক্ষণ করুন এবং মাস্টার অ্যাডনস প্রো থেকে টগল কন্টেন্ট উইজেটের মাধ্যমে দেখান৷।
কেন আমার সংরক্ষিত টেমপ্লেট টগল কন্টেন্ট ড্রপডাউন থেকে অনুপস্থিত?
এলিমেন্টর একটি কন্টেইনারকে কন্টেইনার টেমপ্লেট টাইপ হিসাবে সংরক্ষণ করে এবং ড্রপডাউন শুধুমাত্র সেকশন টাইপ টেমপ্লেট তালিকাভুক্ত করে। একটি লিগ্যাসি বিভাগ থেকে সারিটি সংরক্ষণ করুন, অথবা উইজেটে পৃষ্ঠায় টেমপ্লেট টাইপ সেট করুন এবং সারিগুলিকে পৃষ্ঠা টেমপ্লেট হিসাবে সংরক্ষণ করুন।
বার্ষিক মূল্য মোট বা প্রতি মাসের পরিমাণ দেখানো উচিত?
একটি "বিল করা বার্ষিক" নোটের সাথে প্রতি মাসের পরিমাণ দেখান এবং মাসিক মূল্যের মাধ্যমে স্ট্রাইক করতে বিক্রয় সুইচ ব্যবহার করুন৷ পাঠক তারপর লাইকের সাথে লাইকের তুলনা করে এবং কার্ডে সঞ্চয়টি গণনা করার পরিবর্তে দেখে।
একটি মূল্য টগল কি এসইও ক্ষতি করে?
না। উভয় সারি এইচটিএমএল পৃষ্ঠায় রয়েছে এবং লুকানো সারিটি সিএসএস দিয়ে লুকানো আছে, তাই সার্চ ইঞ্জিন প্রতিটি মূল্য পড়ে। প্ল্যানের নাম এবং দাম ছবির পরিবর্তে টেক্সট হিসাবে রাখুন।
চূড়ান্ত চিন্তা
একটি এলিমেন্টর মূল্য সারণীতে একটি মাসিক এবং বার্ষিক টগল হল দুটি মূল্যের সারি এবং একটি নিয়ন্ত্রণ৷ নেস্টেড ট্যাবগুলি আপনাকে বিনামূল্যে নিয়ন্ত্রণ দেয় এবং ট্যাব হিসাবে পড়ে। মাস্টার অ্যাডনস প্রো-তে কন্টেন্ট টগল করুন, আপনাকে একটি পিল সুইচ দেয় এবং একটি সংরক্ষিত সেকশন টেমপ্লেট থেকে প্রতিটি সারি লোড করে, একটি ক্যাচ সহ যে টেমপ্লেটগুলি অবশ্যই সেকশন টাইপ হতে হবে। বিল্ট ইন সুইচ সহ একটি উইজেট একটি ধাপ বাঁচায় এবং আপনার লেআউট পছন্দের খরচ হয়।
কার্ড দিয়ে শুরু করুন মূল্য সারণী উইজেট পৃষ্ঠা, যেটিতে একটি লাইভ টগল ঠিক এইভাবে তৈরি করা হয়েছে, তারপর আপনার পরিকল্পনার সাথে মানানসই সুইচ যোগ করুন।
সম্পর্কিত পড়া
