ໂຫມດຊ້ໍາສໍາລັບອີເມລ໌ແມ່ນໄດ້ຮັບການຮັບຮອງເອົາ… ນີ້ແມ່ນວິທີການສະຫນັບສະຫນູນມັນ
ໂໝດມືດຊ່ວຍຫຼຸດການໃຊ້ພະລັງງານໜ້າຈໍ ແລະ ເພີ່ມການສຸມໃສ່. ຜູ້ໃຊ້ບາງຄົນຍັງບອກວ່າພວກເຂົາຮູ້ສຶກເມື່ອຍຕາຫຼຸດລົງ, ແຕ່ນັ້ນແມ່ນ ໄດ້ຖືກຕັ້ງ ຄຳ ຖາມ.
ການຮັບຮອງເອົາໂໝດມືດສືບຕໍ່ຂະຫຍາຍຕົວ. ໂໝດມືດຕອນນີ້ສາມາດໃຊ້ໄດ້ທົ່ວ macOS, iOS, Android, ແລະເປັນເຈົ້າພາບຂອງແອັບຕ່າງໆ, ລວມທັງ Microsoft Outlook, Safari, Reddit, Twitter, YouTube, Gmail, ແລະ Reddit. ບໍ່ມີການສະຫນັບສະຫນູນຢ່າງເຕັມທີ່ໃນທົ່ວແຕ່ລະຄົນ, ເຖິງແມ່ນວ່າ. ມັນບໍ່ມັກຈະມີຄວາມກ້າວຫນ້າທາງດ້ານເທກໂນໂລຍີອີເມລ໌, ດັ່ງນັ້ນມັນດີທີ່ຈະເຫັນການຮັບຮອງເອົາຮູບແບບຊ້ໍາໃນອີເມວເຊັ່ນກັນ.
ພວກເຮົາເຫັນ 28% ຂອງຜູ້ໃຊ້ເບິ່ງໃນໂໝດມືດໃນເດືອນສິງຫາ 2021. ຮອດເດືອນສິງຫາ 2022, ຕົວເລກດັ່ງກ່າວໄດ້ເພີ່ມຂຶ້ນເກືອບ 34%.
Litmus
ຄວາມເຂົ້າໃຈກ່ຽວກັບການປະຕິບັດທີ່ດີທີ່ສຸດ, ລະຫັດເພື່ອປະຕິບັດ, ແລະການສະຫນັບສະຫນູນລູກຄ້າແມ່ນສໍາຄັນຕໍ່ກັບຄວາມສໍາເລັດໃນການປະຕິບັດຂອງຮູບແບບຊ້ໍາຂອງທ່ານ. ດ້ວຍເຫດຜົນນັ້ນ, ທີມງານຢູ່ Uplers ໄດ້ເຜີຍແຜ່ຄູ່ມືນີ້ໄປສູ່ໂໝດມືດ ສະຫນັບສະຫນູນອີເມວ.
ບໍ່ດົນມານີ້, DK New Media ພັດທະນາແມ່ແບບ Salesforce Marketing Cloud ສໍາລັບລູກຄ້າທີ່ລວມເອົາ Dark Mode, ກົງກັນຂ້າມກັບພາກສ່ວນອີເມວຢ່າງຫຼວງຫຼາຍເມື່ອເບິ່ງຢູ່ໃນລູກຄ້າອີເມວ. ມັນເປັນຄວາມພະຍາຍາມທີ່ອາດຈະເຮັດໃຫ້ການມີສ່ວນຮ່ວມເພີ່ມເຕີມແລະອັດຕາການຄລິກຜ່ານສໍາລັບຜູ້ສະຫມັກຂອງທ່ານ.
ລະຫັດອີເມວແບບຊ້ ຳ
ຂັ້ນຕອນທີ 1: ປະກອບມີເມຕາເດຕາເພື່ອເປີດໂຫມດມືດໃນລູກຄ້າອີເມວ – ຂັ້ນຕອນທໍາອິດແມ່ນເພື່ອເປີດໃຊ້ງານຮູບແບບຄວາມມືດໃນອີເມລ໌ສໍາລັບຜູ້ສະຫມັກທີ່ມີການຕັ້ງຄ່າຮູບແບບຄວາມມືດເປີດ. ທ່ານສາມາດລວມເອົາ metadata ນີ້ຢູ່ໃນ tag.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
ຂັ້ນຕອນທີ 2: ປະກອບມີຮູບແບບສີເຂັ້ມ ສຳ ລັບ @media (ມັກເລືອກສີສັນ: ຊ້ ຳ) - ຂຽນແບບສອບຖາມສື່ນີ້ໃສ່ໃນເອກະສານຊ້ອນທ້າຍຂອງທ່ານ 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] ເພື່ອຊ້ ຳ ຮູບແບບແບບຊ້ ຳ - ລວມເອົາລະຫັດເຫລົ່ານີ້ ສຳ ລັບອີເມວໃຫ້ເຂົ້າກັນໄດ້ກັບຮູບແບບມືດໃນ Outlook app ສຳ ລັບ Android.
[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; }
ບາງຊັບພະຍາກອນເພີ່ມເຕີມ:
- Litmus - ຄຳ ແນະ ນຳ ສຸດທ້າຍ ສຳ ລັບຮູບແບບມືດ ສຳ ລັບນັກກາລະຕະຫຼາດອີເມວ.
- ວິກຸນ – ຄຳແນະນຳຂອງຜູ້ພັດທະນາຕໍ່ກັບໂໝດມືດສຳລັບອີເມວ.
ຖ້າທ່ານຕ້ອງການໃຫ້ແມ່ແບບອີເມວຂອງທ່ານຖືກແປງສໍາລັບການສະຫນັບສະຫນູນຮູບແບບຊ້ໍາ, ຢ່າລັງເລທີ່ຈະເຂົ້າຫາ DK New Media.