বিষয়বস্তুতে যান

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

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

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

Anchor link to

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

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

এডিটর লেআউট অন্বেষণ করুন

Anchor link to

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

টপ বার

ইমেলের নাম পরিবর্তন করুন, পরিবর্তনগুলি আনডু বা রিডু করুন, পাঠানোর আগে সমস্যাগুলি ধরতে Check চালান, এবং আপনার কাজ সংরক্ষণ করুন। দেখুন পাঠানোর আগে আপনার ইমেল পরীক্ষা করুন। আরও অ্যাকশনের জন্য মেনু খুলুন:

  • Preview: প্রাপকদের কাছে ইমেলটি কীভাবে রেন্ডার হবে তা দেখুন, এর নিজস্ব ডেস্কটপ/মোবাইল টগল সহ। দেখুন মোবাইল ভিউ সম্পাদনা করুন
  • Test email: একটি টেস্ট ডিভাইস বা ঠিকানায় একটি প্রিভিউ পাঠান। দেখুন একটি টেস্ট ইমেল পাঠান
  • Brand book: আপনার সংরক্ষিত লোগো, রঙ, ফন্ট এবং ব্লক ডিফল্টগুলি এক ক্লিকে এই ইমেলে প্রয়োগ করুন। আরও জানুন
  • Brand styles বিভাগ: আপনার সংরক্ষিত ব্র্যান্ড প্রয়োগ করুন বা Brand book না খুলেই প্রতি-ব্লক স্টাইল ওভাররাইড রিসেট করুন। আরও জানুন
  • Version history: এই ইমেলের একটি পূর্বে সংরক্ষিত সংস্করণ দেখুন এবং পুনরুদ্ধার করুন। দেখুন একটি পূর্ববর্তী সংস্করণ পুনরুদ্ধার করুন
ইমেল এডিটরের টপ বার যেখানে টেমপ্লেটের নাম, আনডু, রিডু, টেস্ট ইমেল এবং সেভ অপশন রয়েছে

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

ক্যানভাসের উপরে, সম্পাদনার ভাষা পরিবর্তন করুন, ইমেলের জন্য সাবজেক্ট লাইন এবং প্রিহেডার সেট করুন, এবং অনুপস্থিত অনুবাদগুলি পূরণ করতে Auto-translate ব্যবহার করুন। কীভাবে ভাষা এবং স্থানীয়করণ সেট আপ করবেন তা জানুন

ক্যানভাসের উপরে ভাষা, সাবজেক্ট এবং প্রিহেডার বার যেখানে একটি ভাষা সুইচার এবং টেক্সট ফিল্ড রয়েছে

ক্যানভাস

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

ইমেল এডিটরের খালি ক্যানভাস যেখানে Start with a block প্রম্পট দেখা যাচ্ছে

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

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

লেয়ার্স প্যানেল যেখানে কার্ড, ছবি, হেডিং, টেক্সট এবং ফুটার একটি ট্রি-তে তালিকাভুক্ত করা আছে

ডান প্যানেল

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

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

Anchor link to

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

প্রতিটি ব্লক টাইপ ইমেলে একটি ভিন্ন উদ্দেশ্য পরিবেশন করে:

  • Heading: শিরোনাম এবং ছোট হেডলাইন
  • Text: বডি কপি এবং দীর্ঘ বিবরণ
  • Button: একটি ক্লিকযোগ্য কল টু অ্যাকশন
  • Image: মিডিয়া স্টোর, আপলোড, বা URL থেকে ছবি
  • Video: একটি ক্লিকযোগ্য ভিডিও পোস্টার যা YouTube বা Vimeo-তে খোলে
  • Card: একটি লেআউটে হেডিং, টেক্সট এবং বোতাম সহ একটি ছবি
  • Divider: একটি লাইন যা বিভাগগুলিকে পৃথক করে
  • Columns: পাশাপাশি লেআউট (২, ৩, বা ৪টি সমান কলাম, বা ৩৩/৬৭ এবং ৬৭/৩৩ বিভাজন)
  • Products: প্রোডাক্ট কার্ডের একটি গ্রিড — হাতে প্রোডাক্ট লিখুন, অথবা আপনার প্রোডাক্ট ক্যাটালগ বা একজন প্রাপকের পরিত্যক্ত কার্ট থেকে সেগুলি আনুন
  • Timer: অফার এবং সময়সীমার জন্য একটি কাউন্টডাউন
  • Menu: নেভিগেশন বা যোগাযোগের লিঙ্কগুলির একটি সারি বা কলাম
  • Social: আপনার সামাজিক প্রোফাইলগুলিতে লিঙ্ক করা আইকন
  • HTML: কাস্টম HTML, যেমন একটি ফর্ম, সমীক্ষা, বা এমবেডেড ভিডিও

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

নির্দিষ্ট প্রাপকদের কাছে কন্টেন্ট দেখান

Anchor link to

শুধুমাত্র কিছু প্রাপকের কাছে একটি ব্লক দেখাতে, একটি ডিসপ্লে কন্ডিশন সেট করুন।

মোবাইল ভিউ সম্পাদনা করুন

Anchor link to

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

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

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

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

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

Anchor link to

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

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

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

Anchor link to

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

দৃশ্যমানতা সেটিংস যেখানে একটি নির্বাচিত ব্লকের জন্য মোবাইলে লুকান এবং ডেস্কটপে লুকান চেকবক্স রয়েছে

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

Anchor link to

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

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

Anchor link to

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

একটি পূর্ববর্তী সংস্করণ পুনরুদ্ধার করুন

Anchor link to

আপনি যখনই সেভ-এ ক্লিক করেন তখন Pushwoosh একটি স্ন্যাপশট সংরক্ষণ করে। সেগুলি অ্যাক্সেস করতে, টপ বারের মেনুটি খুলুন এবং সংস্করণ ইতিহাস নির্বাচন করুন — ইমেলটি অন্তত একবার সংরক্ষিত হওয়ার পরে উপলব্ধ।

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

সংস্করণ ইতিহাস প্যানেল যেখানে বাম দিকে সংরক্ষিত সংস্করণ এবং ডানদিকে একটি ইমেল প্রিভিউ রয়েছে

পুনরুদ্ধার করলে সংস্করণটি অসংরক্ষিত পরিবর্তন হিসাবে লোড হয়। আপনি সেভ-এ ক্লিক না করা পর্যন্ত কিছুই ওভাররাইট করা হয় না। একটি পুনরুদ্ধার আনডু করতে, Cmd/Ctrl+Z চাপুন। Pushwoosh প্রতি ইমেলের জন্য ২০টি সাম্প্রতিকতম সংস্করণ রাখে।

পাঠানোর আগে আপনার ইমেল পরীক্ষা করুন

Anchor link to

সাধারণ সমস্যাগুলির জন্য আপনার ইমেল স্ক্যান করতে টপ বারে চেক-এ ক্লিক করে স্মার্ট চেক খুলুন:

  • লিঙ্ক ছাড়া বোতাম
  • অপূর্ণ AI প্লেসহোল্ডার
  • খালি ছবির স্লট এবং অনুপস্থিত alt টেক্সট
  • টেক্সট কনট্রাস্ট যা WCAG AA পূরণ করে না
  • একটি খালি বা খুব দীর্ঘ সাবজেক্ট লাইন
  • একটি মার্কেটিং ইমেলের ফুটারে প্রেরকের ডাক ঠিকানা অনুপস্থিত
  • কন্টেন্ট যা ইমেলটিকে Gmail-এর ক্লিপিং সীমার (~১০২ KB) উপরে ঠেলে দেয়, যার পরে Gmail বার্তাটি ছোট করে দেয়
  • অঅনূদিত কন্টেন্ট
  • একটি কাউন্টডাউন টাইমার যার শেষ তারিখ ইতিমধ্যে পেরিয়ে গেছে
  • একটি ডিসপ্লে কন্ডিশন যার একটি ভাঙা বা খালি নিয়ম আছে, একটি শাখা যা ব্লকটি হারিয়েছে যার সাথে এটি চেইন করে, বা একটি শর্ত যা প্রযোজ্য হবে না কারণ অ্যাকাউন্টের জন্য ডাইনামিক কন্টেন্ট নিষ্ক্রিয় করা আছে
  • সাবজেক্ট, প্রিহেডার, ফুটার বা বডিতে ভাঙা লিকুইড সিনট্যাক্স, যা আপনার যোগ করা প্রতিটি ভাষায় পরীক্ষা করা হয়
স্মার্ট চেক প্যানেল যেখানে একটি লিকুইড সিনট্যাক্স ত্রুটি, একটি বোতাম লিঙ্ক ত্রুটি, একটি অনুপস্থিত ডাক ঠিকানা এবং একটি খালি প্রিহেডার রয়েছে

ক্যানভাসে প্রভাবিত উপাদানে সরাসরি ঝাঁপ দিতে একটি অনুসন্ধানে ক্লিক করুন।

স্মার্ট চেক আপনি যখনই এটি খুলবেন তখন স্বয়ংক্রিয়ভাবে লিকুইড সিনট্যাক্স যাচাই করে — ক্লিক করার জন্য কোনো পৃথক বোতাম নেই। চেক চলার সময়, প্যানেলটি লিকুইড সিনট্যাক্স পরীক্ষা করা হচ্ছে… দেখায়; স্মার্ট চেক এই চেকটি ফিরে না আসা পর্যন্ত সবকিছু পাস হয়েছে বলে রিপোর্ট করে না, তাই একটি ধীর বা ব্যর্থ লিকুইড চেক একটি মিথ্যা “সব ঠিক আছে” এর আড়ালে লুকিয়ে থাকতে পারে না।

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

Anchor link to

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

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

টপ বারের ওভারফ্লো মেনুতে টেস্ট ইমেল বিকল্প

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

টেস্ট ইমেল পাঠান ডায়ালগ যেখানে একটি টেস্ট ডিভাইস বাছতে বা একটি ইমেল ঠিকানা টাইপ করার জন্য একটি ফিল্ড রয়েছে

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

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

Anchor link to

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