ইমেল কন্টেন্ট ব্লক রেফারেন্স

ড্র্যাগ অ্যান্ড ড্রপ এডিটর ক্যানভাসে আপনি যে প্রতিটি ব্লক যোগ করতে পারেন, এবং বাটন ও টেক্সটে উপলব্ধ লিঙ্কের প্রকারগুলির জন্য রেফারেন্স। কোন প্রাপকরা একটি ব্লক দেখবেন তা নিয়ন্ত্রণ করতে, একটি ডিসপ্লে কন্ডিশন সেট করুন।

কন্টেন্ট ব্লক যোগ করুন

Blocks ট্যাবটি খুলুন এবং ক্যানভাসে একটি ব্লক টেনে আনুন, অথবা ইমেলের শেষে একটি ব্লক যোগ করতে ক্লিক করুন। উপলব্ধ ব্লকগুলি:

• হেডিং: ইমেলের শিরোনাম এবং ছোট হেডলাইন
• টেক্সট: বডি কপি এবং দীর্ঘ বিবরণ
• বাটন: একটি ক্লিকযোগ্য কল টু অ্যাকশন
• ইমেজ: মিডিয়া স্টোর, আপলোড, বা URL থেকে ছবি
• ভিডিও: একটি ক্লিকযোগ্য ভিডিও পোস্টার যা YouTube বা Vimeo ভিডিওর সাথে লিঙ্ক করে
• কার্ড: একটি লেআউটে একটি হেডিং, টেক্সট এবং বাটনের সাথে যুক্ত একটি ছবি
• ডিভাইডার: একটি লাইন যা বিভাগগুলিকে দৃশ্যত আলাদা করে
• ২টি কলাম: পাশাপাশি দুটি সমান কলাম
• ৩টি কলাম: পাশাপাশি তিনটি সমান কলাম
• ৪টি কলাম: পাশাপাশি চারটি সমান কলাম
• ৩৩ / ৬৭: দুটি কলাম যেখানে বামটি প্রায় ৩৩% এবং ডানটি প্রায় ৬৭% প্রস্থ নেয়
• ৬৭ / ৩৩: দুটি কলাম যেখানে বামটি প্রায় ৬৭% এবং ডানটি প্রায় ৩৩% প্রস্থ নেয়
• টাইমার: অফার এবং সময়সীমার জন্য একটি কাউন্টডাউন
• মেনু: একটি সারি বা কলামে লিঙ্ক, যেমন নেভিগেশন বা পরিচিতি
• সোশ্যাল: আইকন যা আপনার সোশ্যাল প্রোফাইলের সাথে লিঙ্ক করে
• HTML: কাস্টম HTML, যেমন একটি ফর্ম, সমীক্ষা, বা এমবেডেড ভিডিও
• প্রোডাক্টস: প্রোডাক্ট কার্ডের একটি পুনরাবৃত্তিমূলক গ্রিড। হাতে প্রোডাক্ট লিখুন, অথবা আপনার প্রোডাক্ট ক্যাটালগ থেকে, একজন প্রাপকের পরিত্যক্ত কার্ট থেকে, অথবা বেস্টসেলার বা ব্যাক-ইন-স্টকের মতো একটি বিল্ট-ইন সুপারিশ কৌশল থেকে সেগুলি টানুন।
• নিউজ: আর্টিকেল কার্ডের একটি পুনরাবৃত্তিমূলক গ্রিড। একটি RSS বা Atom ফিড থেকে হাতে বাছুন, অথবা আপনার অ্যাপ্লিকেশনের জন্য নিবন্ধিত একটি ফিড থেকে লাইভ টানুন।

হেডিং এবং টেক্সট

Heading এবং Text ব্লকগুলি ইমেলের কপি ধারণ করে যা প্রাপকরা পড়েন। শিরোনাম এবং ছোট লাইনের জন্য Heading ব্যবহার করুন, বডি কপি এবং দীর্ঘ বিবরণের জন্য Text ব্যবহার করুন।

সম্পাদনা শুরু করতে ক্যানভাসে একটি ব্লকে ক্লিক করুন। ফরম্যাটিং টুলবার আনতে টেক্সট নির্বাচন করুন।

টুলবার অপশন

• Text style: পুরো ব্লকের জন্য একটি প্যারাগ্রাফ স্টাইল (Heading 1, Heading 2, Normal, ইত্যাদি) সেট করুন
• Font size: নির্বাচিত টেক্সটের আকার পরিবর্তন করুন, বা পুরো প্যারাগ্রাফে একটি আকার প্রয়োগ করুন
• Bold / Italic / Underline / Strikethrough: স্ট্যান্ডার্ড ক্যারেক্টার ফরম্যাটিং
• Alignment: বাম, কেন্দ্র, বা ডান
• Link: নির্বাচিত টেক্সটকে একটি হাইপারলিঙ্কে মোড়ানো
• Bulleted list / Numbered list: নির্বাচিত লাইনগুলিকে একটি তালিকায় পরিণত করুন। লাইনগুলি আগে থেকে যে বুলেট বা নম্বর দিয়ে শুরু হয় তা বাদ দেওয়া হয়, যাতে এটি তালিকার নিজস্ব মার্কারের সাথে দ্বিগুণ না হয়।

ডান প্যানেলে এর সেটিংস খুলতে ব্লকটি নির্বাচন করুন (টেক্সট রেঞ্জ নয়), তারপর পুরো ব্লকের জন্য অক্ষরের ব্যবধান আলগা বা টাইট করতে Letter spacing চালু করুন। ভগ্নাংশ এবং ঋণাত্মক মান গ্রহণ করে। এর পরিবর্তে সমস্ত টেক্সট ব্লকে একবারে লেটার স্পেসিং প্রয়োগ করতে, এটিকে Typography এর অধীনে একটি ইমেল-ব্যাপী ডিফল্ট হিসাবে সেট করুন। দেখুন ইমেল-ব্যাপী স্টাইলিং কনফিগার করুন।

অন্যান্য ডকুমেন্ট থেকে পেস্ট করা

Google Docs, Word, বা একটি ওয়েব পেজ থেকে টেক্সট পেস্ট করলে বোল্ড, ইটালিক, আন্ডারলাইন, স্ট্রাইকথ্রু এবং লিঙ্কগুলি বজায় থাকে। উৎস থেকে রঙ, ফন্ট সাইজ এবং ফন্ট ফ্যামিলি আনা হয় না — ব্লকের নিজস্ব টাইপোগ্রাফি সর্বদা জয়ী হয়। উৎসের ফরম্যাটিং সম্পূর্ণরূপে উপেক্ষা করতে এবং ব্লকের স্টাইল গ্রহণ করতে, Ctrl+Shift+V (Cmd+Shift+V ম্যাকে) দিয়ে পেস্ট করুন।

একটি পেস্ট করা বুলেটযুক্ত বা সংখ্যাযুক্ত তালিকা প্রতিটি লাইনের শুরুতে প্লেইন টেক্সট হিসাবে তার বুলেট বা নম্বর বজায় রাখে, একই ব্লকে। সেই লাইনগুলি নির্বাচন করুন এবং সেগুলিকে একটি আসল তালিকায় পরিণত করতে Bulleted list / Numbered list ক্লিক করুন — বাটনটি আপনার জন্য অবশিষ্ট মার্কারটি সরিয়ে দেয়।

একক-লাইন ফিল্ডে, যেমন একটি Button লেবেল, পেস্ট করা লাইন ব্রেকগুলি একটি একক স্পেসে সংকুচিত হয়।

মার্জ ট্যাগ দিয়ে ব্যক্তিগতকরণ

মার্জ ট্যাগগুলি হল প্লেসহোল্ডার যা প্রাপকের প্রোফাইল থেকে একটি ট্যাগ মান সন্নিবেশ করায়, তাই প্রতিটি গ্রাহক ব্যক্তিগতকৃত কপি দেখেন। একটি যোগ করতে, টেক্সট নির্বাচন করুন, টুলবারে Merge Tags ক্লিক করুন এবং আপনার অ্যাকাউন্ট থেকে একটি ট্যাগ চয়ন করুন। একটি সন্নিবেশিত মার্জ ট্যাগে ক্লিক করলে Default (ট্যাগটি খালি থাকলে দেখানো মান) এবং Format (ক্যাপিটালাইজেশন, নম্বর, বা তারিখ ফরম্যাটিং যা মানের উপর প্রয়োগ করতে হবে) ফিল্ড সহ একটি প্যানেল খোলে।

ইমেজ

একটি Image ব্লক ইমেলে একটি ছবি প্রদর্শন করে। ডান প্যানেলে Image সেটিংস খুলতে ক্যানভাসে এটি নির্বাচন করুন।

একটি ইমেজ যোগ করা

ব্লকটি খালি থাকলে Add image ক্লিক করুন, অথবা একটি ছবি ইতিমধ্যে সেট করা থাকলে Replace image ক্লিক করুন। এটি তিনটি ট্যাব সহ Media Gallery খোলে:

• Library: আপনার আপলোড করা ফাইল, ফাইলের নাম দ্বারা অনুসন্ধানযোগ্য।
• Stock photos: এডিটর না ছেড়েই বিনামূল্যে Pexels ফটো অনুসন্ধান করুন। আপনার লাইব্রেরিতে এটি অনুলিপি করতে এবং এটি সন্নিবেশ করতে একটিতে ক্লিক করুন।
• Generate with AI: আপনি যে ছবিটি চান তা বর্ণনা করুন এবং একটি অ্যাসপেক্ট রেশিও বেছে নিন। তৈরি করা ছবিটি আপনার লাইব্রেরিতে সংরক্ষিত হয়।

আপনি গ্যালারি এড়িয়ে যেতে সরাসরি Image URL-এ একটি হোস্ট করা লিঙ্ক পেস্ট করতে পারেন।

লাইব্রেরি থেকে ছবি মুছে ফেলা

Library ট্যাবে, একটি ফাইলের উপর হোভার করুন এবং এটি মুছতে তার Delete আইকনে ক্লিক করুন, অথবা বেশ কয়েকটি ফাইল চেক করুন (অথবা বর্তমান পৃষ্ঠার প্রতিটি ছবি নির্বাচন করতে Select all ক্লিক করুন) এবং সেগুলিকে বাল্কভাবে সরাতে Delete selected ক্লিক করুন। এগিয়ে যেতে ডায়ালগটি নিশ্চিত করুন।

সতর্কতা

একটি ফাইল মুছে ফেললে এটি মিডিয়া স্টোর থেকে সম্পূর্ণরূপে মুছে যায়, এর থেকে তৈরি করা যেকোনো ভ্যারিয়েন্ট সহ, এবং এটি পূর্বাবস্থায় ফেরানো যায় না। মুছে ফেলা ছবিকে রেফারেন্স করে এমন যেকোনো কন্টেন্ট এটি লোড করা বন্ধ করে দেবে।

Alt টেক্সট

অ্যাক্সেসিবিলিটির জন্য Alt text-এ ছবিটি বর্ণনা করুন, অথবা আপনার বর্তমান সম্পাদনা ভাষায় ছবিটি থেকে AI দ্বারা এটি লিখতে Generate alt with AI ক্লিক করুন। স্টক ফটো বা জেনারেট উইথ এআই থেকে যোগ করা ছবিগুলি স্বয়ংক্রিয়ভাবে অল্ট টেক্সট পায়।

সাইজ ও ফিট

• Width: ছবির প্রস্থ px-এ সেট করুন, অথবা উপলব্ধ স্থানের শতাংশ হিসাবে যাতে এটি ফ্লুইড থাকে। ছবির স্বাভাবিক প্রস্থ ব্যবহার করতে এটিকে ডিফল্টে ছেড়ে দিন।
• Height (px): একটি নির্দিষ্ট রেন্ডার উচ্চতা সেট করুন। স্বয়ংক্রিয়ভাবে স্কেল করতে খালি ছেড়ে দিন — যদি একটি ক্রপ রেশিও সেট করা থাকে তবে তা থেকে, অন্যথায় ছবির স্বাভাবিক অনুপাত থেকে।
• Crop: ছবির স্বাভাবিক অনুপাত রাখতে Original বাছুন, অথবা একটি রেশিও (Square (1:1), 4:3, 3:2, 16:9) বাছুন ছবিটিকে সেই বাক্সে ক্রপ করতে।
• Fit: বাক্সটি পূরণ করতে এবং এতে ক্রপ করতে Cover চয়ন করুন। Focal point দিয়ে ক্রপ পয়েন্ট সেট করুন। অথবা ক্রপ না করে পুরো ছবিটি বাক্সের ভিতরে স্কেল করতে Contain চয়ন করুন। Set position দিয়ে এটিকে অবস্থান করুন।
• Corner radius (px): ছবির কোণগুলি গোল করুন। প্রতিটি কোণ আলাদাভাবে সেট করতে More options চালু করুন, অথবা চারটি কোণে একই ব্যাসার্ধ প্রয়োগ করতে এটি বন্ধ রাখুন।

নোট

Gmail এবং Apple Mail পাঠানো ইমেলে গোলাকার কোণ রেন্ডার করে, প্রতি-কোণার মান সহ। Outlook Desktop ছবিতে কোণার ব্যাসার্ধ উপেক্ষা করে, যেমনটি এটি ইমেলের অন্য সব জায়গায় করে, তাই ছবিগুলি সেখানে বর্গাকার-কোণা থাকে।

ফোন স্ক্রিনের জন্য এগুলির যেকোনো একটি আলাদাভাবে সেট করতে ক্যানভাসটিকে Mobile-এ স্যুইচ করুন (দেখুন মোবাইল ভিউ সম্পাদনা করুন)। সেই একটি সেটিং ওভাররাইড করতে Width (mobile), Height (mobile), Crop (mobile), বা Fit (mobile) চেক করুন, এর ডেস্কটপ মান থেকে শুরু করে; ডেস্কটপ সেটিং উত্তরাধিকার সূত্রে পেতে একটি বাক্স আনচেকড রাখুন। Crop (mobile) শুধুমাত্র তখনই উপস্থিত হয় যখন Crop ডেস্কটপে একটি রেশিওতে সেট করা থাকে, এবং ডেস্কটপে Crop-কে Original-এ পরিবর্তন করলে যেকোনো Crop (mobile) ওভাররাইড বাতিল হয়ে যায়।

লিঙ্ক এবং স্পেসিং

ছবিটি ক্লিক করা হলে একটি লিঙ্ক খুলতে, Link URL-এ এটি লিখুন এবং একই ট্যাবে বা একটি নতুন ট্যাবে খুলতে Link target সেট করুন। উপলব্ধ লিঙ্ক প্রকারের জন্য লিঙ্ক যোগ করুন দেখুন।

Spacing-এ, ছবির চারপাশে স্থান যোগ করতে Padding চালু করুন। অভিন্ন প্যাডিংয়ের জন্য All sides ব্যবহার করুন, অথবা প্রতিটি দিক আলাদাভাবে সেট করতে More options চালু করুন।

ভিডিও

একটি Video ব্লক ইমেলে একটি YouTube বা Vimeo ভিডিও একটি ক্লিকযোগ্য থাম্বনেইল হিসাবে যোগ করে। ইমেল ক্লায়েন্টরা বার্তার ভিতরে ভিডিও চালাতে পারে না, তাই ব্লকটি একটি ▶ ওভারলে সহ একটি স্থির ছবি দেখায়। যখন প্রাপক এটিতে ট্যাপ করেন, তখন ভিডিওটি YouTube বা Vimeo-তে খোলে। এটি Outlook সহ প্রতিটি প্রধান ক্লায়েন্টে কাজ করে।

ডান প্যানেলে এর সেটিংস খুলতে ক্যানভাসে ভিডিও ব্লকটি নির্বাচন করুন।

• Video URL: একটি YouTube বা Vimeo লিঙ্ক পেস্ট করুন। এডিটর স্বয়ংক্রিয়ভাবে একটি থাম্বনেইল নিয়ে আসে।
• Alt text: অ্যাক্সেসিবিলিটির জন্য ভিডিওটি বর্ণনা করুন।
• Thumbnail URL: স্বয়ংক্রিয়ভাবে আনা থাম্বনেইলটি রাখুন, অথবা মিডিয়া গ্যালারি থেকে একটি বেছে নিতে Add thumbnail / Replace thumbnail ক্লিক করুন, অথবা সরাসরি একটি হোস্ট করা লিঙ্ক পেস্ট করুন।
• Play button overlay: ডিফল্টরূপে চালু থাকে। ▶ ওভারলে ছাড়া প্লেইন থাম্বনেইল দেখাতে বন্ধ করুন। কিছু বাহ্যিক হোস্টে থাম্বনেইলের জন্য ওভারলে উপলব্ধ নয়। এডিটর আপনাকে সতর্ক করে যখন এটি প্রযোজ্য হয়, এবং ইমেলটি পরিবর্তে প্লেইন থাম্বনেইল দেখায়।
• Width (px), Corner radius (px), এবং Alignment: থাম্বনেইলটি কেমন দেখাবে এবং লেআউটে এটি কোথায় বসবে তা নিয়ন্ত্রণ করুন। আপনি মোবাইলের জন্য আলাদাভাবে অ্যালাইনমেন্ট সেট করতে পারেন।

কার্ড

একটি Card ব্লক একটি ছবিকে একটি হেডিং, টেক্সট এবং বাটনের সাথে একটি একক রেডি-মেড লেআউটে যুক্ত করে। ডান প্যানেলে এর সেটিংস খুলতে ক্যানভাসে এটি নির্বাচন করুন।

• Layout: কন্টেন্টের সাপেক্ষে ছবিটি কোন দিকে বসবে তা চয়ন করুন।
• Image: ছবিটি প্রতিস্থাপন করুন, অল্ট টেক্সট সেট করুন, অথবা Generate with AI দিয়ে তৈরি করা একটি ছবির জন্য প্রম্পট সম্পাদনা করুন।
• Size & fit: সাইজ ফিল্ডগুলি Layout-এর উপর নির্ভর করে। Crop সমস্ত লেআউটের জন্য উপলব্ধ। Fit প্রতিটি লেআউটে প্রযোজ্য:
  • Top: Height ছবির উচ্চতা px-এ বা কার্ডের প্রস্থের শতাংশ হিসাবে সেট করে। Width (px) ছবিটিকে একটি নির্দিষ্ট পিক্সেল প্রস্থে সংকুচিত করে এবং এটিকে কেন্দ্রে রাখে।
  • Background: Height কার্ডের উচ্চতা px-এ বা এর প্রস্থের শতাংশ হিসাবে সেট করে। কোনো Width (px) ফিল্ড নেই। ছবিটি কার্ডের পটভূমি। Fit এখানেও কাজ করে: Cover ছবিটিকে কার্ডে ক্রপ করে — Focal point দিয়ে ক্রপ পয়েন্ট সেট করুন — এবং Contain পুরো ছবিটি এর ভিতরে স্কেল করে, Set position দিয়ে স্থাপন করা হয়। Outlook Desktop Contain-কে আনুমানিকভাবে দেখায় এবং উভয়কেই উপেক্ষা করে।
  • Left বা Right: Width ইমেজ কলামের প্রস্থ px-এ বা কার্ডের শতাংশ হিসাবে সেট করে। Height (px) ছবিটিকে একটি পিক্সেল উচ্চতায় স্থির করে। একটি পিক্সেল উচ্চতা সেট করলে নীচের ক্রপ রেশিও পরিষ্কার হয়ে যায়। একটি ক্রপ রেশিও বাছলে পিক্সেল উচ্চতা পরিষ্কার হয়ে যায়। আপনি একবারে উভয়ই ব্যবহার করতে পারবেন না।
  • সমস্ত লেআউটের জন্য:
    • Crop: ছবির স্বাভাবিক অনুপাত রাখতে Original বাছুন, অথবা একটি রেশিও (Square (1:1), 4:3, 3:2, 16:9) বাছুন ছবিটিকে সেই বাক্সে ক্রপ করতে।
    • Fit: বাক্সটি পূরণ করতে এবং এতে ক্রপ করতে Cover চয়ন করুন। Focal point দিয়ে ক্রপ পয়েন্ট সেট করুন। অথবা ক্রপ না করে পুরো ছবিটি বাক্সের ভিতরে স্কেল করতে Contain চয়ন করুন। Set position দিয়ে এটিকে অবস্থান করুন।
    • Corner radius (px): ছবির কোণগুলি গোল করুন। প্রতিটি কোণ আলাদাভাবে সেট করতে More options চালু করুন, অথবা চারটি কোণে একই ব্যাসার্ধ প্রয়োগ করতে এটি বন্ধ রাখুন। অন্য যেকোনো ছবির মতো একই ইমেল ক্লায়েন্ট সমর্থন।
• Spacing: কার্ডের কন্টেন্টের চারপাশে প্যাডিং সেট করুন।

বাটন

একটি Button হল ইমেলের একটি ক্লিকযোগ্য কল টু অ্যাকশন।

ক্যানভাসে এর লেবেল সম্পাদনা করতে একটি Button ব্লকে ক্লিক করুন। ফন্ট সাইজ, টেক্সট রঙ, বোল্ড, ইটালিক, আন্ডারলাইন, স্ট্রাইকথ্রু এবং অ্যালাইনমেন্ট পরিবর্তন করতে টুলবার ব্যবহার করুন। লেবেলটি একটি একক লাইন: পেস্ট করা লাইন ব্রেকগুলি একটি স্পেসে সংকুচিত হয়। একটি পেস্ট কী রাখে এবং কী ফেলে দেয় তার জন্য অন্যান্য ডকুমেন্ট থেকে পেস্ট করা দেখুন।

প্রাপক বাটনটি ক্লিক করলে কী হবে তা সেট করতে:

• Insert/Edit Link খুলতে টুলবারে লিঙ্ক আইকনে ক্লিক করুন।
• অথবা ডান প্যানেলের Link বিভাগে Action type এবং URL ব্যবহার করুন।

উপলব্ধ অ্যাকশন প্রকারের জন্য লিঙ্ক যোগ করুন দেখুন।

ডান প্যানেলে, Styles-এর অধীনে:

• Alignment: বাম, কেন্দ্র, বা ডান।
• Background: ডিফল্ট লুক ওভাররাইড করতে চালু করুন, তারপর একটি সলিড রঙের জন্য Solid বা একটি দুই-স্টপ লিনিয়ার গ্রেডিয়েন্টের জন্য Gradient চয়ন করুন (একটি শুরুর রঙ, একটি শেষের রঙ এবং ডিগ্রিতে একটি কোণ, ডিফল্ট ৯০°)। গ্রেডিয়েন্ট নির্বাচিত হলে, বাটনটি এখনও গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড সমর্থন করে না এমন ইমেল ক্লায়েন্টগুলিতে একটি সলিড ফিল দেখায়, যেমন উইন্ডোজে আউটলুক। যে বাটনগুলিতে ইতিমধ্যে একটি সলিড ব্যাকগ্রাউন্ড ছিল সেগুলি তা রাখে এবং Solid নির্বাচিত অবস্থায় খোলে।
• Text color, Font size, এবং Font family: ডিফল্ট লুক ওভাররাইড করতে প্রতিটি অপশন চালু করুন।
• Corner radius, Border color, এবং Border width: বাটনের আকার এবং আউটলাইন। Gmail এবং Apple Mail বাটনের কর্নার রেডিয়াস রেন্ডার করে; Outlook Desktop এটি উপেক্ষা করে এবং বর্গাকার কোণ দেখায়, যেমনটি এটি ছবির জন্য করে।
• Width: একটি নির্দিষ্ট বাটন প্রস্থ সেট করুন বা এটি স্বয়ংক্রিয় রাখুন।
• Padding: বাটনের ভিতরে স্থান যোগ করুন। অভিন্ন প্যাডিংয়ের জন্য All sides ব্যবহার করুন, অথবা প্রতিটি দিক আলাদাভাবে সেট করতে More options চালু করুন।

ডিভাইডার

একটি Divider হল কন্টেন্ট ব্লকগুলির মধ্যে একটি অনুভূমিক রেখা। ইমেলে বিভাগগুলিকে দৃশ্যত আলাদা করতে এটি ব্যবহার করুন।

সেটিংস প্যানেলে লাইন স্টাইল (সলিড, ড্যাশড, ডটেড), রঙ, পুরুত্ব, এবং প্রস্থ কনফিগার করুন।

HTML

HTML ব্লক আপনাকে আপনার ইমেলে কাস্টম HTML পেস্ট করতে দেয়। একটি কাস্টম ফর্ম, সমীক্ষা, বা এমবেডেড ভিডিওর জন্য এটি ব্যবহার করুন।

কোড ফিল্ডের উপরে, আপনার অ্যাকাউন্টের ট্যাগ অনুসন্ধান করতে এবং কার্সার অবস্থানে একটি মার্জ ট্যাগ সন্নিবেশ করতে Merge tag ক্লিক করুন — উপরে বর্ণিত একই ব্যক্তিগতকরণ বৈশিষ্ট্য — অথবা একইভাবে একটি ইমোজি সন্নিবেশ করতে ইমোজি আইকনে ক্লিক করুন। একটি হেডিং বা টেক্সট ব্লকের মতো একই Default / Format প্যানেল খুলতে একটি সন্নিবেশিত মার্জ ট্যাগে ক্লিক করুন।

উদাহরণ

লিড ফর্ম

এই লিড ফর্মটি নতুন বছরের বিক্রয়ের জন্য একটি প্রোমো কোড পাঠাতে একটি ইমেল ঠিকানা সংগ্রহ করে।

HTML কোড

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>

সমীক্ষা

এই সমীক্ষাটি জিজ্ঞাসা করে যে প্রাপক কোন বিভাগের জন্য কেনাকাটা করছেন এবং প্রতিটি বিকল্পকে প্রাসঙ্গিক বিক্রয় পৃষ্ঠায় লিঙ্ক করে।

HTML কোড

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>

ভিডিও

এই উদাহরণটি ইমেলে একটি নতুন বছরের বিক্রয় প্রচার ভিডিও এম্বেড করে।

HTML কোড

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>

নোট

আপনি সরাসরি HTML ব্লকে একটি আনসাবস্ক্রাইব লিঙ্কও যোগ করতে পারেন:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

ইমেলটি পাঠানোর সময় %%PW_EMAIL_UNSUBSCRIBE%% প্লেসহোল্ডারটি Pushwoosh আনসাবস্ক্রাইব URL দিয়ে প্রতিস্থাপিত হয়।

মেনু

Menu ব্লকটি একটি সারি বা কলামে বেশ কয়েকটি ক্লিকযোগ্য আইটেম রাখে। এটি একটি নেভিগেশন বার বা কোম্পানির পরিচিতির তালিকার জন্য ব্যবহার করুন।

প্রতিটি মেনু আইটেমের জন্য, সেট করুন:

• Label: প্রাপকরা যে টেক্সট দেখেন
• URL: আইটেমটি কোথায় খোলে
• Target: একই ট্যাব বা একটি নতুন ট্যাব

ব্লক সেটিংসে, আপনি আরও সেট করতে পারেন:

• Direction: অনুভূমিক বা উল্লম্ব
• Alignment: বাম, কেন্দ্র, বা ডান
• Separator: আইটেমগুলির মধ্যে একটি ঐচ্ছিক বিভাজক
• ফন্ট, আকার, ওজন, অক্ষরের ব্যবধান, এবং লিঙ্ক/টেক্সট রঙ

সোশ্যাল

Social ব্লকটি আপনার প্রোফাইলে লিঙ্ক করে এমন সোশ্যাল মিডিয়া আইকনগুলির একটি সারি প্রদর্শন করে। ইমেল থেকে প্রাপকদের Facebook, Instagram, X, এবং অন্যান্য প্ল্যাটফর্মে পাঠাতে এটি ব্যবহার করুন।

প্ল্যাটফর্ম এন্ট্রি যোগ করুন, তারপর অ্যালাইনমেন্ট, আইকন আকার, এবং আইকনগুলির মধ্যে ফাঁক সেট করুন।

কাউন্টডাউন টাইমার

Timer ব্লকটি ইমেলে একটি কাউন্টডাউন। সীমিত সময়ের অফার, ফ্ল্যাশ সেল এবং ইভেন্ট রিমাইন্ডারের জন্য এটি ব্যবহার করুন।

এটি সেট আপ করতে:

1. Countdown-এ, End date এবং End time সেট করুন, তারপর টাইমার লেবেলের জন্য Timezone এবং Language চয়ন করুন।
2. সংখ্যার নীচে “দিন / ঘন্টা / মিনিট / সেকেন্ড” ক্যাপশন দেখাতে Labels চালু করুন, অথবা শুধুমাত্র সংখ্যার জন্য বন্ধ করুন।
3. Appearance-এ, Background, Digits color, Labels color, এবং সংখ্যার জন্য ফন্ট সাইজ (ডিফল্ট ৪০px) এবং লেবেলের জন্য (ডিফল্ট ১৬px) সেট করুন।
4. প্রয়োজন অনুযায়ী Spacing (প্যাডিং) সামঞ্জস্য করুন।

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

কলাম

Columns ক্যানভাসকে পাশাপাশি বিভাগে বিভক্ত করে যাতে আপনি এক সারিতে একে অপরের পাশে কন্টেন্ট রাখতে পারেন।

ক্যানভাসে এই ব্লকগুলির মধ্যে একটি টেনে আনুন:

• ২টি কলাম: দুটি সমান কলাম
• ৩টি কলাম: তিনটি সমান কলাম
• ৪টি কলাম: চারটি সমান কলাম
• ৩৩ / ৬৭: বাম কলাম প্রায় ৩৩% চওড়া, ডান প্রায় ৬৭%
• ৬৭ / ৩৩: বাম কলাম প্রায় ৬৭% চওড়া, ডান প্রায় ৩৩%

তারপর প্রতিটি কলামে কন্টেন্ট যোগ করুন। ইমেলের সমস্ত কলামের জন্য স্পেসিং পরিবর্তন করতে, Settings → Columns defaults খুলুন এবং বাইরের প্যাডিং, কলাম প্যাডিং, এবং কলামগুলির মধ্যে ফাঁক সামঞ্জস্য করুন।

কলামের নিজস্ব ছবির জন্য (যা আপনি কলামের সেটিংসে Add image দিয়ে যোগ করেন), সেটিংস একটি Size & fit বিভাগ দেখায়। এটি কার্ড ব্লকের Left / Right লেআউটের মতো একই নিয়ন্ত্রণ। একটি কলামে টেনে আনা একটি Image ব্লক একটি পৃথক কন্টেন্ট উপাদান এবং তার নিজস্ব সহজ সাইজিং ফিল্ড রাখে — দেখুন ইমেজ।

আপনি গ্যালারি এড়িয়ে যেতে সরাসরি Image URL-এ একটি হোস্ট করা লিঙ্ক পেস্ট করতে পারেন।

• Width: ছবির প্রস্থ px-এ বা কলামের শতাংশ হিসাবে সেট করুন। কলামটি পূরণ করতে এটি আনসেট রাখুন।
• Height (px): ছবিটিকে একটি পিক্সেল উচ্চতায় স্থির করুন। একটি পিক্সেল উচ্চতা সেট করলে নীচের ক্রপ রেশিও পরিষ্কার হয়ে যায়। একটি ক্রপ রেশিও বাছলে পক্সেল উচ্চতা পরিষ্কার হয়ে যায়। আপনি একবারে উভয়ই ব্যবহার করতে পারবেন না।
• Crop: ছবির স্বাভাবিক অনুপাত রাখতে Original বাছুন, অথবা একটি রেশিও (Square (1:1), 4:3, 3:2, 16:9) বাছুন ছবিটিকে সেই বাক্সে ক্রপ করতে।
• Fit: বাক্সটি পূরণ করতে এবং এতে ক্রপ করতে Cover চয়ন করুন। Focal point দিয়ে ক্রপ পয়েন্ট সেট করুন। অথবা ক্রপ না করে পুরো ছবিটি বাক্সের ভিতরে স্কেল করতে Contain চয়ন করুন। Set position দিয়ে এটিকে অবস্থান করুন।
• Corner radius (px): ছবির কোণগুলি গোল করুন। প্রতিটি কোণ আলাদাভাবে সেট করতে More options চালু করুন, অথবা চারটি কোণে একই ব্যাসার্ধ প্রয়োগ করতে এটি বন্ধ রাখুন। অন্য যেকোনো ছবির মতো একই ইমেল ক্লায়েন্ট সমর্থন।

নোট

শুধুমাত্র Height (px) সেট করা একটি কলাম ইমেজ কলামের প্রস্থে প্রসারিত হয় এবং সেই উচ্চতায় ক্রপ হয়।

প্রোডাক্টস

একটি Products ব্লক একটি শেয়ার্ড টেমপ্লেট থেকে প্রোডাক্ট কার্ডের একটি গ্রিড দেখায়। প্রতিটি কার্ডে একটি ছবি, শিরোনাম, বিবরণ, মূল্য এবং একটি কেনার বাটন অন্তর্ভুক্ত থাকতে পারে। টেমপ্লেটটি প্রতিটি প্রোডাক্টের জন্য পুনরাবৃত্তি হয়।

একটি কার্ডকে সক্রিয় করতে এবং এটি সম্পাদনা করতে ক্যানভাসে ক্লিক করুন:

• শুধুমাত্র সেই কার্ডটি আপডেট করতে শিরোনাম, বিবরণ, মূল্য, ছবি, বা প্রতি-প্রোডাক্ট লিঙ্ক পরিবর্তন করুন।
• প্রতিটি কার্ড আপডেট করতে টেমপ্লেট লেআউট, রঙ, প্যাডিং, বা এটিতে কোন উপাদান রয়েছে তা পরিবর্তন করুন।

সেটিংস প্যানেলে, Source-এর অধীনে, প্রোডাক্টগুলি কোথা থেকে আসে তা চয়ন করুন:

• Manual: হাতে প্রোডাক্ট লিখুন, আপনার প্রোডাক্ট ক্যাটালগ থেকে আইডি দ্বারা সেগুলি বাছুন, বা উভয়ই মিশ্রিত করুন।
• Catalog rule: বিভাগ এবং সাজানোর ক্রম অনুসারে স্বয়ংক্রিয়ভাবে প্রোডাক্ট টানুন, পাঠানোর সময় ক্যাটালগ থেকে নতুন করে সমাধান করা হয়।
• Cart: প্রতিটি প্রাপকের বর্তমান পরিত্যক্ত কার্ট থেকে আইটেমগুলি দেখান।
• Recommendations: একটি বিল্ট-ইন কৌশল দ্বারা র‍্যাঙ্ক করা প্রোডাক্ট টানুন — বেস্টসেলার, নতুন আগমন, স্টকে ফিরে আসা, বা মূল্য হ্রাস — পাঠানোর সময় আপনার ক্যাটালগ থেকে সমাধান করা হয়।

নোট

এই উৎসগুলির জন্য আপনার প্ল্যানে Content Templates প্রয়োজন। যদি Source নির্বাচক Catalog rule, Cart, বা Recommendations-এ স্যুইচ না করে, তাহলে সাপোর্ট বা আপনার অ্যাকাউন্ট ম্যানেজারের সাথে যোগাযোগ করুন।

ইমেলটি সংরক্ষণ করতে আপনার একটি API অ্যাক্সেস টোকেন (Settings → API Access) প্রয়োজন। প্রিভিউ করা, স্মার্ট চেক চালানো, এবং এডিটরের অন্য সবকিছু একটি ছাড়া কাজ করে। শুধুমাত্র Save ব্যর্থ হয়, একটি টোস্ট আপনাকে জানায় যে ব্লকের কোনো API অ্যাক্সেস টোকেন নেই।

ম্যানুয়ালি প্রোডাক্ট যোগ করুন

গ্রিডটি নিজে পূরণ করুন, হয় হাতে প্রোডাক্ট লিখে অথবা আপনার প্রোডাক্ট ক্যাটালগ থেকে আইডি দ্বারা নির্দিষ্ট আইটেম বেছে নিয়ে। আপনি একই ব্লকে উভয়ই মিশ্রিত করতে পারেন।

• Number of products: কতগুলি কার্ড দেখাতে হবে তা সেট করুন (১-২৪)।
• Add product: একটি কার্ড যোগ করুন এবং এর শিরোনাম, বিবরণ, মূল্য, ছবি এবং লিঙ্ক নিজে পূরণ করুন।
• Pick from catalog…: টাইপ করার পরিবর্তে আপনার প্রোডাক্ট ক্যাটালগ থেকে নির্দিষ্ট প্রোডাক্ট নির্বাচন করুন।
• Refresh from catalog: ক্যাটালগ থেকে বেছে নেওয়া প্রোডাক্টগুলির জন্য সর্বশেষ শিরোনাম, বিবরণ, মূল্য এবং ছবি টানুন, যদি সেগুলি যোগ করার পর থেকে পরিবর্তিত হয়ে থাকে। হাতে লেখা প্রোডাক্টগুলিকে প্রভাবিত করে না।
• Product images: সেই প্রোডাক্টের ছবি প্রতিস্থাপন করতে একটি থাম্বনেইলে ক্লিক করুন।
• Product links: প্রতিটি প্রোডাক্টের জন্য URL লিখুন বা সম্পাদনা করুন।

একটি ক্যাটালগ নিয়ম দিয়ে প্রোডাক্ট টানুন

ম্যানুয়াল বাছাই ছাড়াই বিভাগ এবং সাজানোর ক্রম অনুসারে স্বয়ংক্রিয়ভাবে প্রোডাক্ট টানুন।

• Category: একটি নির্দিষ্ট ক্যাটালগ বিভাগে সীমাবদ্ধ করুন, বা All categories।
• Sort: প্রোডাক্টগুলি যে ক্রমে টানা হয় তা চয়ন করুন: Newest first, Price: low to high, Price: high to low, বা Title A-Z।
• Number of products: কতগুলি কার্ড দেখাতে হবে তার একটি সীমা সেট করুন (১-১২)।
• Refresh preview: এখনই ক্যাটালগের বিপরীতে ক্যানভাস প্রিভিউ পুনরায় গণনা করুন।

প্রিভিউ বনাম পাঠানোর সময়

ক্যানভাস প্রিভিউ দেখায় যে প্রোডাক্টগুলি এখনই নিয়মের সাথে মেলে। যদি আপনি ইমেল পাঠানোর আগে ক্যাটালগ পরিবর্তিত হয়, উদাহরণস্বরূপ একটি প্রোডাক্ট স্টক আউট হয়ে যায় বা একটি নতুন যোগ করা হয়, প্রাপকরা পাঠানোর সময় আপডেট করা ম্যাচ দেখেন, প্রিভিউ নয়।

কার্ট থেকে আইটেম দেখান

একজন প্রাপকের পরিত্যক্ত কার্ট থেকে বর্তমান আইটেমগুলি রেন্ডার করুন।

• Max products shown: কতগুলি কার্ড দেখাতে হবে তার একটি সীমা সেট করুন (১-১২)।
• Preview a user’s cart: একটি ব্যবহারকারী আইডি বা ইমেল লিখুন এবং সেই নির্দিষ্ট প্রাপকের জন্য ব্লকটি কীভাবে রেন্ডার করে তা দেখতে Preview cart ক্লিক করুন।

নোট

প্রতিটি প্রাপক পাঠানোর সময় তাদের নিজস্ব বর্তমান পরিত্যক্ত কার্ট পান। যাদের নেই তারা কেবল ব্লকটি এড়িয়ে যান, তাই PW_AbandonedCartID ট্যাগ ব্যবহার করে আপনার দর্শকদের লক্ষ্য করুন। ক্যানভাস নিজেই নমুনা কার্ড দেখায়, আসল কার্ট ডেটা নয়। সম্পূর্ণ সেটআপের জন্য কীভাবে একটি পরিত্যক্ত কার্ট প্রচারাভিযান সেট আপ করবেন দেখুন।

প্রস্তাবিত প্রোডাক্ট পান

নিজে বেছে নেওয়া বা একটি ক্যাটালগ নিয়ম লেখার পরিবর্তে একটি বিল্ট-ইন কৌশল দ্বারা র‍্যাঙ্ক করা প্রোডাক্ট টানুন।

• Strategy: প্রোডাক্টগুলি কীভাবে র‍্যাঙ্ক করা হয় তা চয়ন করুন — Bestsellers (7 days), Bestsellers (30 days), New arrivals, Back in stock, Price drop, Bought together, বা Based on what they viewed। Recommendations নির্বাচন করলে Catalog rule থেকে Sort নিয়ন্ত্রণটি এই Strategy নির্বাচক দ্বারা প্রতিস্থাপিত হয়।

• Category: একটি নির্দিষ্ট ক্যাটালগ বিভাগে সীমাবদ্ধ করুন, বা All categories।
• Number of products: কতগুলি কার্ড দেখাতে হবে তার একটি সীমা সেট করুন (১-১২)।
• Refresh preview: এখনই ক্যাটালগের বিপরীতে ক্যানভাস প্রিভিউ পুনরায় গণনা করুন।

Bought together-এর জন্য একটি প্রোডাক্ট ট্যাগ প্রয়োজন

Bought together নির্বাচন করলে একটি Product tag ফিল্ড যোগ হয় — অ্যাঙ্কর প্রোডাক্ট ধারণকারী ডিভাইস ট্যাগের নাম লিখুন, এবং ব্লকটি এর সাথে প্রায়শই কেনা প্রোডাক্টগুলি দেখায়। একটি ট্যাগ সেট না থাকলে, ব্লকটি নিয়মিত ক্যাটালগে ফিরে যায়।

ট্যাগের নাম শুধুমাত্র অক্ষর, সংখ্যা, আন্ডারস্কোর এবং স্পেস গ্রহণ করে — অন্য কিছু একটি ইনলাইন ত্রুটি সহ প্রত্যাখ্যান করা হয়, কারণ ট্যাগটিকে লিকুইডে ঠিকানাযোগ্য হতে হবে।

নোট

Bestsellers বিশেষভাবে অর্ডার ইতিহাস দ্বারা প্রোডাক্ট র‍্যাঙ্ক করে। Bought together Based on what they viewed-এর মতো একই বিস্তৃত মিথস্ক্রিয়া স্ট্রিম থেকে তৈরি করে — ভিউ, কার্ট এবং কেনাকাটা একইভাবে, শুধুমাত্র কেনাকাটা নয়। নতুন অ্যাকাউন্ট, বা যে অ্যাকাউন্টগুলি এখনও একটি নির্দিষ্ট কৌশলের জন্য যথেষ্ট ইতিহাস সংগ্রহ করেনি, যথেষ্ট জমা না হওয়া পর্যন্ত পরিবর্তে নিয়মিত ক্যাটালগ পায়।

প্রোডাক্টস ব্লক সেটিংস এখনও অনুবাদ করা হয়নি

প্রোডাক্টস ব্লকের সেটিংস, Recommendations সোর্সের নাম এবং এর কৌশল লেবেল সহ, আপনার অ্যাকাউন্টের ভাষা নির্বিশেষে ইংরেজিতে দেখায়।

গ্রিড স্টাইল করুন

একবার আপনি একটি উৎস বেছে নিলে, এই সেটিংসগুলি গ্রিড এবং এর কার্ডগুলি কেমন দেখাবে তা নিয়ন্ত্রণ করে। আপনি যে উৎসই ব্যবহার করুন না কেন সেগুলি একই থাকে:

• Columns: প্রতি সারিতে ১, ২, বা ৩টি কার্ড চয়ন করুন। মোবাইলে, কার্ডগুলি সর্বদা এক কলামে স্ট্যাক হয়।
• Gap: কার্ডগুলির মধ্যে স্থান সেট করতে চালু করুন। বন্ধ থাকলে ডিফল্ট (১৬px) ব্যবহার করে।
• Description limit: বিবরণের টেক্সট যে অক্ষর সীমায় ছাঁটা হয়, যাতে কার্ডগুলি একটি সামঞ্জস্যপূর্ণ আকার বজায় রাখে।
• Card template: একটি লেআউট বাছুন, তারপর প্রতিটি কার্ডের জন্য Card background, Card corner radius, এবং Content padding সেট করুন।
• Size & fit: একটি ছবি আছে এমন প্রতিটি লেআউটের জন্য দেখানো হয়। কার্ড ব্লক-এর প্রতি-লেআউট ইমেজ সাইজিংয়ের মতো একই Width, Height, Crop, এবং Fit নিয়ন্ত্রণ, পুরো ইমেলের পরিবর্তে কার্ডের প্রস্থের সাপেক্ষে আকার দেওয়া হয়।

নীচের Block style সেটিংসগুলি ব্লককে সামগ্রিকভাবে স্টাইল করে, এর ভিতরের কার্ডগুলি থেকে আলাদাভাবে:

• Background এবং Background image: পুরো গ্রিডের পিছনে একটি ব্যাকগ্রাউন্ড রঙ বা ছবি সেট করুন। একটি ছবি সেট করা থাকলে, Fit চয়ন করে এটি ব্লকে কীভাবে বসে — Cover এটিকে ব্লকে ক্রপ করে, Contain পুরো ছবিটি এর ভিতরে ফিট করে — এবং Focal point / Set position এটিকে স্থাপন করে। Outlook Desktop শুধুমাত্র ব্যাকগ্রাউন্ড রঙ দেখায় এবং ছবিটি উপেক্ষা করে, তাই এর পিছনে একটি পঠনযোগ্য রঙ রাখুন।
• Border color, Border width, এবং Corner radius: পুরো গ্রিডের চারপাশে একটি আউটলাইন এবং গোলাকার কোণ যোগ করুন। প্রতিটি কোণ আলাদাভাবে সেট করতে কর্নার রেডিয়াসে More options চালু করুন, অথবা চারটি কোণে একই ব্যাসার্ধ প্রয়োগ করতে এটি বন্ধ রাখুন। Gmail এবং Apple Mail এটি রেন্ডার করে; Outlook Desktop এটি উপেক্ষা করে এবং বর্গাকার কোণ দেখায়, যেমনটি এটি ছবির জন্য করে।
• Hide on mobile এবং Hide on desktop: একটি ডিভাইসে পুরো ব্লকটি লুকান। দেখুন প্রতি ডিভাইসে কন্টেন্ট দেখান বা লুকান।

বিক্রয় মূল্য কীভাবে প্রদর্শিত হয়

যদি আপনার ক্যাটালগে একটি প্রোডাক্টের বিক্রয় মূল্য থাকে, কার্ডটি আসল মূল্যটি কেটে দিয়ে ছাড়ের মূল্য দেখায়। এটি Catalog rule, Cart, এবং Manual-এ ক্যাটালগ আইটেমগুলির জন্য প্রযোজ্য। হাতে লেখা প্রোডাক্টগুলির কোনো বিক্রয় মূল্য নেই।

নিউজ

একটি News ব্লক আর্টিকেল কার্ডের একটি গ্রিড দেখায়। প্রতিটি কার্ডে একটি ছবি, তারিখ, শিরোনাম, সারাংশ এবং একটি “আরও পড়ুন” লিঙ্ক অন্তর্ভুক্ত থাকতে পারে। টেমপ্লেটটি প্রতিটি আর্টিকেলের জন্য পুনরাবৃত্তি হয়, যেমনটি প্রোডাক্টস ব্লকের জন্য করে। একটি নতুন নিউজ ব্লক ২টি নমুনা কার্ড দিয়ে শুরু হয়।

সেটিংস প্যানেলে, Source-এর অধীনে, আর্টিকেলগুলি কোথা থেকে আসে তা চয়ন করুন:

• Picked: একবার একটি RSS বা Atom ফিড থেকে আর্টিকেল লোড করুন, বা হাতে নির্দিষ্টগুলি বাছুন। সেগুলি ইমেলে অনুলিপি করা হয় এবং আর পরিবর্তন হয় না।
• Live feed: আপনার অ্যাপ্লিকেশনের জন্য নিবন্ধিত একটি ফিড থেকে আর্টিকেল টানুন, পাঠানোর সময় নতুন করে সমাধান করা হয় যাতে প্রতিটি প্রাপক নতুনগুলি পায়।

নোট

Live feed-এর জন্য আপনার প্ল্যানে Content Templates প্রয়োজন। যদি Source Live feed-এ স্যুইচ না করে, Pushwoosh একটি ইঙ্গিত দেখায় যে অ্যাকাউন্টের জন্য ডাইনামিক কন্টেন্ট সক্ষম করা হয়নি। সাপোর্ট বা আপনার অ্যাকাউন্ট ম্যানেজারের সাথে যোগাযোগ করুন।

একটি ফিড থেকে আর্টিকেল বাছুন

একটি কার্ডকে সক্রিয় করতে এবং এটি সম্পাদনা করতে ক্যানভাসে ক্লিক করুন:

• শুধুমাত্র সেই কার্ডটি আপডেট করতে তারিখ, শিরোনাম, সারাংশ, ছবি, বা প্রতি-আর্টিকেল লিঙ্ক পরিবর্তন করুন।
• প্রতিটি কার্ড আপডেট করতে টেমপ্লেট লেআউট, রঙ, প্যাডিং, বা এটিতে কোন উপাদান রয়েছে তা পরিবর্তন করুন।

আর্টিকেলগুলি একবার লোড করার পরে ইমেল কন্টেন্টে অনুলিপি করা হয়; পাঠানোর সময় আর কিছু আনা হয় না। আর্টিকেল ছবিগুলি আপনার মিডিয়া স্টোর-এ অনুলিপি করা হয় এবং প্রয়োজনে WebP থেকে JPEG-এ রূপান্তরিত হয়, কারণ Outlook WebP রেন্ডার করতে পারে না।

একটি RSS 2.0 বা Atom Feed URL পেস্ট করুন, তারপর হয়:

• Load latest articles: বর্তমান কার্ডগুলিকে ফিড থেকে সবচেয়ে সাম্প্রতিক আর্টিকেল দিয়ে প্রতিস্থাপন করুন, আপনার ইতিমধ্যে থাকা কার্ডের একই সংখ্যা (ডিফল্টরূপে ২টি)।
• Pick articles…: ফিডের সর্বশেষ ১২টি পর্যন্ত আর্টিকেলের একটি তালিকা সহ একটি ড্রয়ার খুলুন, থাম্বনেইল, শিরোনাম, তারিখ, বিভাগ এবং লেখক সহ, এবং কোনটি যোগ করতে হবে তা চয়ন করুন। বাছাই করা আর্টিকেলগুলি বিদ্যমান কার্ডগুলিতে যুক্ত করা হয়, মোট ১২টি পর্যন্ত; ক্যানভাসে ইতিমধ্যে থাকা আর্টিকেলগুলি দুবার বাছাই করা যায় না।

নোট

যদি ফিড URL খালি, অবৈধ, বা ফিডে কোনো আর্টিকেল না থাকে, Pushwoosh একটি ত্রুটি দেখায় এবং বর্তমান কার্ডগুলি অপরিবর্তিত রাখে।

ড্রয়ারটি আপনাকে সর্বদা নতুনগুলি নেওয়ার পরিবর্তে হাতে নির্দিষ্ট আর্টিকেল বাছাই করতে দেয়।

• Article images: সেই আর্টিকেলের ছবি প্রতিস্থাপন করতে একটি থাম্বনেইলে ক্লিক করুন।
• Article links: যখন কার্ড টেমপ্লেটে আর্টিকেলের সাথে আবদ্ধ একটি লিঙ্ক থাকে তখন দেখানো হয় (ডিফল্ট “আরও পড়ুন” বাটন)। প্রতিটি আর্টিকেল শিরোনাম দ্বারা তালিকাভুক্ত করে যাতে আপনি এর গন্তব্য URL সম্পাদনা বা ওভাররাইড করতে পারেন, যা প্রাথমিকভাবে ফিড থেকে টানা হয়।

একটি লাইভ ফিড থেকে আর্টিকেল টানুন

ইমেল পাঠানোর সময় আর্টিকেলগুলি আনা হয়, তাই প্রতিটি প্রাপক সবচেয়ে তাজাগুলি পান। নিজে আর্টিকেল বাছাই করার পরিবর্তে, একটি ফিড এবং একটি সীমা চয়ন করুন:

• Registered feed: আপনার অ্যাপ্লিকেশনের জন্য ইতিমধ্যে নিবন্ধিত একটি ফিড চয়ন করুন, বা সবগুলি থেকে টানতে All feeds of the application। এই প্যানেলটি শুধুমাত্র একটি ফিড বাছে, এটি একটি নিবন্ধন করে না; যদি এখনও কোনোটি বিদ্যমান না থাকে, তাহলে আপনার অ্যাপ্লিকেশনের জন্য একটি যোগ করতে সাপোর্ট বা আপনার অ্যাকাউন্ট টিমের কাছে অনুরোধ করুন।
• Category filter: একটি ঐচ্ছিক ফ্রি-টেক্সট ফিল্টার যা ফিড থেকে আর্টিকেলের বিভাগের সাথে মেলানো হয় (ডিফল্ট: যেকোনো বিভাগ)।
• Articles: কতগুলি কার্ড দেখাতে হবে (১-১২, ডিফল্টরূপে ৩টি)।
• Refresh preview: এখনই ফিডের বিপরীতে ক্যানভাস প্রিভিউ পুনরায় গণনা করুন। যদি ফিড কোনো আর্টিকেল ফেরত না দেয়, Pushwoosh বর্তমান কার্ডগুলি অপরিবর্তিত রাখে; যদি ফিডে পৌঁছানো না যায়, Pushwoosh পরিবর্তে একটি ত্রুটি দেখায়।

প্রিভিউ বনাম পাঠানোর সময়

ক্যানভাস প্রিভিউ দেখায় যে আর্টিকেলগুলি এখনই মেলে। প্রাপকরা পাঠানোর সময় নতুন করে সমাধান করা ম্যাচ পান, প্রতিটি আর্টিকেলের ফিড GUID দ্বারা ডিডুপ্লিকেট করা এবং গত ৩০ দিনে প্রকাশিত আর্টিকেলগুলিতে সীমাবদ্ধ।

নোট

একটি অনুপস্থিত, খালি, বা পৌঁছানো যায় না এমন ফিড, একটি নিবন্ধিত ফিড যা মুছে ফেলা হয়েছে সহ, পাঠানো ব্যর্থ করে না: Pushwoosh সেই প্রাপকের জন্য কার্ড গ্রিডটি লুকিয়ে রাখে, যখন ব্লকের ব্যাকগ্রাউন্ড এবং বর্ডার এখনও রেন্ডার হয়। শুধুমাত্র একটি ভুলভাবে কনফিগার করা ফিড রেফারেন্স, উদাহরণস্বরূপ একটি দূষিত অ্যাপ্লিকেশন বা ফিড উৎস, পরিবর্তে ক্যানভাসে ইতিমধ্যে থাকা কার্ডগুলিতে ফিরে যায়।

গ্রিড স্টাইল করুন

একবার আপনি একটি উৎস বেছে নিলে, এই সেটিংসগুলি গ্রিড এবং এর কার্ডগুলি কেমন দেখাবে তা নিয়ন্ত্রণ করে। আপনি যে উৎসই ব্যবহার করুন না কেন সেগুলি একই থাকে:

• Columns: প্রতি সারিতে ১, ২, বা ৩টি কার্ড চয়ন করুন। মোবাইলে, কার্ডগুলি সর্বদা এক কলামে স্ট্যাক হয়।
• Gap: কার্ডগুলির মধ্যে স্থান সেট করতে চালু করুন। বন্ধ থাকলে ডিফল্ট (১৬px) ব্যবহার করে।
• Summary limit: আর্টিকেল সারাংশ যে অক্ষর সীমায় ছাঁটা হয়, যাতে কার্ডগুলি একটি সামঞ্জস্যপূর্ণ আকার বজায় রাখে।
• Card template: একটি লেআউট বাছুন, তারপর প্রতিটি কার্ডের জন্য Card background, Card corner radius, এবং Content padding সেট করুন। Left বা Right লেআউটের জন্য, শিরোনাম এবং সারাংশকে ছবির চারপাশে প্রবাহিত করতে Wrap text around image চালু করুন, সেগুলিকে একটি নির্দিষ্ট কলামে রাখার পরিবর্তে। Size & fit (Width, Height, Crop, Fit) কার্ড ব্লক-এর প্রতি-লেআউট ইমেজ সাইজিংয়ের মতো একই কাজ করে, কার্ডের প্রস্থের সাপেক্ষে আকার দেওয়া হয়।

নীচের Block style সেটিংসগুলি ব্লককে সামগ্রিকভাবে স্টাইল করে, এর ভিতরের কার্ডগুলি থেকে আলাদাভাবে:

• Background এবং Background image: পুরো গ্রিডের পিছনে একটি ব্যাকগ্রাউন্ড রঙ বা ছবি সেট করুন। একটি ছবি সেট করা থাকলে, Fit চয়ন করে এটি ব্লকে কীভাবে বসে — Cover এটিকে ব্লকে ক্রপ করে, Contain পুরো ছবিটি এর ভিতরে ফিট করে — এবং Focal point / Set position এটিকে স্থাপন করে। Outlook Desktop শুধুমাত্র ব্যাকগ্রাউন্ড রঙ দেখায় এবং ছবিটি উপেক্ষা করে, তাই এর পিছনে একটি পঠনযোগ্য রঙ রাখুন।
• Border color, Border width, এবং Corner radius: পুরো গ্রিডের চারপাশে একটি আউটলাইন এবং গোলাকার কোণ যোগ করুন। প্রতিটি কোণ আলাদাভাবে সেট করতে কর্নার রেডিয়াসে More options চালু করুন, অথবা চারটি কোণে একই ব্যাসার্ধ প্রয়োগ করতে এটি বন্ধ রাখুন। Gmail এবং Apple Mail এটি রেন্ডার করে; Outlook Desktop এটি উপেক্ষা করে এবং বর্গাকার কোণ দেখায়, যেমনটি এটি ছবির জন্য করে।
• Hide on mobile এবং Hide on desktop: একটি ডিভাইসে পুরো ব্লকটি লুকান। দেখুন প্রতি ডিভাইসে কন্টেন্ট দেখান বা লুকান।

নোট

অন্য যেকোনো ব্লকের মতো, একটি নিউজ ব্লক প্রাপকদের একটি উপসেটকে এটি দেখানোর জন্য ডিসপ্লে কন্ডিশন সমর্থন করে।

ব্লক সংরক্ষণ এবং পুনরায় ব্যবহার করুন

প্রতিবার এটি পুনর্নির্মাণ করার পরিবর্তে এই বা অন্যান্য ইমেলে এটি পুনরায় ব্যবহার করতে একটি ব্লক সংরক্ষণ করুন।

1. একটি ব্লক নির্বাচন করতে ক্লিক করুন (এর ফ্রেম বা ব্যাকগ্রাউন্ড, এর ভিতরের টেক্সট বা বাটন নয়)। কার্ড, কলাম এবং সোশ্যাল হল এমন ব্লকের উদাহরণ যা এইভাবে কাজ করে। একসাথে বেশ কয়েকটি ব্লক সংরক্ষণ করতে, নির্বাচনটিকে একটি সংলগ্ন পরিসরে প্রসারিত করতে ক্যানভাসে বা Layers panel-এ আরও সহোদর ব্লকে শিফট-ক্লিক করুন। একটি পরিসরের জন্য সংরক্ষণ প্রস্তাব করা হয় না যা একটি ইতিমধ্যে-সিঙ্ক করা ব্লক বা একটি খালি AI প্লেসহোল্ডার অন্তর্ভুক্ত করে।
2. ব্লকের টুলবারে বুকমার্ক আইকনে ক্লিক করুন এবং এটিকে একটি নাম দিন।

সংরক্ষিত ব্লকগুলি Blocks ট্যাবের নীচে Saved blocks-এর অধীনে উপস্থিত হয়।

• ক্যানভাসে একটি সংরক্ষিত ব্লক টেনে আনুন, অথবা ইমেলের শেষে এটি যোগ করতে ক্লিক করুন।
• এটি মুছতে একটি সংরক্ষিত ব্লকের টাইলে × ক্লিক করুন।

কপিগুলি সিঙ্কে রাখুন

যখন আপনি একটি ব্লক সংরক্ষণ করেন, তখন প্রতিটি সন্নিবেশিত কপিকে একই উৎসের সাথে লিঙ্ক করতে Keep copies in sync চালু করুন। উৎসটি একবার সম্পাদনা করুন, এবং পরিবর্তনটি সেই ব্লকটি যেখানেই ব্যবহৃত হয় সেখানে প্রযোজ্য হয়, ইতিমধ্যে পাঠানোর জন্য নির্ধারিত ইমেল সহ।

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

একটি সিঙ্ক করা কপি ক্যানভাসে লক করা থাকে। আপনি এটি সরাসরি সম্পাদনা করতে পারবেন না। এর সেটিংস খুলতে কপিটি নির্বাচন করুন:

• Edit synced block: এই কপিটি আনলক করুন যাতে আপনি এটি পরিবর্তন করতে পারেন। উপরে একটি ব্যানার উপস্থিত হয়। আপনার পরিবর্তনগুলি উৎসে এবং অন্য প্রতিটি কপিতে সংরক্ষণ করতে Apply to all ক্লিক করুন, অথবা সেগুলি বাতিল করতে Cancel ক্লিক করুন। আপনি একবারে শুধুমাত্র একটি সিঙ্ক করা ব্লক আনলক করতে পারেন।
• Update from source: এই কপিটিকে উৎস থেকে সর্বশেষ সংস্করণ দিয়ে প্রতিস্থাপন করুন।
• Detach from source: এই কপিটিকে উৎস থেকে আনলিঙ্ক করুন যাতে আপনি এটি নিজে সম্পাদনা করতে পারেন।

যখন একটি সিঙ্ক করা ব্লক সম্পাদনার জন্য আনলক করা থাকে, তখন দুর্ঘটনাজনিত সম্পাদনা রোধ করতে ইমেলের বাকি অংশ লক করা থাকে:

• ক্যানভাসে এবং Layers panel-এ, ব্লকের বাইরের সবকিছু ম্লান হয়ে যায় এবং কোনো ড্র্যাগ হ্যান্ডেল বা কাবাব মেনু দেখায় না — সেই সারিগুলি ক্লিক করা, টেনে আনা, ডুপ্লিকেট করা বা মুছে ফেলার কোনো প্রভাব নেই।
• ব্লকের বাইরে কিছু নির্বাচন করলে সেই উপাদানের ফিল্ডের পরিবর্তে সেটিংস প্যানেলে Finish editing the synced block to edit the rest of the email দেখায়।
• Layers panel-এ, সম্পাদনা করা ব্লকটিকে একটি সম্পাদনা আইকন সহ Synced block (editing) লেবেল দেওয়া হয়।
• Save বাটনটি নিষ্ক্রিয় করা থাকে, একটি টুলটিপ সহ যা ব্যাখ্যা করে যে এখন সংরক্ষণ করলে ইমেলটি ব্লকের পুরানো কন্টেন্ট সহ সংরক্ষণ করা হবে।

ইমেলের বাকি অংশ আবার আনলক করতে আপনার পরিবর্তনগুলি প্রয়োগ করুন বা বাতিল করুন।

নোট

প্রতিবার আপনি একটি ইমেল খুললে, Pushwoosh এর সিঙ্ক করা কপিগুলি পরীক্ষা করে এবং যেগুলি পুরানো সেগুলি আপডেট করে। একটি টোস্ট দেখায় কতগুলি রিফ্রেশ করা হয়েছে। যদি উৎসের নতুন কন্টেন্ট থাকে, কপির সেটিংস একটি সতর্কতা দেখায় যতক্ষণ না আপনি ইমেলটি পুনরায় খোলেন বা Update from source ক্লিক করেন। যদি উৎসটি মুছে ফেলা হয়, কপিটি তার শেষ কন্টেন্ট রাখে এবং আপনি শুধুমাত্র Detach from source করতে পারেন।

লিঙ্ক যোগ করুন

একজন প্রাপক একটি বাটন বা নির্বাচিত টেক্সটে ক্লিক করলে কী হবে তা সেট করতে Insert/Edit Link ডায়ালগ ব্যবহার করুন। একটি Action type চয়ন করুন, তারপর সেই অ্যাকশনের জন্য ফিল্ডগুলি পূরণ করুন।

ওয়েবসাইট খুলুন

প্রাপক ক্লিক করলে একটি লিঙ্ক খোলে। URL-এ ঠিকানাটি লিখুন।

পছন্দগুলি পরিচালনা লিঙ্ক

সাবস্ক্রিপশন পছন্দ কেন্দ্র-এর একটি লিঙ্ক যোগ করে যেখানে প্রাপকরা কোন ইমেল বিভাগগুলি গ্রহণ করবেন তা চয়ন করতে পারেন। লিঙ্কটি স্বয়ংক্রিয়ভাবে সন্নিবেশ করা হয়।

আনসাবস্ক্রাইব লিঙ্ক

প্রাপকদের নিয়মাবলী এবং তাদের পছন্দ অনুযায়ী অপ্ট আউট করতে দেয়।

টিপ

আপনি একটি HTML ব্লকে একটি আনসাবস্ক্রাইব লিঙ্কও যোগ করতে পারেন:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

ইমেলটি পাঠানোর সময় %%PW_EMAIL_UNSUBSCRIBE%% প্লেসহোল্ডারটি Pushwoosh আনসাবস্ক্রাইব URL দিয়ে প্রতিস্থাপিত হয়।

প্রাপক আনসাবস্ক্রাইব লিঙ্কে ক্লিক করলে কী হয়

যদি সাবস্ক্রিপশন পছন্দ কেন্দ্র সক্ষম করা থাকে

প্রাপক শুধুমাত্র সেই ইমেলের জন্য নির্ধারিত বিভাগ থেকে আনসাবস্ক্রাইব হন (যেমন, নিউজলেটার)। বিভাগের নামটি তাদের Subscribed Email Categories ট্যাগ থেকে সরানো হয়।

Resubscribe এবং Manage preferences বিকল্প সহ একটি নিশ্চিতকরণ স্ক্রিন উপস্থিত হয়। আরও জানুন।

যদি সাবস্ক্রিপশন পছন্দ কেন্দ্র সক্ষম না করা থাকে

প্রাপক সমস্ত মার্কেটিং ইমেল থেকে অপ্ট আউট হন এবং Unsubscribed Emails ট্যাগটি true সেট করা হয়। লেনদেনমূলক ইমেলগুলি প্রভাবিত হয় না এবং বিতরণ করা অব্যাহত থাকবে। বার্তার প্রকার সম্পর্কে আরও জানুন।

গুরুত্বপূর্ণ

আপনাকে আপনার গ্রাহকদের কাছে গুরুত্বপূর্ণ ইমেল সরবরাহ করতে দেওয়ার জন্য, আমরা আপনার ব্যবহারকারী বেস থেকে আনসাবস্ক্রাইব করা ব্যবহারকারীদের মুছে ফেলি না।

ব্যস্ত প্রাপকদের মেসেজিং চালিয়ে যেতে, Unsubscribed Emails = false দ্বারা ফিল্টার করা একটি সেগমেন্ট তৈরি করুন। অভিযোগ এড়াতে, যারা আনসাবস্ক্রাইব করেছেন তাদের ইমেল করবেন না।

ক্লিকগুলি মেসেজ হিস্ট্রি-তে আনসাবস্ক্রাইব হারে গণনা করা হয়।

ওয়েব সংস্করণ লিঙ্ক

প্রাপকদের ইমেলের একটি ওয়েব সংস্করণে অ্যাক্সেস দেয়, যদি তাদের ইনবক্সে এটি দেখতে সমস্যা হয় তবে এটি দরকারী।

কোনো ট্র্যাক পরিসংখ্যান নেই

প্রাপক ক্লিক করলে একটি লিঙ্ক খোলে, আপনার ইমেলের ক্লিক পরিসংখ্যানের দিকে ক্লিকটি গণনা না করে। URL-এ ঠিকানাটি লিখুন।

সাবস্ক্রিপশন ফর্ম নিশ্চিতকরণ লিঙ্ক

একটি সাবস্ক্রিপশন ফর্ম জমা দেওয়ার জন্য একটি নিশ্চিতকরণ লিঙ্ক সন্নিবেশ করায় (উদাহরণস্বরূপ, একটি ডাবল অপ্ট-ইন নিশ্চিত করতে)। ডাবল অপ্ট-ইন সম্পর্কে আরও জানুন।