কল টু অ্যাকশন

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

আপনি বার্তাটি টাইপ করুন, বোতাম লিঙ্কটি সেট করুন, একটি লেআউট প্রিসেট চয়ন করুন, তারপরে আপনার ব্র্যান্ডের সাথে মেলে ব্যাকগ্রাউন্ড, শিরোনাম এবং বোতামটি রঙ করুন৷ এই নির্দেশিকাটি উইজেটের প্রতিটি সেটিং এর মধ্য দিয়ে চলে।

কল টু অ্যাকশন উইজেট যা করে #

উইজেটটি একটি ঐচ্ছিক আইকন, একটি শিরোনাম, একটি বিবরণ এবং একটি বোতাম সহ একটি স্বয়ংসম্পূর্ণ CTA বক্স রেন্ডার করে৷ একটি স্টাইল প্রিসেট ড্রপডাউন লেআউট পরিবর্তন করে, বাম দিকের একটি আইকন থেকে একটি সম্পূর্ণ কেন্দ্রীভূত ব্লকে, এবং স্টাইল ট্যাব প্রতিটি অংশকে রঙ করে।

এতে তিনটি ট্যাব রয়েছে। বিষয়বস্তু পাঠ্য, বোতাম লেবেল, লিঙ্ক এবং প্রিসেট ধারণ করে। শৈলী পটভূমি, শিরোনাম, বিবরণ এবং বোতামের চেহারা নিয়ন্ত্রণ করে। উন্নত সাধারণ এলিমেন্টর ব্যবধান এবং দৃশ্যমানতার বিকল্পগুলি বহন করে।

আপনি শুরু করার আগে #

• ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
• এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? দেখা ইনস্টলেশন গাইড.
• বোতামের জন্য আপনার CTA কপি এবং গন্তব্য URL।

কল টু অ্যাকশন উইজেট কীভাবে যুক্ত করবেন #

Elementor এডিটরে, খুলুন উপাদান প্যানেল এবং অনুসন্ধান করুন কল টু অ্যাকশন, অথবা মাস্টার অ্যাডঅন বিভাগে স্ক্রোল করুন (উইজেটগুলি একটি বেগুনি MA ব্যাজ বহন করে)। এটিকে আপনার পৃষ্ঠায় টেনে আনুন এবং এটি সম্পাদনা করার জন্য প্রস্তুত একটি নমুনা CTA সহ লোড হবে৷।

এটি একটি আইকন, একটি শিরোনাম, একটি বিবরণ এবং একটি এখনই কিনুন বোতাম দিয়ে শুরু হয়, তাই আপনি একটি ফাঁকা ব্লকের পরিবর্তে একটি কার্যকরী ব্লক থেকে সম্পাদনা করুন৷।

বিষয়বস্তু সেট করুন এবং একটি প্রিসেট চয়ন করুন #

খোলা বিষয়বস্তু ট্যাব। দ্য শৈলী প্রিসেট ড্রপডাউন শীর্ষে বসে, তারপরে পাঠ্য ক্ষেত্রগুলি।

• শৈলী প্রিসেট: ডিফল্ট স্টাইল, সেন্টার স্টাইল, কোট স্টাইল, কোট স্টাইল 2 এবং বাম আইকন।
• CTA বিষয়বস্তু: শিরোনাম, AI বিকল্পের সাথে একটি লিখুন সহ।
• বর্ণনা: শিরোনামের অধীনে সমর্থনকারী লাইন।
• বোতাম পাঠ্য: বোতাম লেবেল, যেমন এখনই কিনুন বা শুরু করুন।
• কল টু অ্যাকশন URL: যেখানে বোতাম (এবং বাক্স, যদি আপনি এটি লিঙ্ক করেন) পয়েন্ট।

লেআউট প্রিসেট #

প্রিসেট আপনার টেক্সট স্পর্শ না করে ব্লক কিভাবে সাজানো হয় পরিবর্তন। কেন্দ্র শৈলী মাঝখানে শিরোনাম, বিবরণ এবং বোতাম স্ট্যাক করে, একটি পূর্ণ-প্রস্থ বিভাগের জন্য উপযুক্ত।

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

ব্লক শৈলী #

দ্য শৈলী ট্যাব উইজেটকে এমন অংশে বিভক্ত করে যা আপনি নিজেরাই স্টাইল করতে পারেন: প্রিসেট স্টাইল, শিরোনাম শৈলী, বর্ণনা শৈলী, বোতাম শৈলী, এবং নিদর্শন (একটি প্রো বিকল্প)।

দ্য প্রিসেট স্টাইল বিভাগটি বাক্সের পটভূমি সেট করে। একটি কঠিন রঙ এবং একটি চিত্রের মধ্যে পটভূমির ধরন পরিবর্তন করুন, তারপর রঙটি চয়ন করুন।

বোতাম স্টাইল করুন #

খোলা বোতাম শৈলী কল টু অ্যাকশন বোতামের জন্য। এটা আছে স্বাভাবিক এবং ঘোরাঘুরি করা ট্যাব, তাই আপনি একটি বিশ্রামের চেহারা এবং একটি হোভার চেহারা সেট করুন।

• পটভূমির রঙ এবং পাঠ্যের রঙ: বোতাম পূরণ এবং লেবেল রঙ, প্রতি রাজ্য।
• প্রস্থ এবং প্যাডিং: বোতামের আকার।
• বর্ডার টাইপ এবং বর্ডার ব্যাসার্ধ: একটি রূপরেখা এবং বৃত্তাকার কোণ।
• টাইপোগ্রাফি: বোতাম ফন্ট।

সাধারণ ব্যবহারের ক্ষেত্রে #

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

কল টু অ্যাকশন উইজেটের সাথে কাজ করার জন্য টিপস #

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

ভিডিও টিউটোরিয়াল দেখুন #

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

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

মোড়ানো #

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