ইমেইল মার্কেটিং এবং অটোমেশন

ইমেলের জন্য ডার্ক মোড গ্রহণ করা হচ্ছে... এটিকে কীভাবে সমর্থন করা যায় তা এখানে

ডার্ক মোড স্ক্রিন এনার্জি ব্যবহার কমায় এবং ফোকাস বাড়ায়। কিছু ব্যবহারকারী আরও বলেন যে তারা একটি হ্রাস চোখের স্ট্রেন অনুভব করেন, কিন্তু তা প্রশ্ন করা হয়েছে.

ডার্ক মোড গ্রহণ বাড়তে থাকে। ডার্ক মোড এখন macOS, iOS, Android, এবং Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail এবং Reddit সহ একাধিক অ্যাপ জুড়ে উপলব্ধ। যদিও প্রতিটি জুড়ে সর্বদা পূর্ণ সমর্থন থাকে না। এটি প্রায়শই ইমেল প্রযুক্তিতে অগ্রগতি হয় না, তাই ইমেলেও ডার্ক মোড সমর্থন গ্রহণ করা দেখতে ভাল লাগে।

আমরা 28 সালের আগস্টে 2021% ব্যবহারকারী ডার্ক মোডে দেখেছি। আগস্ট 2022-এর মধ্যে এই সংখ্যাটি প্রায় 34% বেড়েছে।

litmus

আপনার ডার্ক মোড বাস্তবায়নের সাফল্যের জন্য সর্বোত্তম অনুশীলন, বাস্তবায়নের কোড এবং ক্লায়েন্ট সমর্থন বোঝা গুরুত্বপূর্ণ। সেই কারণে, Uplers-এর দল ডার্ক-মোডে এই গাইডটি প্রকাশ করেছে ইমেইল সমর্থন.

সম্প্রতি, DK New Media একটি ক্লায়েন্টের জন্য একটি সেলসফোর্স মার্কেটিং ক্লাউড টেমপ্লেট তৈরি করেছে যা ডার্ক মোডকে অন্তর্ভুক্ত করেছে, একটি ইমেল ক্লায়েন্টে দেখা হলে ইমেল বিভাগগুলিকে নাটকীয়ভাবে বিপরীত করে। এটি এমন একটি প্রচেষ্টা যা আপনার গ্রাহকদের জন্য অতিরিক্ত ব্যস্ততা এবং ক্লিক-থ্রু রেট চালাতে পারে।

গাark় মোড ইমেল কোড

পদক্ষেপ 1: ইমেল ক্লায়েন্টগুলিতে অন্ধকার মোড সক্ষম করতে মেটাডেটা অন্তর্ভুক্ত করুন – প্রথম ধাপ হল ডার্ক মোড সেটিংস চালু থাকা গ্রাহকদের জন্য ইমেলে ডার্ক মোড সক্ষম করা। আপনি এই মেটাডেটা অন্তর্ভুক্ত করতে পারেন ট্যাগ

<meta name="color-scheme" content="light dark"> 
<meta name="supported-color-schemes" content="light dark">

পদক্ষেপ 2: @ মিডিয়ার জন্য ডার্ক মোড শৈলী অন্তর্ভুক্ত করুন (রঙ-স্কিম পছন্দ: অন্ধকার) - আপনার এমবেড করা এই মিডিয়া ক্যোয়ারী লিখুন tags to customize the dark mode styles in Apple Mail, iOS, Outlook.com, Outlook 2019 (macOS), এবং Outlook App (iOS)। আপনি যদি আপনার ইমেলে একটি রূপরেখাযুক্ত লোগো না চান তবে আপনি ব্যবহার করতে পারেন .dark-img এবং .light-img নীচে দেখানো হিসাবে ক্লাস।

@media (prefers-color-scheme: dark ) { 
.dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; } 
.light-mode-image { display:none; display:none !important; } 
}

পদক্ষেপ 3: অন্ধকার মোড শৈলীর সদৃশ করতে [ডেটা-ওগএসসি] উপসর্গটি ব্যবহার করুন - অ্যান্ড্রয়েডের জন্য আউটলুক অ্যাপ্লিকেশনটিতে ডার্ক মোডের সাথে সামঞ্জস্য রাখতে ইমেলগুলির জন্য এই কোডগুলি অন্তর্ভুক্ত করুন।

[data-ogsc] .light-mode-image { display:none; display:none !important; } 
[data-ogsc] .dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }

পদক্ষেপ 3: বডি এইচটিএমএলে কেবল গা dark় মোড-স্টাইল অন্তর্ভুক্ত করুন - আপনার এইচটিএমএল ট্যাগগুলিতে অবশ্যই ডার্ক মোডের ক্লাস থাকা উচিত।

<!-- Logo Section -->
<a href="http://email-uplers.com/" target="_blank" style="text-decoration: none;"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-black.png" width="170" alt="Uplers" style="color: #333333; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" class="light-mode-image"/>
<!-- This is the hidden Logo for dark mode with MSO conditional/Ghost Code --> <!--[if !mso]><! --><div class="dark-mode-image" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-white.png" width="170" alt="Uplers" style="color: #f1f1f1; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" /> 
</div><!--<![endif]-->
</a> 
<!-- //Logo Section -->

ডার্ক মোড টিপস এবং অতিরিক্ত সংস্থানগুলি ইমেল করুন

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

@media (prefers-color-scheme: dark ) { 
.dark-mode-button {
	color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; } 

কিছু অতিরিক্ত সংস্থান:

  • litmus - ইমেল বিপণনকারীদের জন্য অন্ধকার মোডের চূড়ান্ত গাইড।
  • ক্যাম্পেইনমনিটর – ইমেলের জন্য ডার্ক মোডে বিকাশকারীর গাইড।

আপনি যদি আপনার ইমেল টেমপ্লেটগুলিকে ডার্ক মোড সমর্থনের জন্য রূপান্তর করতে চান, তাহলে যোগাযোগ করতে দ্বিধা করবেন না DK New Media.

ইমেলগুলিতে অন্ধকার মোড
উত্স: উপনাররা

Douglas Karr

Douglas Karr এর CMO হয় ওপেনইনসাইটস এবং এর প্রতিষ্ঠাতা Martech Zone. ডগলাস কয়েক ডজন সফল MarTech স্টার্টআপকে সাহায্য করেছে, Martech অধিগ্রহণ এবং বিনিয়োগে $5 বিলিয়নেরও বেশি যোগ্য পরিশ্রমে সহায়তা করেছে এবং কোম্পানিগুলিকে তাদের বিক্রয় ও বিপণন কৌশলগুলি বাস্তবায়ন এবং স্বয়ংক্রিয় করতে সহায়তা করে চলেছে৷ ডগলাস একজন আন্তর্জাতিকভাবে স্বীকৃত ডিজিটাল রূপান্তর এবং MarTech বিশেষজ্ঞ এবং স্পিকার। ডগলাস একজন ডামি'স গাইড এবং একটি ব্যবসায়িক নেতৃত্ব বইয়ের একজন প্রকাশিত লেখকও।

সম্পরকিত প্রবন্ধ

শীর্ষ বোতামে ফিরে যান
ঘনিষ্ঠ

অ্যাডব্লক সনাক্ত করা হয়েছে

Martech Zone আমরা বিজ্ঞাপন রাজস্ব, অনুমোদিত লিঙ্ক, এবং স্পনসরশিপ মাধ্যমে আমাদের সাইট নগদীকরণ কারণ বিনা খরচে আপনাকে এই সামগ্রী প্রদান করতে সক্ষম. আপনি যদি আমাদের সাইট দেখার সাথে সাথে আপনার বিজ্ঞাপন ব্লকারকে সরিয়ে দেন তবে আমরা কৃতজ্ঞ।