ਈਮੇਲ ਲਈ ਡਾਰਕ ਮੋਡ ਅਪਣਾਇਆ ਜਾ ਰਿਹਾ ਹੈ... ਇੱਥੇ ਇਸਦਾ ਸਮਰਥਨ ਕਿਵੇਂ ਕਰਨਾ ਹੈ
ਡਾਰਕ ਮੋਡ ਸਕ੍ਰੀਨ ਊਰਜਾ ਦੀ ਵਰਤੋਂ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ ਅਤੇ ਫੋਕਸ ਵਧਾਉਂਦਾ ਹੈ। ਕੁਝ ਉਪਭੋਗਤਾ ਇਹ ਵੀ ਦੱਸਦੇ ਹਨ ਕਿ ਉਹ ਅੱਖਾਂ ਵਿੱਚ ਘੱਟ ਦਬਾਅ ਮਹਿਸੂਸ ਕਰਦੇ ਹਨ, ਪਰ ਇਹ ਹੈ ਪੁੱਛਗਿੱਛ ਕੀਤੀ ਗਈ ਹੈ.
ਡਾਰਕ ਮੋਡ ਅਪਣਾਉਣ ਦਾ ਸਿਲਸਿਲਾ ਜਾਰੀ ਹੈ। ਡਾਰਕ ਮੋਡ ਹੁਣ ਮੈਕੋਸ, ਆਈਓਐਸ, ਐਂਡਰੌਇਡ, ਅਤੇ ਮਾਈਕ੍ਰੋਸਾਫਟ ਆਉਟਲੁੱਕ, ਸਫਾਰੀ, ਰੈਡਿਟ, ਟਵਿੱਟਰ, ਯੂਟਿਊਬ, ਜੀਮੇਲ ਅਤੇ ਰੈਡਿਟ ਸਮੇਤ ਬਹੁਤ ਸਾਰੀਆਂ ਐਪਾਂ ਵਿੱਚ ਉਪਲਬਧ ਹੈ। ਹਾਲਾਂਕਿ, ਹਰ ਇੱਕ ਵਿੱਚ ਹਮੇਸ਼ਾ ਪੂਰਾ ਸਮਰਥਨ ਨਹੀਂ ਹੁੰਦਾ ਹੈ। ਇਹ ਅਕਸਰ ਨਹੀਂ ਹੁੰਦਾ ਹੈ ਕਿ ਈਮੇਲ ਤਕਨਾਲੋਜੀ ਵਿੱਚ ਤਰੱਕੀ ਹੁੰਦੀ ਹੈ, ਇਸਲਈ ਈਮੇਲ ਵਿੱਚ ਵੀ ਡਾਰਕ ਮੋਡ ਸਮਰਥਨ ਨੂੰ ਅਪਣਾਉਂਦੇ ਹੋਏ ਦੇਖਣਾ ਚੰਗਾ ਲੱਗਦਾ ਹੈ।
ਅਸੀਂ ਅਗਸਤ 28 ਵਿੱਚ 2021% ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਡਾਰਕ ਮੋਡ ਵਿੱਚ ਦੇਖਿਆ। ਅਗਸਤ 2022 ਤੱਕ, ਇਹ ਗਿਣਤੀ ਵਧ ਕੇ ਲਗਭਗ 34% ਹੋ ਗਈ ਸੀ।
ਲਿਟਮਸ
ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸਾਂ, ਲਾਗੂ ਕਰਨ ਲਈ ਕੋਡ, ਅਤੇ ਕਲਾਇੰਟ ਸਹਾਇਤਾ ਨੂੰ ਸਮਝਣਾ ਤੁਹਾਡੇ ਡਾਰਕ ਮੋਡ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੀ ਸਫਲਤਾ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ। ਇਸ ਕਾਰਨ ਕਰਕੇ, Uplers 'ਤੇ ਟੀਮ ਨੇ ਡਾਰਕ-ਮੋਡ ਲਈ ਇਸ ਗਾਈਡ ਨੂੰ ਪ੍ਰਕਾਸ਼ਿਤ ਕੀਤਾ ਈਮੇਲ ਸਹਾਇਤਾ.
ਹਾਲ ਹੀ ਵਿੱਚ, DK New Media ਇੱਕ ਕਲਾਇੰਟ ਲਈ ਇੱਕ Salesforce ਮਾਰਕੀਟਿੰਗ ਕਲਾਉਡ ਟੈਂਪਲੇਟ ਵਿਕਸਿਤ ਕੀਤਾ ਹੈ ਜਿਸ ਵਿੱਚ ਡਾਰਕ ਮੋਡ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਇੱਕ ਈਮੇਲ ਕਲਾਇੰਟ ਵਿੱਚ ਦੇਖੇ ਜਾਣ 'ਤੇ ਈਮੇਲ ਸੈਕਸ਼ਨਾਂ ਦਾ ਨਾਟਕੀ ਰੂਪ ਵਿੱਚ ਵਿਪਰੀਤ। ਇਹ ਇੱਕ ਅਜਿਹਾ ਯਤਨ ਹੈ ਜੋ ਤੁਹਾਡੇ ਗਾਹਕਾਂ ਲਈ ਵਾਧੂ ਰੁਝੇਵੇਂ ਅਤੇ ਕਲਿਕ-ਥਰੂ ਦਰਾਂ ਨੂੰ ਚਲਾ ਸਕਦਾ ਹੈ।
ਡਾਰਕ ਮੋਡ ਈਮੇਲ ਕੋਡ
ਕਦਮ 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 ਐਪ (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: ਡਾਰਕ ਮੋਡ-ਸਟਾਈਲ ਨੂੰ ਸਿਰਫ ਬਾਡੀ HTML ਵਿਚ ਸ਼ਾਮਲ ਕਰੋ - ਤੁਹਾਡੇ HTML ਟੈਗਸ ਵਿੱਚ ਸਹੀ ਡਾਰਕ ਮੋਡ ਕਲਾਸਾਂ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ.
<!-- 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; }
ਕੁਝ ਵਾਧੂ ਸਰੋਤ:
- ਲਿਟਮਸ - ਈਮੇਲ ਮਾਰਕਿਟਰਾਂ ਲਈ ਡਾਰਕ ਮੋਡ ਲਈ ਅੰਤਮ ਗਾਈਡ.
- ਮੁਹਿੰਮ ਮਾਨੀਟਰ - ਈਮੇਲ ਲਈ ਡਾਰਕ ਮੋਡ ਲਈ ਡਿਵੈਲਪਰ ਦੀ ਗਾਈਡ।
ਜੇਕਰ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਤੁਹਾਡੇ ਈਮੇਲ ਟੈਂਪਲੇਟਸ ਨੂੰ ਡਾਰਕ ਮੋਡ ਸਹਾਇਤਾ ਲਈ ਬਦਲਿਆ ਜਾਵੇ, ਤਾਂ ਇਸ ਤੱਕ ਪਹੁੰਚਣ ਤੋਂ ਝਿਜਕੋ ਨਾ DK New Media.