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

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

<Aside type="note">
HTML পছন্দ করেন? আরও নিয়ন্ত্রণের জন্য Pushwoosh HTML কোড এডিটর ব্যবহার করুন। [আরও জানুন](/bn/product/content/email-content/html-code-editor)
</Aside>

<Aside type="caution" title="গুরুত্বপূর্ণ">
শুরু করার আগে, আপনার ইমেলের ভাষা, সাবজেক্ট লাইন এবং প্রেরকের বিবরণ সেট আপ করুন। [কীভাবে করবেন তা জানুন](/bn/product/content/email-content/set-up-your-email-in-the-editor/)
</Aside>

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

1. **Content** → **Email content**-এ যান।
2. কীভাবে শুরু করবেন তা বেছে নিন:
   * ড্র্যাগ অ্যান্ড ড্রপ এডিটর খুলতে এবং স্ক্র্যাচ থেকে একটি ইমেল তৈরি করতে **Create email content**-এ ক্লিক করুন।
   * **Create email content**-এর পাশের তীরে ক্লিক করুন, তারপর গ্যালারিতে একটি পূর্ব-নির্মিত লেআউট থেকে শুরু করতে **Use a template** নির্বাচন করুন।
   * **Create email content**-এর পাশের তীরে ক্লিক করুন, তারপর HTML কোড এডিটর ব্যবহার করতে **HTML code** নির্বাচন করুন। [আরও জানুন](/bn/product/content/email-content/html-code-editor/)

<img src="/emails-drag-and-drop-email-editor-1.webp" alt="Use a template এবং HTML code দেখানো একটি মেনু সহ Create email content বোতাম"/>

## এডিটর লেআউটটি ঘুরে দেখুন

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

**টপ বার**

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

<img src="/emails-drag-and-drop-email-editor-2.webp" alt="ইমেল এডিটরের টপ বার যেখানে টেমপ্লেটের নাম, Undo, Redo, Test email, এবং Save রয়েছে"/>

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

ক্যানভাসের উপরে, সম্পাদনার ভাষা পরিবর্তন করুন এবং ইমেলের জন্য সাবজেক্ট লাইন এবং প্রিহেডার সেট করুন। [এগুলি কীভাবে সেট আপ করবেন তা জানুন](/bn/product/content/email-content/set-up-your-email-in-the-editor/)।

<img src="/emails-drag-and-drop-email-editor-3.webp" alt="ক্যানভাসের উপরে ভাষা, সাবজেক্ট এবং প্রিহেডার বার যেখানে একটি ভাষা সুইচার এবং টেক্সট ফিল্ড রয়েছে"/>

**ক্যানভাস**

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

<img src="/emails-drag-and-drop-email-editor-4.webp" alt="ইমেল এডিটরে খালি ক্যানভাস যেখানে Start with a block প্রম্পট রয়েছে" width="480"/>

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

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

<img src="/emails-drag-and-drop-email-editor-5.webp" alt="লেয়ার্স প্যানেল যেখানে Card, Image, Heading, Text, এবং Footer একটি ট্রি-তে তালিকাভুক্ত রয়েছে"/>

**ডান প্যানেল**

ইমেলে কন্টেন্ট যোগ করতে **Blocks** ব্যবহার করুন, এবং স্টাইলিংয়ের জন্য **Settings** যা একবারে পুরো ইমেলে প্রযোজ্য হয়। দেখুন [ইমেল-ওয়াইড স্টাইলিং কনফিগার করুন](#configure-email-wide-styling)।

<img src="/emails-drag-and-drop-email-editor-6.webp" alt="ডান প্যানেলে Blocks ট্যাব যেখানে Heading, Text, Button, Image, এবং অন্যান্য কন্টেন্ট ব্লক রয়েছে" width="240"/>

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

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

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

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

* **[শিরোনাম](#heading-and-text):** ইমেলের শিরোনাম এবং ছোট হেডলাইন
* **[টেক্সট](#heading-and-text):** বডি কপি এবং দীর্ঘ বিবরণ
* **[বোতাম](#button):** একটি ক্লিকযোগ্য কল টু অ্যাকশন
* **[ছবি](#image):** [মিডিয়া স্টোর](/bn/product/content/media-store/) থেকে ছবি, আপলোড, বা URL
* **[ডিভাইডার](#divider):** একটি লাইন যা বিভাগগুলিকে দৃশ্যত আলাদা করে
* **[২ কলাম](#columns):** পাশাপাশি দুটি সমান কলাম
* **[৩ কলাম](#columns):** পাশাপাশি তিনটি সমান কলাম
* **[৪ কলাম](#columns):** পাশাপাশি চারটি সমান কলাম
* **[৩৩ / ৬৭](#columns):** দুটি কলাম যেখানে বামটি প্রায় ৩৩% এবং ডানটি প্রায় ৬৭% প্রস্থ নেয়
* **[৬৭ / ৩৩](#columns):** দুটি কলাম যেখানে বামটি প্রায় ৬৭% এবং ডানটি প্রায় ৩৩% প্রস্থ নেয়
* **[টাইমার](#countdown-timer):** অফার এবং সময়সীমার জন্য একটি কাউন্টডাউন
* **[মেনু](#menu):** লিঙ্কগুলির একটি সারি বা কলাম, যেমন নেভিগেশন বা পরিচিতি
* **[সোশ্যাল](#social):** আইকন যা আপনার সোশ্যাল প্রোফাইলগুলিতে লিঙ্ক করে
* **[HTML](#html):** কাস্টম HTML, যেমন একটি ফর্ম, সমীক্ষা, বা এমবেডেড ভিডিও

#### শিরোনাম এবং টেক্সট

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

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

<img src="/emails-drag-and-drop-email-editor-9.webp" alt="ক্যানভাসে নির্বাচিত শিরোনাম ব্লক যেখানে টেক্সট ফরম্যাটিং টুলবার স্টাইল এবং ফরম্যাটিং অপশন দেখাচ্ছে"/>

Merge Tags হল প্লেসহোল্ডার যা প্রাপকের প্রোফাইল থেকে একটি [Tag](/bn/product/audience-data-and-segmentation/user-data-tags/tags/) মান ইমেলে প্রবেশ করায়, যাতে প্রতিটি গ্রাহক ব্যক্তিগতকৃত কপি দেখতে পায়। একটি যোগ করতে, টেক্সট নির্বাচন করুন, টুলবারে **Merge Tags**-এ ক্লিক করুন, এবং আপনার অ্যাকাউন্ট থেকে একটি Tag বেছে নিন।

#### ছবি

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

* **Add image** / **Replace image:** ব্লকটি খালি থাকলে **Add image**-এ ক্লিক করুন, অথবা একটি ছবি ইতিমধ্যে সেট করা থাকলে **Replace image**-এ ক্লিক করুন। আপনি একটি ফাইল আপলোড করতে পারেন বা আপনার [মিডিয়া স্টোর](/bn/product/content/media-store/) থেকে একটি বেছে নিতে পারেন।
* **Image URL:** ছবির একটি হোস্ট করা লিঙ্ক পেস্ট করুন।
* **Alt text:** অ্যাক্সেসিবিলিটির জন্য ছবির বর্ণনা দিন।
* **Link URL:** ছবিতে ক্লিক করলে একটি লিঙ্ক খুলুন। উপলব্ধ লিঙ্ক প্রকারের জন্য [লিঙ্ক যোগ করুন](#add-links) দেখুন।
* **Link target:** একই ট্যাবে বা একটি নতুন ট্যাবে লিঙ্কটি খুলুন।
* **File:** আপনি একটি ছবি যোগ করার পরে, ব্যবহৃত ফাইলের পাথ দেখায়।

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

<img src="/emails-drag-and-drop-email-editor-10.webp" alt="Image সেটিংস প্যানেল যেখানে Replace image, Image URL, Alt text, Link URL, Link target, File, এবং Padding রয়েছে" width="320"/>

#### বোতাম

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

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

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

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

<img src="/emails-drag-and-drop-email-editor-11.webp" alt="ক্যানভাসে বোতাম ব্লক যেখানে একটি ফরম্যাটিং টুলবার এবং ডান প্যানেলে Link সেটিংস রয়েছে"/>

উপলব্ধ অ্যাকশন প্রকারের জন্য [লিঙ্ক যোগ করুন](#add-links) দেখুন।

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

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

<img src="/emails-drag-and-drop-email-editor-12.webp" alt="ডান প্যানেলে Button Styles সেটিংস যেখানে Alignment, Background, Text color, Font size, Border radius, এবং Padding রয়েছে" width="320"/>

#### ডিভাইডার

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

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

<img src="/emails-drag-and-drop-email-editor-13.webp" alt="ডান প্যানেলে Divider ব্লক সেটিংস যেখানে line style, color, thickness, এবং width অপশন রয়েছে"/>

#### HTML

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

##### উদাহরণ

<Tabs>
<TabItem label="লিড ফর্ম">

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

<img src="/emails-drag-and-drop-email-editor-14.webp" alt="ইমেল এডিটরে HTML লিড ফর্ম যেখানে একটি ইমেল ফিল্ড এবং একটি Get my code বোতাম রয়েছে" width="360"/>

<details>
<summary>HTML কোড</summary>

```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>
```

</details>

</TabItem>
<TabItem label="সমীক্ষা">

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

<img src="/emails-drag-and-drop-email-editor-15.webp" alt="ইমেল এডিটরে HTML সমীক্ষা যেখানে ব্যবহারকারী কীসের জন্য কেনাকাটা করছেন তা জিজ্ঞাসা করা হয়েছে এবং চারটি বিভাগের বিকল্প রয়েছে" width="360"/>

<details>
<summary>HTML কোড</summary>

```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>
```

</details>

</TabItem>
<TabItem label="ভিডিও">

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

<details>
<summary>HTML কোড</summary>

```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>
```

</details>

</TabItem>
</Tabs>

<Aside type="note">

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

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

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

</Aside>

#### মেনু

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

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

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

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

* **Direction:** Horizontal বা Vertical
* **Alignment:** Left, Center, বা Right
* **Separator:** আইটেমগুলির মধ্যে একটি ঐচ্ছিক বিভাজক
* ফন্ট, আকার, ওজন, অক্ষর ব্যবধান, এবং লিঙ্ক/টেক্সট রঙ

<img src="/emails-drag-and-drop-email-editor-16.webp" alt="মেনু ব্লক সেটিংস যেখানে আইটেম লেবেল, URL, দিক, অ্যালাইনমেন্ট, এবং বিভাজক বিকল্প রয়েছে"/>

#### সোশ্যাল

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

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

<img src="/emails-drag-and-drop-email-editor-17.webp" alt="সোশ্যাল ব্লক সেটিংস যেখানে প্ল্যাটফর্ম লিঙ্ক এবং অ্যালাইনমেন্ট, আইকনের আকার, এবং ব্যবধান রয়েছে"/>

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

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

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

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

<img src="/emails-drag-and-drop-email-editor-18.webp" alt="টাইমার ব্লক সেটিংস যেখানে Countdown শেষ তারিখ এবং সময়, লেবেল, Appearance, এবং Spacing বিকল্প রয়েছে"/>

#### কলাম

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

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

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

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

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

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

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

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

<img src="/emails-drag-and-drop-email-editor-20.webp" alt="Insert Edit Link ডায়ালগ যেখানে Action type Open Website এবং একটি URL ফিল্ড রয়েছে"/>

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

[সাবস্ক্রিপশন পছন্দ কেন্দ্রে](/bn/product/messaging-channels/emails/email-preferences/#optional-setup-full-preference-center) একটি লিঙ্ক যোগ করে যেখানে প্রাপকরা কোন ইমেল বিভাগগুলি গ্রহণ করবেন তা বেছে নিতে পারেন। লিঙ্কটি স্বয়ংক্রিয়ভাবে প্রবেশ করানো হয়।

<img src="/emails-drag-and-drop-email-editor-21.webp" alt="Insert Edit Link ডায়ালগ যেখানে Manage preferences link অ্যাকশন টাইপ হিসাবে নির্বাচিত হয়েছে"/>

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

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

<img src="/emails-drag-and-drop-email-editor-22.webp" alt="Insert Edit Link ডায়ালগ যেখানে Unsubscribe link অ্যাকশন টাইপ হিসাবে নির্বাচিত হয়েছে এবং একটি ঐচ্ছিক রিডাইরেক্ট ফিল্ড রয়েছে"/>

<Aside type="tip">
আপনি একটি [HTML](#html) ব্লকে একটি আনসাবস্ক্রাইব লিঙ্কও যোগ করতে পারেন:

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

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

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

###### যদি সাবস্ক্রিপশন পছন্দ কেন্দ্র সক্রিয় থাকে
প্রাপক শুধুমাত্র সেই ইমেলের জন্য নির্ধারিত বিভাগ থেকে আনসাবস্ক্রাইব হন (যেমন, *Newsletter*)। বিভাগের নামটি তাদের [**Unsubscribed Email Categories**](/bn/product/messaging-channels/emails/email-preferences/#how-opt-outs-are-stored) ট্যাগে যোগ করা হয়।

**Resubscribe** এবং **Manage preferences** বিকল্প সহ একটি নিশ্চিতকরণ স্ক্রিন উপস্থিত হয়। [আরও জানুন](/bn/product/messaging-channels/emails/email-preferences/#default-behavior-unsubscribe-from-a-category)।

###### যদি সাবস্ক্রিপশন পছন্দ কেন্দ্র সক্রিয় না থাকে
প্রাপক সমস্ত মার্কেটিং ইমেল থেকে অপ্ট আউট হন এবং [**Unsubscribed Emails**](/bn/product/audience-data-and-segmentation/user-data-tags) ট্যাগটি `true` তে সেট করা হয়। লেনদেনমূলক ইমেলগুলি প্রভাবিত হয় না এবং বিতরণ করা অব্যাহত থাকবে। [বার্তার প্রকার সম্পর্কে আরও জানুন](/bn/product/messaging-channels/marketing-vs-transactional/)।

<Aside type="caution" title="গুরুত্বপূর্ণ">
আপনাকে আপনার গ্রাহকদের কাছে গুরুত্বপূর্ণ ইমেল সরবরাহ করার অনুমতি দেওয়ার জন্য, আমরা আপনার ব্যবহারকারী বেস থেকে আনসাবস্ক্রাইব করা ব্যবহারকারীদের মুছে ফেলি না।

ব্যস্ত প্রাপকদের মেসেজিং চালিয়ে যেতে, **Unsubscribed Emails = false** দ্বারা ফিল্টার করা একটি [সেগমেন্ট](/bn/product/audience-data-and-segmentation/segmentation/) তৈরি করুন। অভিযোগ এড়াতে, যারা আনসাবস্ক্রাইব করেছেন তাদের ইমেল করবেন না।
</Aside>

ক্লিকগুলি [Message History](/bn/product/statistics-and-analytics/message-history)-তে আনসাবস্ক্রাইব হারে গণনা করা হয়।

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

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

<img src="/emails-drag-and-drop-email-editor-23.webp" alt="Insert Edit Link ডায়ালগ যেখানে Web version link অ্যাকশন টাইপ হিসাবে নির্বাচিত হয়েছে"/>

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

একটি সাবস্ক্রিপশন ফর্ম জমা দেওয়ার জন্য একটি নিশ্চিতকরণ লিঙ্ক প্রবেশ করায় (উদাহরণস্বরূপ, একটি ডাবল অপ্ট-ইন নিশ্চিত করতে)। [ডাবল অপ্ট-ইন সম্পর্কে আরও জানুন](/bn/product/audience-data-and-segmentation/subscription-forms/double-opt-in/)।

<img src="/emails-drag-and-drop-email-editor-24.webp" alt="Insert Edit Link ডায়ালগ যেখানে Subscription form confirmation link অ্যাকশন টাইপ হিসাবে নির্বাচিত হয়েছে"/>

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

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

ডান-হাতের প্যানেলে **Settings** ট্যাবটি খুলুন।

<img src="/emails-drag-and-drop-email-editor-25.webp" alt="Settings ট্যাব যেখানে Document, Email options, এবং ব্লক ও কলামের জন্য ডিফল্ট স্টাইল বিভাগ রয়েছে" width="320"/>

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

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

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

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

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

<img src="/emails-drag-and-drop-email-editor-26.webp" alt="Layers panel যেখানে Footer নির্বাচিত এবং ইমেল ক্যানভাসে ফুটার হাইলাইট করা হয়েছে"/>

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

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

<Aside type="caution">
মার্কেটিং ইমেলগুলিতে একটি শারীরিক ডাক ঠিকানা অন্তর্ভুক্ত থাকতে হবে (CAN-SPAM)।
</Aside>

**Links & badges**-এ:

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

<img src="/emails-drag-and-drop-email-editor-27.webp" alt="Footer সেটিংস যেখানে Load from account, Email type, Logo, Company name, Postal address, Copyright, এবং Links and badges রয়েছে"/>

**Style**-এ:

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

**Options**-এ:

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

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

ভাষা যোগ করতে এবং প্রতি ভাষায় কন্টেন্ট সম্পাদনা করতে ক্যানভাসের উপরে ভাষা সুইচার ব্যবহার করুন। [কীভাবে ভাষা যোগ করবেন তা জানুন](/bn/product/content/email-content/set-up-your-email-in-the-editor/#define-the-languages-you-want-to-use-in-your-email)।

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

<img src="/emails-drag-and-drop-email-editor-29.webp" alt="ক্যানভাসের উপরে ভাষা সুইচার যেখানে ইমেল এডিটরে ম্লান অনুবাদহীন কন্টেন্ট দৃশ্যমান রয়েছে"/>

<Aside type="note">
আপনি যে কোনো ব্লক যোগ করেন তা প্রতিটি ভাষার জন্য একই কন্টেন্ট সহ উপস্থিত হয়। আপনার ইমেলে ব্যবহৃত প্রতিটি ভাষার জন্য নতুন টেক্সট এবং বোতাম লেবেল অনুবাদ করতে ভুলবেন না।
</Aside>

## আপনার ইমেল সংরক্ষণ করুন

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

<Aside type="note">
সংরক্ষণ করলে আপনার ইমেল **Content** → **Email content**-এ সংরক্ষিত হয়। সেখান থেকে আপনি এটি সম্পাদনা এবং পরিচালনা করতে পারেন, এবং আপনার প্রচারাভিযানে এটি ব্যবহার করতে পারেন। [আরও জানুন](/bn/product/messaging-channels/emails/sending-emails)
</Aside>

## একটি পরীক্ষামূলক ইমেল পাঠান

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

1. টপ বারে **Test email**-এ ক্লিক করুন।

<img src="/emails-drag-and-drop-email-editor-32.webp" alt="টপ বারে Test email বোতাম"/>

2. যে উইন্ডোটি খোলে, তাতে একটি সংরক্ষিত [পরীক্ষামূলক ডিভাইস](/bn/developer/first-steps/test-your-integration/test-devices/) বাছুন বা যেকোনো ইমেল ঠিকানা টাইপ করুন।

<img src="/emails-drag-and-drop-email-editor-33.webp" alt="Send test email ডায়ালগ যেখানে একটি পরীক্ষামূলক ডিভাইস বাছার বা একটি ইমেল ঠিকানা টাইপ করার জন্য একটি ফিল্ড রয়েছে"/>

3. আপনি যে ঠিকানাটি বেছে নিয়েছেন তাতে পরীক্ষামূলক বার্তা পাঠাতে **Send**-এ ক্লিক করুন।

## আপনার সংরক্ষিত ইমেল কন্টেন্ট ব্যবহার করুন

এখন যেহেতু আপনার ইমেল কন্টেন্ট প্রস্তুত, এটি ইমেল প্রচারাভিযানে ব্যবহার করা যেতে পারে। [এটি কীভাবে ব্যবহার করবেন সে সম্পর্কে আরও জানুন](/bn/product/messaging-channels/emails/sending-emails)