ড্র্যাগ অ্যান্ড ড্রপ এডিটর দিয়ে ইমেইল কনটেন্ট তৈরি করুন

Pushwoosh-এর বিল্ট-ইন এডিটরে কোড না লিখে ইমেইল কনটেন্ট তৈরি করুন। আপনি কনটেন্ট ব্লক, ছবি, বাটন, ব্যক্তিগতকৃত টেক্সট এবং একটি কমপ্লায়েন্ট ফুটার সহ একটি পুনঃব্যবহারযোগ্য লেআউট পাবেন যা আপনি একটি Customer Journey বা এককালীন ইমেইলে ব্যবহার করতে পারেন।

নোট

HTML পছন্দ করেন? আরও নিয়ন্ত্রণের জন্য Pushwoosh HTML কোড এডিটর ব্যবহার করুন। আরও জানুন

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

শুরু করার আগে, আপনার ইমেইলের ভাষা, সাবজেক্ট লাইন এবং প্রেরকের বিবরণ সেট আপ করুন। কীভাবে করবেন জানুন

নতুন ইমেইল কনটেন্ট তৈরি করুন

১. Content → Email content-এ যান। ২. কীভাবে শুরু করবেন তা বেছে নিন:

• Create email content-এ ক্লিক করে ড্র্যাগ অ্যান্ড ড্রপ এডিটর খুলুন এবং স্ক্র্যাচ থেকে একটি ইমেইল তৈরি করুন।
• Create email content-এর পাশের তীরে ক্লিক করুন, তারপর গ্যালারিতে একটি পূর্ব-নির্মিত লেআউট থেকে শুরু করতে Use a template নির্বাচন করুন।
• Create email content-এর পাশের তীরে ক্লিক করুন, তারপর HTML কোড এডিটর ব্যবহার করতে HTML code নির্বাচন করুন। আরও জানুন

এডিটর লেআউট এক্সপ্লোর করুন

একবার আপনি একটি ইমেইল খুললে, বিল্ট-ইন এডিটরে এই এলাকাগুলো থাকে:

টপ বার

ইমেইলের নাম পরিবর্তন করুন, পরিবর্তনগুলো আনডু বা রিডু করুন এবং আপনার কাজ সেভ করুন। আরও অ্যাকশনের জন্য ⋮ মেনু খুলুন:

• Preview: প্রাপকদের কাছে ইমেইলটি কীভাবে রেন্ডার হবে তা দেখুন, এর নিজস্ব ডেস্কটপ/মোবাইল টগল সহ। দেখুন মোবাইল ভিউ এডিট করুন।
• Validate Liquid: পাঠানোর আগে আপনার সাবজেক্ট, প্রিহেডার, ফুটার এবং বডিতে সমস্ত ভাষায় Liquid সিনট্যাক্স পরীক্ষা করুন।
• Test email: একটি টেস্ট ডিভাইস বা ঠিকানায় একটি প্রিভিউ পাঠান। দেখুন একটি টেস্ট ইমেইল পাঠান।

ভাষা / সাবজেক্ট / প্রিহেডার বার

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

ক্যানভাস

প্রাপকরা যেভাবে ইমেইলটি দেখবেন সেভাবে দেখুন এবং সরাসরি লেআউটে টেক্সট, ছবি এবং বাটন এডিট করুন। একটি খালি ইমেইলে Start with a block দেখায়।

লেয়ারস প্যানেল

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

ডান প্যানেল

তিনটি ট্যাবের মধ্যে স্যুইচ করুন:

• Blocks: ইমেইলে কনটেন্ট যোগ করুন। দেখুন কনটেন্ট ব্লক যোগ করুন।
• Settings: একবারে পুরো ইমেইলে স্টাইলিং প্রয়োগ করুন। দেখুন ইমেইল-ওয়াইড স্টাইলিং কনফিগার করুন।
• AI: একটি প্রম্পট থেকে কনটেন্ট তৈরি বা এডিট করতে AI সহকারীর সাথে চ্যাট করুন।

আপনার ইমেইল তৈরি করা শুরু করুন

১. Blocks প্যানেল থেকে একটি ব্লক ক্যানভাসে ড্র্যাগ করুন, অথবা প্যানেলে একটি ব্লকে ক্লিক করে ইমেইলের শেষে যোগ করুন। ২. লেআউট প্রস্তুত না হওয়া পর্যন্ত একই ভাবে ব্লক যোগ করতে থাকুন। ৩. যখন ইমেইল-ওয়াইড স্টাইলিং প্রয়োজন হয় তখন Settings ট্যাব খুলুন।

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

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

• Heading: ইমেইলে শিরোনাম এবং ছোট হেডলাইন
• Text: বডি কপি এবং দীর্ঘ বিবরণ
• Button: একটি ক্লিকযোগ্য কল টু অ্যাকশন
• Image: মিডিয়া স্টোর, আপলোড বা URL থেকে ছবি
• Card: একটি লেআউটে একটি হেডিং, টেক্সট এবং বাটনের সাথে একটি ছবি যুক্ত
• Divider: একটি লাইন যা বিভাগগুলোকে দৃশ্যত আলাদা করে
• 2 columns: পাশাপাশি দুটি সমান কলাম
• 3 columns: পাশাপাশি তিনটি সমান কলাম
• 4 columns: পাশাপাশি চারটি সমান কলাম
• 33 / 67: দুটি কলাম যেখানে বামটি প্রায় ৩৩% এবং ডানটি প্রায় ৬৭% প্রস্থ নেয়
• 67 / 33: দুটি কলাম যেখানে বামটি প্রায় ৬৭% এবং ডানটি প্রায় ৩৩% প্রস্থ নেয়
• Timer: অফার এবং সময়সীমার জন্য একটি কাউন্টডাউন
• Menu: একটি সারি বা কলামে লিঙ্ক, যেমন নেভিগেশন বা পরিচিতি
• Social: আপনার সামাজিক প্রোফাইলগুলোর সাথে লিঙ্ক করা আইকন
• HTML: কাস্টম HTML, যেমন একটি ফর্ম, সমীক্ষা বা এমবেডেড ভিডিও

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

Heading এবং Text ব্লকগুলো ইমেইলে প্রাপকদের পড়া কপি ধারণ করে। ক্যানভাসে টেক্সট এডিট করুন এবং টুলবার দিয়ে ফরম্যাট করুন।

ক্যানভাসে এর কপি এডিট করতে একটি Heading বা Text ব্লকে ক্লিক করুন। কিছু টেক্সট নির্বাচন করলে ফরম্যাটিং টুলবার আসবে: বোল্ড, ইটালিক, আন্ডারলাইন, অ্যালাইনমেন্ট, একটি লিঙ্ক বাটন এবং একটি text style ড্রপডাউন।

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

ছবি

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

• Add image / Replace image: ব্লক খালি থাকলে Add image-এ ক্লিক করুন, অথবা একটি ছবি ইতিমধ্যে সেট করা থাকলে Replace image-এ ক্লিক করুন। আপনি একটি ফাইল আপলোড করতে পারেন বা আপনার মিডিয়া স্টোর থেকে একটি বেছে নিতে পারেন।
• Image URL: ছবির একটি হোস্ট করা লিঙ্ক পেস্ট করুন।
• Alt text: অ্যাক্সেসিবিলিটির জন্য ছবির বর্ণনা দিন।
• Link URL: ছবিতে ক্লিক করলে একটি লিঙ্ক খুলবে। উপলব্ধ লিঙ্ক প্রকারের জন্য লিঙ্ক যোগ করুন দেখুন।
• Link target: একই ট্যাবে বা একটি নতুন ট্যাবে লিঙ্কটি খুলুন।
• File: একটি ছবি যোগ করার পরে, ব্যবহৃত ফাইলের পাথ দেখায়।

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

কার্ড

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

• Layout: ছবিটি কনটেন্টের তুলনায় কোন দিকে থাকবে তা বেছে নিন।
• Image: ছবিটি প্রতিস্থাপন করুন, alt টেক্সট সেট করুন এবং (AI-জেনারেটেড ছবির জন্য) এটি তৈরি করতে ব্যবহৃত প্রম্পট এডিট করুন।
• Size & fit: ছবির আকার এবং এটি তার এলাকার মধ্যে কীভাবে ফিট এবং অবস্থান করবে তা সেট করুন।
• Spacing: কার্ডের কনটেন্টের চারপাশে প্যাডিং সেট করুন।

বাটন

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

ক্যানভাসে এর লেবেল এডিট করতে একটি Button ব্লকে ক্লিক করুন। ফন্ট সাইজ, টেক্সট কালার, বোল্ড, ইটালিক, আন্ডারলাইন এবং অ্যালাইনমেন্ট পরিবর্তন করতে টুলবার ব্যবহার করুন।

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

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

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

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

• Alignment: বাম, কেন্দ্র বা ডান।
• Background, Text color, Font size, এবং Font family: ডিফল্ট লুক ওভাররাইড করতে প্রতিটি অপশন চালু করুন।
• Border radius, Border color, এবং Border width: বাটনের আকৃতি এবং আউটলাইন।
• Width: একটি নির্দিষ্ট বাটন প্রস্থ সেট করুন বা এটি স্বয়ংক্রিয় রাখুন।
• Padding: বাটনের ভিতরে জায়গা যোগ করুন। অভিন্ন প্যাডিংয়ের জন্য All sides ব্যবহার করুন, অথবা প্রতিটি দিক আলাদাভাবে সেট করতে More options চালু করুন।

ডিভাইডার

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

সেটিংস প্যানেলে line style (Solid, Dashed, Dotted), color, thickness, এবং width কনফিগার করুন।

HTML

HTML ব্লক আপনাকে আপনার ইমেইলে কাস্টম 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; }
  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 ব্লকটি ইমেইলে একটি কাউন্টডাউন। সীমিত সময়ের অফার, ফ্ল্যাশ সেল এবং ইভেন্ট রিমাইন্ডারের জন্য এটি ব্যবহার করুন।

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

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

কলাম

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

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

• 2 columns: দুটি সমান কলাম
• 3 columns: তিনটি সমান কলাম
• 4 columns: চারটি সমান কলাম
• 33 / 67: বাম কলাম প্রায় ৩৩% চওড়া, ডান কলাম প্রায় ৬৭%
• 67 / 33: বাম কলাম প্রায় ৬৭% চওড়া, ডান কলাম প্রায় ৩৩%

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

ব্লক সেভ এবং পুনরায় ব্যবহার করুন

প্রতিবার নতুন করে তৈরি করার পরিবর্তে এই বা অন্য ইমেইলে পুনরায় ব্যবহার করার জন্য একটি ব্লক সেভ করুন।

১. পুরো ব্লকটি নির্বাচন করতে ব্লকটিতেই ক্লিক করুন (এর ফ্রেম বা ব্যাকগ্রাউন্ড, এর ভিতরের টেক্সট বা বাটন নয়)। Card, Columns, এবং Social হলো এই ধরনের ব্লকের উদাহরণ। ২. ব্লকের টুলবারে বুকমার্ক আইকনে ক্লিক করুন এবং এটিকে একটি নাম দিন।

সেভ করা ব্লকগুলো Blocks ট্যাবের নিচে Saved blocks-এর অধীনে প্রদর্শিত হয়।

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

মোবাইল ভিউ এডিট করুন

একবার আপনি আপনার কনটেন্ট ব্লক যোগ করে ফেললে, মোবাইলে স্যুইচ করে দেখুন এবং ফোনে সেগুলো কেমন দেখাচ্ছে তা সামঞ্জস্য করুন। ক্যানভাসের উপরে ভাষা সুইচারের পাশে, Desktop / Mobile টগল ব্যবহার করে একটি সম্পূর্ণ সম্পাদনাযোগ্য মোবাইল ভিউতে স্যুইচ করুন যা আসল ফোনের প্রস্থে থাকে। আপনার গ্রাহকরা তাদের ফোনে যেভাবে দেখবে ঠিক সেভাবে কনটেন্ট নির্বাচন, সম্পাদনা এবং পুনর্বিন্যাস করুন, ডেস্কটপ লেআউট কীভাবে মানিয়ে নেয় তা শুধু প্রিভিউ করার পরিবর্তে।

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

প্রতিটি ডিভাইসের জন্য আলাদা প্যাডিং এবং ফন্ট সাইজ সেট করুন

• Padding: প্রতিটি ব্লক, কলাম, কার্ড এবং স্বতন্ত্র উপাদান (যেমন টেক্সট, একটি ছবি বা একটি বাটন) এর একটি প্যাডিং নিয়ন্ত্রণ রয়েছে যা আপনি মোবাইলের জন্য ওভাররাইড করতে পারেন। ক্যানভাসটি Mobile-এ স্যুইচ করুন, Padding-এর পাশের চেকবক্সটি চালু করুন এবং নতুন মান সেট করুন। ডেস্কটপ প্যাডিং একই থাকে যতক্ষণ না আপনি চেকবক্সটি চালু করেন।
• Font size: শুধুমাত্র মোবাইলের জন্য একটি আকার সেট করতে একটি টেক্সট উপাদানে Font size (mobile) চালু করুন। এই ওভাররাইড ছাড়া, বড় শিরোনামগুলো ফোন স্ক্রিনে ফিট করার জন্য স্বয়ংক্রিয়ভাবে সঙ্কুচিত হয়।

মোবাইল ডিভাইসে কলামগুলো কীভাবে স্ট্যাক হবে তা নিয়ন্ত্রণ করুন

Columns লেআউটগুলো ডিফল্টরূপে ফোনে উল্লম্বভাবে স্ট্যাক হয়। মোবাইল ভিউতে, প্রতিটি Columns ব্লক কীভাবে আচরণ করবে তা সেট করতে Stack columns ব্যবহার করুন:

• Stack: কলামগুলো একটি একক কলামে প্রবাহিত হয়, উপর থেকে নিচে (ডিফল্ট)।
• Keep row: কলামগুলো পাশাপাশি থাকে, ডেস্কটপ লেআউট সংরক্ষণ করে।
• Reverse: কলামগুলো বিপরীত ক্রমে স্ট্যাক হয়। ছবি + টেক্সট সারির জন্য দরকারী: ডেস্কটপে ছবিটি ডানদিকে রাখুন, কিন্তু মোবাইলে এটি উপরে দেখান।

প্রতিটি ডিভাইসের জন্য কনটেন্ট দেখান বা লুকান

একটি ব্লক বা উপাদানের সেটিংস খুলুন এবং Visibility-এর অধীনে Hide on mobile বা Hide on desktop ব্যবহার করে এটি শুধুমাত্র একটি ডিভাইসে দেখান, যাতে আপনি দুটি টেমপ্লেট রক্ষণাবেক্ষণ না করে ডিভাইস-নির্দিষ্ট ব্যানার, CTA বা নেভিগেশন তৈরি করতে পারেন।

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

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

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

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

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

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

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

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

টিপ

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

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

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

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

যদি সাবস্ক্রিপশন প্রেফারেন্স সেন্টার সক্রিয় থাকে

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

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

যদি সাবস্ক্রিপশন প্রেফারেন্স সেন্টার সক্রিয় না থাকে

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

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

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

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

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

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

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

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

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

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

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

ইমেইল-ওয়াইড স্টাইলিং কনফিগার করুন

ইমেইল সেটিংস পুরো ইমেইলের জন্য স্টাইলিং নিয়ন্ত্রণ করে: ডকুমেন্টের আকার এবং ব্যাকগ্রাউন্ড, প্রেরক-মুখী অপশন এবং ব্লকগুলোর জন্য ডিফল্ট স্টাইল।

ডানদিকের প্যানেলে Settings ট্যাব খুলুন।

উপলব্ধ বিভাগগুলো:

• Document: পুরো ইমেইল এলাকার আকার এবং চেহারা: প্রস্থ, প্যাডিং, ব্যাকগ্রাউন্ড রঙ, ব্যাকগ্রাউন্ড ছবি বা গ্রেডিয়েন্ট, টেক্সট রঙ, ফন্ট পরিবার এবং ব্লকগুলোর মধ্যে ব্যবধান।
• Email options: ইমেইলের জন্য View in browser এবং Unsubscribe link চালু বা বন্ধ করুন।
• Block defaults: পরে যোগ করা ব্লকগুলোর জন্য প্রারম্ভিক ব্যাকগ্রাউন্ড, ব্যাকগ্রাউন্ড ছবি, বর্ডার রঙ, বর্ডার প্রস্থ, বর্ডার ব্যাসার্ধ এবং ডিফল্ট মোবাইল/ডেস্কটপ দৃশ্যমানতা, যাতে নতুন কনটেন্ট ইমেইলের সাথে মিলে যায় যতক্ষণ না আপনি ক্যানভাসে একটি ব্লক ওভাররাইড করেন।
• Columns defaults: প্রতিটি Columns লেআউটের জন্য ব্যবধান: বাইরের প্যাডিং, প্রতিটি কলামের ভিতরের প্যাডিং এবং কলামগুলোর মধ্যে ব্যবধান।
• Card defaults: লেআউটে কনটেন্ট গ্রুপ করা Card কন্টেইনারগুলোর জন্য প্রারম্ভিক চেহারা, যতক্ষণ না আপনি একটি কার্ড স্বতন্ত্রভাবে স্টাইল করেন ততক্ষণ প্রয়োগ করা হয়।
• Button group defaults: যখন বেশ কয়েকটি বাটন একটি গ্রুপ হিসাবে একসাথে বসে তখন ব্যবধান এবং অ্যালাইনমেন্ট।
• Button defaults: নতুন Button ব্লকগুলোর জন্য প্রারম্ভিক চেহারা যাতে CTA গুলো ইমেইল জুড়ে সামঞ্জস্যপূর্ণ থাকে যতক্ষণ না আপনি একটি আলাদাভাবে স্টাইল করেন।
• Divider defaults: নতুন Divider ব্লকগুলোর জন্য প্রারম্ভিক লাইন স্টাইল, রঙ, পুরুত্ব এবং প্রস্থ।

নোট

কিছু ডিফল্ট, যেমন দৃশ্যমানতা, ডেস্কটপ এবং মোবাইলের জন্য আলাদাভাবে সেট করা যেতে পারে। মোবাইল ভিউ এডিট করুন দেখুন।

ডিফল্টগুলো যেখানেই একটি স্বতন্ত্র ব্লক তাদের ওভাররাইড করে না সেখানেই প্রয়োগ করা হয়।

ইমেইল ফুটার কনফিগার করুন

প্রতিটি ইমেইলে আইনত প্রয়োজনীয় প্রেরকের তথ্য এবং আনসাবস্ক্রাইব লিঙ্কের জন্য একটি Footer ব্লক অন্তর্ভুক্ত থাকে। এর সেটিংস খুলতে Layers panel-এ Footer নির্বাচন করুন।

আপনার সেভ করা অ্যাকাউন্ট-স্তরের ফুটার আনতে Load from account ব্যবহার করুন, অথবা ভবিষ্যতের ইমেইলের জন্য প্রারম্ভিক বিন্দু হিসাবে বর্তমান ফুটারটি পুনরায় ব্যবহার করতে Save as account default ব্যবহার করুন।

• Email type: Marketing বা Transactional। আনসাবস্ক্রাইব দৃশ্যমানতা এই সেটিং অনুসরণ করে।
• Logo: লোগো URL সেট করুন বা গ্যালারি থেকে একটি বেছে নিন, তারপর px-এ প্রস্থ এবং একটি ঐচ্ছিক ক্লিক-থ্রু লিঙ্ক সেট করুন।
• Company name, Postal address, এবং Copyright: ফুটারে আপনার প্রেরকের পরিচয়।

সতর্কতা

মার্কেটিং ইমেইলগুলোতে একটি শারীরিক ডাক ঠিকানা অন্তর্ভুক্ত করতে হবে (CAN-SPAM)।

Links & badges-এ:

• Footer links: লেবেলযুক্ত লিঙ্ক যোগ করুন, যেমন গোপনীয়তা নীতি বা শর্তাবলী।
• App store badges: গন্তব্য URL সহ App Store বা Google Play ব্যাজ যোগ করুন।
• Social links: আপনার সামাজিক প্রোফাইলগুলোর সাথে লিঙ্ক করা আইকন যোগ করুন।

Style-এ:

• Text color: ফুটার টেক্সট রঙ সেট করুন।
• Font size (px): ফুটার ফন্ট সাইজ সেট করুন।
• Alignment: বাম, কেন্দ্র বা ডান।
• Underline links: ফুটার লিঙ্কগুলো আন্ডারলাইন করতে চালু করুন।

Options-এ:

• Unsubscribe link text: মার্কেটিং ইমেইলে পরিচালিত আনসাবস্ক্রাইব লিঙ্কের জন্য লেবেল। লেনদেনমূলক ইমেইলগুলো এটি বাদ দেয়।

আপনার ইমেইল কনটেন্ট স্থানীয়করণ করুন

ভাষা যোগ করতে এবং প্রতি ভাষায় কনটেন্ট এডিট করতে ক্যানভাসের উপরে ভাষা সুইচার ব্যবহার করুন। কীভাবে ভাষা যোগ করবেন তা জানুন।

যে কনটেন্ট আপনি এখনও বর্তমান ভাষার জন্য অনুবাদ করেননি তা ম্লান দেখায়। অনুবাদ তৈরি করতে টাইপ করা শুরু করুন। আপনি না করা পর্যন্ত ডিফল্ট ভাষা দেখানো অব্যাহত থাকবে।

নোট

আপনি যে কোনো ব্লক যোগ করলে তা প্রতিটি ভাষার জন্য একই কনটেন্ট সহ প্রদর্শিত হবে। আপনার ইমেইলে ব্যবহৃত প্রতিটি ভাষার জন্য নতুন টেক্সট এবং বাটন লেবেল অনুবাদ করতে ভুলবেন না।

আপনার ইমেইল সেভ করুন

আপনার পরিবর্তনগুলো সেভ করতে টপ বারে Save-এ ক্লিক করুন। আপনার সম্পাদনাগুলোর মধ্যে পিছনে এবং সামনে যেতে টপ বারে Undo/Redo ব্যবহার করুন।

নোট

সেভ করলে আপনার ইমেইল Content → Email content-এ সংরক্ষিত হয়। সেখান থেকে আপনি এটি সম্পাদনা এবং পরিচালনা করতে পারেন, এবং আপনার প্রচারাভিযানে এটি ব্যবহার করতে পারেন। আরও জানুন

একটি টেস্ট ইমেইল পাঠান

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

১. টপ বারে ⋮ মেনু খুলুন এবং Test email নির্বাচন করুন।

২. যে উইন্ডোটি খোলে, সেখানে একটি সেভ করা টেস্ট ডিভাইস বেছে নিন বা যেকোনো ইমেইল ঠিকানা টাইপ করুন।

৩. আপনি যে ঠিকানাটি বেছে নিয়েছেন সেখানে টেস্ট মেসেজ পাঠাতে Send-এ ক্লিক করুন।

আপনার সেভ করা ইমেইল কনটেন্ট ব্যবহার করুন

এখন যেহেতু আপনার ইমেইল কনটেন্ট প্রস্তুত, এটি ইমেইল প্রচারাভিযানে ব্যবহার করা যেতে পারে। এটি কীভাবে ব্যবহার করবেন সে সম্পর্কে আরও জানুন