ಇಮೇಲ್ ಮಾರ್ಕೆಟಿಂಗ್ ಮತ್ತು ಆಟೊಮೇಷನ್ಮೊಬೈಲ್ ಮತ್ತು ಟ್ಯಾಬ್ಲೆಟ್ ಮಾರ್ಕೆಟಿಂಗ್

16 ಮೊಬೈಲ್ ಸ್ನೇಹಿ HTML ಇಮೇಲ್ ಅತ್ಯುತ್ತಮ ಅಭ್ಯಾಸಗಳು ಇನ್‌ಬಾಕ್ಸ್ ಪ್ಲೇಸ್‌ಮೆಂಟ್ ಮತ್ತು ಎಂಗೇಜ್‌ಮೆಂಟ್ ಅನ್ನು ಗರಿಷ್ಠಗೊಳಿಸುತ್ತವೆ

2023 ರಲ್ಲಿ, ಇಮೇಲ್ ತೆರೆಯುವ ಪ್ರಾಥಮಿಕ ಸಾಧನವಾಗಿ ಮೊಬೈಲ್ ಡೆಸ್ಕ್‌ಟಾಪ್ ಅನ್ನು ಮೀರಿಸುವ ಸಾಧ್ಯತೆಯಿದೆ. ವಾಸ್ತವವಾಗಿ, HubSpot ಅದನ್ನು ಕಂಡುಹಿಡಿದಿದೆ 46 ರಷ್ಟು ಎಲ್ಲಾ ಇಮೇಲ್ ತೆರೆಯುವಿಕೆಗಳು ಈಗ ಮೊಬೈಲ್‌ನಲ್ಲಿ ಸಂಭವಿಸುತ್ತವೆ. ನೀವು ಮೊಬೈಲ್‌ಗಾಗಿ ಇಮೇಲ್‌ಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸದಿದ್ದರೆ, ನೀವು ಸಾಕಷ್ಟು ನಿಶ್ಚಿತಾರ್ಥ ಮತ್ತು ಹಣವನ್ನು ಮೇಜಿನ ಮೇಲೆ ಬಿಡುತ್ತಿದ್ದೀರಿ.

  1. ಇಮೇಲ್ ದೃಢೀಕರಣ: ನಿಮ್ಮ ಖಚಿತಪಡಿಸುವುದು ಇಮೇಲ್‌ಗಳನ್ನು ದೃಢೀಕರಿಸಲಾಗಿದೆ ಕಳುಹಿಸುವ ಡೊಮೇನ್‌ಗೆ ಮತ್ತು IP ವಿಳಾಸವು ಇನ್‌ಬಾಕ್ಸ್‌ಗೆ ಬರಲು ಮುಖ್ಯವಾಗಿದೆ ಮತ್ತು ಜಂಕ್ ಅಥವಾ ಸ್ಪ್ಯಾಮ್ ಫೋಲ್ಡರ್‌ಗೆ ರವಾನೆಯಾಗುವುದಿಲ್ಲ. ಅನ್‌ಸಬ್‌ಸ್ಕ್ರೈಬ್ ಲಿಂಕ್ ಅನ್ನು ಒಳಗೊಂಡಿರುವ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಇಮೇಲ್‌ನಿಂದ ಹೊರಗುಳಿಯುವ ವಿಧಾನವನ್ನು ನೀವು ಒದಗಿಸುವುದು ಸಹ ಅಗತ್ಯವಾಗಿದೆ.
  2. ರೆಸ್ಪಾನ್ಸಿವ್ ವಿನ್ಯಾಸ: ನಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್ ಇಮೇಲ್ ಆಗಿರಬೇಕು ಸ್ಪಂದಿಸುವಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ, ಅಂದರೆ ಅದನ್ನು ವೀಕ್ಷಿಸುತ್ತಿರುವ ಸಾಧನದ ಪರದೆಯ ಗಾತ್ರಕ್ಕೆ ಸರಿಹೊಂದಿಸಬಹುದು. ಡೆಸ್ಕ್‌ಟಾಪ್ ಮತ್ತು ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಇಮೇಲ್ ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತದೆ ಎಂದು ಇದು ಖಚಿತಪಡಿಸುತ್ತದೆ.
  3. ಸ್ಪಷ್ಟ ಮತ್ತು ಸಂಕ್ಷಿಪ್ತ ವಿಷಯ ಸಾಲು: ಮೊಬೈಲ್ ಬಳಕೆದಾರರಿಗೆ ಸ್ಪಷ್ಟ ಮತ್ತು ಸಂಕ್ಷಿಪ್ತ ವಿಷಯದ ಸಾಲು ಮುಖ್ಯವಾಗಿದೆ ಏಕೆಂದರೆ ಅವರು ತಮ್ಮ ಇಮೇಲ್ ಪೂರ್ವವೀಕ್ಷಣೆ ಫಲಕದಲ್ಲಿ ವಿಷಯದ ಸಾಲಿನ ಮೊದಲ ಕೆಲವು ಪದಗಳನ್ನು ಮಾತ್ರ ನೋಡಬಹುದು. ಇದು ಸಂಕ್ಷಿಪ್ತವಾಗಿರಬೇಕು ಮತ್ತು ಇಮೇಲ್‌ನ ವಿಷಯವನ್ನು ನಿಖರವಾಗಿ ಪ್ರತಿಬಿಂಬಿಸಬೇಕು. ಇಮೇಲ್ ವಿಷಯ, ಪ್ರೇಕ್ಷಕರು ಮತ್ತು ಇಮೇಲ್ ಕ್ಲೈಂಟ್ ಅನ್ನು ಬಳಸುವಂತಹ ಹಲವಾರು ಅಂಶಗಳನ್ನು ಅವಲಂಬಿಸಿ ಇಮೇಲ್ ವಿಷಯದ ಸಾಲಿನ ಅತ್ಯುತ್ತಮ ಅಕ್ಷರ ಉದ್ದವು ಬದಲಾಗಬಹುದು. ಆದಾಗ್ಯೂ, ಹೆಚ್ಚಿನ ತಜ್ಞರು ಇಮೇಲ್ ವಿಷಯದ ಸಾಲುಗಳನ್ನು ಚಿಕ್ಕದಾಗಿ ಮತ್ತು ಬಿಂದುವಿಗೆ ಇರಿಸಿಕೊಳ್ಳಲು ಶಿಫಾರಸು ಮಾಡುತ್ತಾರೆ, ಸಾಮಾನ್ಯವಾಗಿ 41-50 ಅಕ್ಷರಗಳು ಅಥವಾ 6-8 ಪದಗಳ ನಡುವೆ. ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ, 50 ಅಕ್ಷರಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ವಿಷಯದ ಸಾಲುಗಳನ್ನು ಕತ್ತರಿಸಬಹುದು ಮತ್ತು ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ, ವಿಷಯದ ಸಾಲಿನ ಮೊದಲ ಕೆಲವು ಪದಗಳನ್ನು ಮಾತ್ರ ಪ್ರದರ್ಶಿಸಬಹುದು. ಇದು ಸ್ವೀಕರಿಸುವವರಿಗೆ ಇಮೇಲ್‌ನ ಮುಖ್ಯ ಸಂದೇಶವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಕಷ್ಟವಾಗಬಹುದು ಮತ್ತು ಇಮೇಲ್ ತೆರೆಯುವ ಸಾಧ್ಯತೆಯನ್ನು ಕಡಿಮೆ ಮಾಡಬಹುದು.
  4. ಪೂರ್ವ ಶಿರೋನಾಮೆ: ಇಮೇಲ್ ಪ್ರಿಹೆಡರ್ ಎನ್ನುವುದು ಇಮೇಲ್ ಕ್ಲೈಂಟ್‌ನ ಇನ್‌ಬಾಕ್ಸ್‌ನಲ್ಲಿ ವಿಷಯ ಸಾಲಿನ ಪಕ್ಕದಲ್ಲಿ ಅಥವಾ ಕೆಳಗೆ ಗೋಚರಿಸುವ ಇಮೇಲ್‌ನ ವಿಷಯದ ಸಂಕ್ಷಿಪ್ತ ಸಾರಾಂಶವಾಗಿದೆ. ಆಪ್ಟಿಮೈಸ್ ಮಾಡಿದಾಗ ನಿಮ್ಮ ಇಮೇಲ್‌ಗಳ ಮುಕ್ತ ದರದ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುವ ಪ್ರಮುಖ ಅಂಶವಾಗಿದೆ. ಪ್ರಿಹೆಡರ್ ಪಠ್ಯವನ್ನು ಸರಿಯಾಗಿ ಹೊಂದಿಸಲಾಗಿದೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಹೆಚ್ಚಿನ ಕ್ಲೈಂಟ್‌ಗಳು HTML ಮತ್ತು CSS ಅನ್ನು ಸಂಯೋಜಿಸುತ್ತಾರೆ.
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        /* desktop styles here */
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        /* mobile styles here */
      }
    </style>
  </head>
  <body>
    <!-- Intro text for preview -->
    <div style="display:none; max-height:0px; overflow:hidden;">
      This is the intro text that will appear in the email preview, but won't be visible in the email itself.
    </div>
    
    <!-- Main email content -->
    <div style="max-width:600px; margin:0 auto;">
      <!-- Content goes here -->
    </div>
  </body>
</html>
  1. ಏಕ-ಕಾಲಮ್ ಲೇಔಟ್: ಒಂದೇ ಕಾಲಮ್ ವಿನ್ಯಾಸದೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಇಮೇಲ್‌ಗಳನ್ನು ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಓದಲು ಸುಲಭವಾಗಿದೆ. ವಿಷಯವನ್ನು ತಾರ್ಕಿಕ ಅನುಕ್ರಮದಲ್ಲಿ ಆಯೋಜಿಸಬೇಕು ಮತ್ತು ಸರಳವಾದ, ಓದಲು ಸುಲಭವಾದ ಸ್ವರೂಪದಲ್ಲಿ ಪ್ರಸ್ತುತಪಡಿಸಬೇಕು. ನೀವು ಬಹು ಕಾಲಮ್‌ಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, CSS ಅನ್ನು ಬಳಸುವುದರಿಂದ ಏಕ-ಕಾಲಮ್ ಲೇಔಟ್‌ನಲ್ಲಿ ಕಾಲಮ್‌ಗಳನ್ನು ಆಕರ್ಷಕವಾಗಿ ಸಂಘಟಿಸಬಹುದು.

ಇಲ್ಲಿ ಒಂದು HTML ಇಮೇಲ್ ಲೇಔಟ್ ಅದು ಡೆಸ್ಕ್‌ಟಾಪ್‌ನಲ್ಲಿ 2 ಕಾಲಮ್‌ಗಳು ಮತ್ತು ಮೊಬೈಲ್ ಪರದೆಯಲ್ಲಿ ಒಂದೇ ಕಾಲಮ್‌ಗೆ ಕುಗ್ಗುತ್ತದೆ:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        .container {
          display: flex;
          flex-wrap: wrap;
        }
        .col {
          flex: 1;
          padding: 10px;
        }
        .col.left {
          order: 1;
        }
        .col.right {
          order: 2;
        }
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        .container {
          display: block;
        }
        .col {
          width: 100%;
          padding: 10px;
        }
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="col left">
        <!-- Content for left column -->
      </div>
      <div class="col right">
        <!-- Content for right column -->
      </div>
    </div>
  </body>
</html>

ಇಲ್ಲಿ ಒಂದು HTML ಇಮೇಲ್ ಲೇಔಟ್ ಅದು ಡೆಸ್ಕ್‌ಟಾಪ್‌ನಲ್ಲಿ 3 ಕಾಲಮ್‌ಗಳು ಮತ್ತು ಮೊಬೈಲ್ ಪರದೆಯಲ್ಲಿ ಒಂದೇ ಕಾಲಮ್‌ಗೆ ಕುಗ್ಗುತ್ತದೆ:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        .container {
          display: flex;
          flex-wrap: wrap;
        }
        .col {
          flex: 1;
          padding: 10px;
        }
        .col.left {
          order: 1;
        }
        .col.middle {
          order: 2;
        }
        .col.right {
          order: 3;
        }
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        .container {
          display: block;
        }
        .col {
          width: 100%;
          padding: 10px;
        }
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="col left">
        <!-- Content for left column -->
      </div>
      <div class="col middle">
        <!-- Content for middle column -->
      </div>
      <div class="col right">
        <!-- Content for right column -->
      </div>
    </div>
  </body>
</html>
  1. ಲೈಟ್ ಮತ್ತು ಡಾರ್ಕ್ ಮೋಡ್: ಅತ್ಯಂತ ಇಮೇಲ್ ಕ್ಲೈಂಟ್‌ಗಳು ಲೈಟ್ ಮತ್ತು ಡಾರ್ಕ್ ಮೋಡ್ ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ ಸಿಎಸ್ಎಸ್ prefers-color-scheme ಬಳಕೆದಾರರ ಆದ್ಯತೆಗಳನ್ನು ಸರಿಹೊಂದಿಸಲು. ನೀವು ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಹೊಂದಿರುವ ಚಿತ್ರದ ಪ್ರಕಾರಗಳನ್ನು ಬಳಸಲು ಮರೆಯದಿರಿ. ಕೋಡ್ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ.
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* Light mode styles */
      body {
        background-color: #ffffff;
        color: #333333;
      }
      .container {
        background-color: #f9f9f9;
      }
      .text {
        border: 1px solid #cccccc;
      }
      /* Dark mode styles */
      @media (prefers-color-scheme: dark) {
        body {
          background-color: #333333;
          color: #f9f9f9;
        }
        .container {
          background-color: #333333;
        }
        .text {
          border: 1px solid #f9f9f9;
        }
      }
      /* Common styles for both modes */
      .container {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
      }
      .col {
        flex: 1;
        margin: 10px;
      }
      img {
        max-width: 100%;
        height: auto;
      }
      h2 {
        font-size: 24px;
        margin-bottom: 10px;
      }
      p {
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="col">
        <img src="image1.jpg" alt="Image 1">
        <div class="text">
          <h2>Heading 1</h2>
          <p>Text for column 1 goes here.</p>
        </div>
      </div>
      <div class="col">
        <img src="image2.jpg" alt="Image 2">
        <div class="text">
          <h2>Heading 2</h2>
          <p>Text for column 2 goes here.</p>
        </div>
      </div>
      <div class="col">
        <img src="image3.jpg" alt="Image 3">
        <div class="text">
          <h2>Heading 3</h2>
          <p>Text for column 3 goes here.</p>
        </div>
      </div>
    </div>
  </body>
</html>
  1. ದೊಡ್ಡ, ಸ್ಪಷ್ಟವಾದ ಫಾಂಟ್‌ಗಳು: ಸಣ್ಣ ಪರದೆಯ ಮೇಲೆ ಪಠ್ಯವನ್ನು ಸುಲಭವಾಗಿ ಓದಲು ಫಾಂಟ್ ಗಾತ್ರ ಮತ್ತು ಶೈಲಿಯನ್ನು ಆಯ್ಕೆ ಮಾಡಬೇಕು. ಕನಿಷ್ಠ 14pt ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಬಳಸಿ ಮತ್ತು ಸಣ್ಣ ಪರದೆಗಳಲ್ಲಿ ಓದಲು ಕಷ್ಟಕರವಾದ ಫಾಂಟ್‌ಗಳನ್ನು ಬಳಸುವುದನ್ನು ತಪ್ಪಿಸಿ. ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸುವ ಫಾಂಟ್‌ಗಳು ವಿಭಿನ್ನ ಇಮೇಲ್ ಕ್ಲೈಂಟ್‌ಗಳಲ್ಲಿ ಸ್ಥಿರವಾಗಿ ರೆಂಡರಿಂಗ್ ಆಗುವ ಹೆಚ್ಚಿನ ಸಾಧ್ಯತೆಯನ್ನು ಹೊಂದಿವೆ, ಆದ್ದರಿಂದ Arial, Helvetica, Times New Roman, Georgia, Verdana, Tahoma ಮತ್ತು Trebuchet MS ಅನ್ನು ಬಳಸುವುದು ಸಾಮಾನ್ಯವಾಗಿ ಸುರಕ್ಷಿತ ಫಾಂಟ್‌ಗಳಾಗಿವೆ. ನೀವು ಕಸ್ಟಮ್ ಫಾಂಟ್ ಅನ್ನು ಬಳಸಿದರೆ, ನಿಮ್ಮ CSS ನಲ್ಲಿ ಫಾಲ್‌ಬ್ಯಾಕ್ ಫಾಂಟ್ ಅನ್ನು ಗುರುತಿಸಲಾಗಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ:
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* Custom font */
      @font-face {
        font-family: 'My Custom Font';
        src: url('my-custom-font.woff2') format('woff2'),
             url('my-custom-font.woff') format('woff');
        font-weight: normal;
        font-style: normal;
      }
      /* Fallback font */
      body {
        font-family: 'My Custom Font', Arial, sans-serif;
      }
      /* Other styles */
      h1 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      p {
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <h1>My Custom Font Example</h1>
    <p>This text uses the custom font 'My Custom Font'. If the font is not supported, the fallback font 'Arial' will be used instead.</p>
  </body>
</html>
  1. ಚಿತ್ರಗಳ ಅತ್ಯುತ್ತಮ ಬಳಕೆ: ಚಿತ್ರಗಳು ಲೋಡ್ ಸಮಯವನ್ನು ನಿಧಾನಗೊಳಿಸಬಹುದು ಮತ್ತು ಎಲ್ಲಾ ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸದಿರಬಹುದು. ಚಿತ್ರಗಳನ್ನು ಮಿತವಾಗಿ ಬಳಸಿ ಮತ್ತು ಅವು ಗಾತ್ರದಲ್ಲಿವೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ ಸಂಕುಚಿತ ಮೊಬೈಲ್ ವೀಕ್ಷಣೆಗಾಗಿ. ಇಮೇಲ್ ಕ್ಲೈಂಟ್ ಅವುಗಳನ್ನು ನಿರ್ಬಂಧಿಸುವ ಸಂದರ್ಭದಲ್ಲಿ ನಿಮ್ಮ ಚಿತ್ರಗಳಿಗೆ ಪರ್ಯಾಯ ಪಠ್ಯವನ್ನು ಭರ್ತಿ ಮಾಡಲು ಮರೆಯದಿರಿ. ಎಲ್ಲಾ ಚಿತ್ರಗಳನ್ನು ಸುರಕ್ಷಿತ ವೆಬ್‌ಸೈಟ್‌ನಿಂದ ಸಂಗ್ರಹಿಸಬೇಕು ಮತ್ತು ಉಲ್ಲೇಖಿಸಬೇಕು (ಎಸ್ಎಸ್ಎಲ್) HTML ಇಮೇಲ್‌ನಲ್ಲಿ ಸ್ಪಂದಿಸುವ ಚಿತ್ರಗಳ ಉದಾಹರಣೆ ಕೋಡ್ ಇಲ್ಲಿದೆ.
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* CSS for desktop styles */
      @media only screen and (min-width: 600px) {
        .container {
          display: flex;
          flex-wrap: wrap;
        }
        .col {
          flex: 1;
          padding: 10px;
        }
        .col.left {
          order: 1;
        }
        .col.middle {
          order: 2;
        }
        .col.right {
          order: 3;
        }
        .single-pane {
          width: 100%;
        }
        img {
          max-width: 100%;
          height: auto;
        }
      }
      /* CSS for mobile styles */
      @media only screen and (max-width: 599px) {
        .container {
          display: block;
        }
        .col {
          width: 100%;
          padding: 10px;
        }
      }
    </style>
  </head>
  <body>
    <!-- 3-column section with images -->
    <div class="container">
      <div class="col left">
        <img src="image1.jpg" alt="Image 1">
        <!-- Content for left column -->
      </div>
      <div class="col middle">
        <img src="image2.jpg" alt="Image 2">
        <!-- Content for middle column -->
      </div>
      <div class="col right">
        <img src="image3.jpg" alt="Image 3">
        <!-- Content for right column -->
      </div>
    </div>
  </body>
</html>
  1. ಕರೆ-ಟು-ಆಕ್ಷನ್ ಅನ್ನು ತೆರವುಗೊಳಿಸಿ (CTA): ಯಾವುದೇ ಇಮೇಲ್‌ನಲ್ಲಿ ಸ್ಪಷ್ಟವಾದ ಮತ್ತು ಪ್ರಮುಖವಾದ CTA ಮುಖ್ಯವಾಗಿದೆ, ಆದರೆ ಮೊಬೈಲ್ ಸ್ನೇಹಿ ಇಮೇಲ್‌ನಲ್ಲಿ ಇದು ಮುಖ್ಯವಾಗಿದೆ. CTA ಹುಡುಕಲು ಸುಲಭವಾಗಿದೆ ಮತ್ತು ಮೊಬೈಲ್ ಸಾಧನದಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡುವಷ್ಟು ದೊಡ್ಡದಾಗಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ನೀವು ಬಟನ್‌ಗಳನ್ನು ಸಂಯೋಜಿಸಿದರೆ, ನೀವು ಅವುಗಳನ್ನು ಇನ್‌ಲೈನ್ ಶೈಲಿಯ ಟ್ಯಾಗ್‌ಗಳೊಂದಿಗೆ CSS ನಲ್ಲಿ ಬರೆದಿರುವಿರಿ ಎಂದು ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು:
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      /* Desktop styles */
      .button {
        display: inline-block;
        background-color: #4CAF50;
        color: #ffffff;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
      }
      /* Mobile styles */
      @media only screen and (max-width: 600px) {
        .button {
          display: block;
          width: 100%;
        }
      }
    </style>
  </head>
  <body>
    <h1>Sample Responsive Email</h1>
    <p>This is an example of a responsive email with a button.</p>
    <a href="#" class="button" style="background-color: #4CAF50; color: #ffffff; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-size: 16px; font-weight: bold;">Click Here</a>
  </body>
</html>
  1. ಚಿಕ್ಕ ಮತ್ತು ಸಂಕ್ಷಿಪ್ತ ವಿಷಯ: ಇಮೇಲ್‌ನ ವಿಷಯವನ್ನು ಚಿಕ್ಕದಾಗಿ ಮತ್ತು ಬಿಂದುವಿಗೆ ಇರಿಸಿ. HTML ಇಮೇಲ್‌ನ ಅಕ್ಷರ ಮಿತಿಯು ಬಳಸುತ್ತಿರುವ ಇಮೇಲ್ ಕ್ಲೈಂಟ್ ಅನ್ನು ಅವಲಂಬಿಸಿ ಬದಲಾಗಬಹುದು. ಆದಾಗ್ಯೂ, ಹೆಚ್ಚಿನ ಇಮೇಲ್ ಕ್ಲೈಂಟ್‌ಗಳು ಇಮೇಲ್‌ಗಳಿಗೆ ಗರಿಷ್ಠ ಗಾತ್ರದ ಮಿತಿಯನ್ನು ವಿಧಿಸುತ್ತವೆ, ಸಾಮಾನ್ಯವಾಗಿ 1024-2048 ಕಿಲೋಬೈಟ್‌ಗಳ ನಡುವೆ (KB), ಇದು HTML ಕೋಡ್ ಮತ್ತು ಯಾವುದೇ ಚಿತ್ರಗಳು ಅಥವಾ ಲಗತ್ತುಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಸಣ್ಣ ಪರದೆಯ ಮೇಲೆ ಸ್ಕ್ರೋಲ್ ಮಾಡುವಾಗ ಮತ್ತು ಓದುವಾಗ ವಿಷಯವನ್ನು ಸುಲಭವಾಗಿ ಸ್ಕ್ಯಾನ್ ಮಾಡಲು ಉಪಶೀರ್ಷಿಕೆಗಳು, ಬುಲೆಟ್ ಪಾಯಿಂಟ್‌ಗಳು ಮತ್ತು ಇತರ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ತಂತ್ರಗಳನ್ನು ಬಳಸಿ.
  2. ಸಂವಾದಾತ್ಮಕ ಅಂಶಗಳು: ಸಂಯೋಜಿಸಿದ ಸಂವಾದಾತ್ಮಕ ಅಂಶಗಳು ನಿಮ್ಮ ಚಂದಾದಾರರ ಗಮನವನ್ನು ಸೆಳೆಯುವುದು ನಿಮ್ಮ ಇಮೇಲ್‌ನಿಂದ ನಿಶ್ಚಿತಾರ್ಥ, ಗ್ರಹಿಕೆ ಮತ್ತು ಪರಿವರ್ತನೆ ದರಗಳನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ. ಅನಿಮೇಟೆಡ್ GIF ಗಳು, ಕೌಂಟ್‌ಡೌನ್ ಟೈಮರ್‌ಗಳು, ವೀಡಿಯೊಗಳು ಮತ್ತು ಇತರ ಅಂಶಗಳನ್ನು ಹೆಚ್ಚಿನ ಸ್ಮಾರ್ಟ್‌ಫೋನ್ ಇಮೇಲ್ ಕ್ಲೈಂಟ್‌ಗಳು ಬೆಂಬಲಿಸುತ್ತಾರೆ.
  3. ವೈಯಕ್ತೀಕರಣ: ನಿರ್ದಿಷ್ಟ ಚಂದಾದಾರರಿಗೆ ವಂದನೆ ಮತ್ತು ವಿಷಯವನ್ನು ವೈಯಕ್ತೀಕರಿಸುವುದು ನಿಶ್ಚಿತಾರ್ಥವನ್ನು ಗಮನಾರ್ಹವಾಗಿ ಹೆಚ್ಚಿಸಬಹುದು, ನೀವು ಅದನ್ನು ಸರಿಯಾಗಿ ಪಡೆಯುತ್ತೀರಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ! ಉದಾ. ಮೊದಲ ಹೆಸರು ಕ್ಷೇತ್ರದಲ್ಲಿ ಯಾವುದೇ ಡೇಟಾ ಇಲ್ಲದಿದ್ದರೆ ಫಾಲ್ಬ್ಯಾಕ್ಗಳನ್ನು ಹೊಂದಿರುವುದು ಮುಖ್ಯವಾಗಿದೆ.
  4. ಡೈನಾಮಿಕ್ ವಿಷಯ: ವಿಷಯದ ವಿಭಜನೆ ಮತ್ತು ಗ್ರಾಹಕೀಕರಣವು ನಿಮ್ಮ ಅನ್‌ಸಬ್‌ಸ್ಕ್ರೈಬ್ ದರಗಳನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ ಮತ್ತು ನಿಮ್ಮ ಚಂದಾದಾರರನ್ನು ತೊಡಗಿಸಿಕೊಳ್ಳಬಹುದು.
  5. ಅಭಿಯಾನದ ಏಕೀಕರಣ: ಹೆಚ್ಚಿನ ಆಧುನಿಕ ಇಮೇಲ್ ಸೇವಾ ಪೂರೈಕೆದಾರರು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸೇರಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿದ್ದಾರೆ UTM ಪ್ರಚಾರ ಪ್ರಶ್ನೆಗಳು ಪ್ರತಿ ಲಿಂಕ್‌ಗಾಗಿ ನೀವು ಇಮೇಲ್ ಅನ್ನು ವಿಶ್ಲೇಷಣೆಯಲ್ಲಿ ಚಾನಲ್‌ನಂತೆ ವೀಕ್ಷಿಸಬಹುದು.
  6. ಪ್ರಾಶಸ್ತ್ಯ ಕೇಂದ್ರ: ಇಮೇಲ್‌ಗಳಿಗೆ ಕೇವಲ ಆಯ್ಕೆ ಅಥವಾ ಆಯ್ಕೆಯಿಂದ ಹೊರಗುಳಿಯುವ ವಿಧಾನಕ್ಕೆ ಇಮೇಲ್ ಮಾರ್ಕೆಟಿಂಗ್ ತುಂಬಾ ಮುಖ್ಯವಾಗಿದೆ. ನಿಮ್ಮ ಚಂದಾದಾರರು ಎಷ್ಟು ಬಾರಿ ಇಮೇಲ್‌ಗಳನ್ನು ಸ್ವೀಕರಿಸುತ್ತಾರೆ ಎಂಬುದನ್ನು ಬದಲಾಯಿಸಬಹುದಾದ ಪ್ರಾಶಸ್ತ್ಯ ಕೇಂದ್ರವನ್ನು ಸಂಯೋಜಿಸುವುದು ಮತ್ತು ಅವರಿಗೆ ಯಾವ ವಿಷಯವು ಮುಖ್ಯವಾಗಿದೆ ಎಂಬುದನ್ನು ತೊಡಗಿಸಿಕೊಂಡಿರುವ ಚಂದಾದಾರರೊಂದಿಗೆ ಬಲವಾದ ಇಮೇಲ್ ಪ್ರೋಗ್ರಾಂ ಅನ್ನು ಇರಿಸಿಕೊಳ್ಳಲು ಅದ್ಭುತ ಮಾರ್ಗವಾಗಿದೆ!
  7. ಪರೀಕ್ಷೆ, ಪರೀಕ್ಷೆ, ಪರೀಕ್ಷೆ: ಬಹು ಸಾಧನಗಳಲ್ಲಿ ನಿಮ್ಮ ಇಮೇಲ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಲು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಬಳಸಿಕೊಳ್ಳಿ ಇಮೇಲ್ ಕ್ಲೈಂಟ್‌ಗಳಾದ್ಯಂತ ನಿಮ್ಮ ಇಮೇಲ್‌ಗಳನ್ನು ಪೂರ್ವವೀಕ್ಷಿಸಿ ನೀವು ಕಳುಹಿಸುವ ಮೊದಲು ಅದು ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತದೆ ಮತ್ತು ವಿಭಿನ್ನ ಪರದೆಯ ಗಾತ್ರಗಳು ಮತ್ತು ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್‌ಗಳಲ್ಲಿ ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು. ಲಿಟ್ಮಸ್ ಟಾಪ್ 3 ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಮೊಬೈಲ್ ಮುಕ್ತ ಪರಿಸರಗಳು ಒಂದೇ ಆಗಿವೆ ಎಂದು ವರದಿ ಮಾಡಿದೆ: Apple iPhone (iOS ಮೇಲ್), Google Android, Apple iPad (iPadOS ಮೇಲ್). ಅಲ್ಲದೆ, ನಿಮ್ಮ ಮುಕ್ತ ಮತ್ತು ಕ್ಲಿಕ್-ಥ್ರೂ ದರಗಳನ್ನು ಸುಧಾರಿಸಲು ನಿಮ್ಮ ವಿಷಯದ ಸಾಲುಗಳು ಮತ್ತು ವಿಷಯದ ಪರೀಕ್ಷಾ ವ್ಯತ್ಯಾಸಗಳನ್ನು ಸಂಯೋಜಿಸಿ. ಅನೇಕ ಇಮೇಲ್ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು ಈಗ ಸ್ವಯಂಚಾಲಿತ ಪರೀಕ್ಷೆಯನ್ನು ಸಂಯೋಜಿಸುತ್ತವೆ, ಅದು ಪಟ್ಟಿಯನ್ನು ಮಾದರಿ ಮಾಡುತ್ತದೆ, ವಿಜೇತ ಬದಲಾವಣೆಯನ್ನು ಗುರುತಿಸುತ್ತದೆ ಮತ್ತು ಉಳಿದ ಚಂದಾದಾರರಿಗೆ ಉತ್ತಮ ಇಮೇಲ್ ಅನ್ನು ಕಳುಹಿಸುತ್ತದೆ.

ನಿಮ್ಮ ಕಂಪನಿಯು ನಿಶ್ಚಿತಾರ್ಥವನ್ನು ಚಾಲನೆ ಮಾಡುವ ಮೊಬೈಲ್ ಸ್ಪಂದಿಸುವ ಇಮೇಲ್‌ಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು, ಪರೀಕ್ಷಿಸಲು ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಹೆಣಗಾಡುತ್ತಿದ್ದರೆ, ನನ್ನ ಸಂಸ್ಥೆಯನ್ನು ಸಂಪರ್ಕಿಸಲು ಹಿಂಜರಿಯಬೇಡಿ. DK New Media ವಾಸ್ತವಿಕವಾಗಿ ಪ್ರತಿ ಇಮೇಲ್ ಸೇವಾ ಪೂರೈಕೆದಾರರ ಅನುಷ್ಠಾನದಲ್ಲಿ ಅನುಭವವನ್ನು ಹೊಂದಿದೆ (ಇಎಸ್ಪಿ).

Douglas Karr

Douglas Karr ನ ಸಿಎಂಒ ಆಗಿದೆ ಓಪನ್‌ಇನ್‌ಸೈಟ್‌ಗಳು ಮತ್ತು ಸ್ಥಾಪಕ Martech Zone. ಡಗ್ಲಾಸ್ ಹಲವಾರು ಯಶಸ್ವಿ ಮಾರ್ಟೆಕ್ ಸ್ಟಾರ್ಟ್‌ಅಪ್‌ಗಳಿಗೆ ಸಹಾಯ ಮಾಡಿದ್ದಾರೆ, ಮಾರ್ಟೆಕ್ ಸ್ವಾಧೀನಗಳು ಮತ್ತು ಹೂಡಿಕೆಗಳಲ್ಲಿ $5 ಬಿಲಿಯನ್‌ಗಿಂತ ಹೆಚ್ಚಿನ ಪರಿಶ್ರಮದಲ್ಲಿ ಸಹಾಯ ಮಾಡಿದ್ದಾರೆ ಮತ್ತು ಕಂಪನಿಗಳು ತಮ್ಮ ಮಾರಾಟ ಮತ್ತು ಮಾರುಕಟ್ಟೆ ತಂತ್ರಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಮತ್ತು ಸ್ವಯಂಚಾಲಿತಗೊಳಿಸಲು ಸಹಾಯ ಮಾಡುವುದನ್ನು ಮುಂದುವರೆಸಿದ್ದಾರೆ. ಡೌಗ್ಲಾಸ್ ಅಂತರಾಷ್ಟ್ರೀಯವಾಗಿ ಗುರುತಿಸಲ್ಪಟ್ಟ ಡಿಜಿಟಲ್ ರೂಪಾಂತರ ಮತ್ತು ಮಾರ್ಟೆಕ್ ತಜ್ಞ ಮತ್ತು ಸ್ಪೀಕರ್. ಡೌಗ್ಲಾಸ್ ಅವರು ಡಮ್ಮೀಸ್ ಗೈಡ್ ಮತ್ತು ವ್ಯಾಪಾರ ನಾಯಕತ್ವ ಪುಸ್ತಕದ ಪ್ರಕಟಿತ ಲೇಖಕರೂ ಆಗಿದ್ದಾರೆ.

ಸಂಬಂಧಿತ ಲೇಖನಗಳು

ಮೇಲಿನ ಬಟನ್ಗೆ ಹಿಂತಿರುಗಿ
ಮುಚ್ಚಿ

ಆಡ್‌ಬ್ಲಾಕ್ ಪತ್ತೆಯಾಗಿದೆ

Martech Zone ಜಾಹೀರಾತು ಆದಾಯ, ಅಂಗಸಂಸ್ಥೆ ಲಿಂಕ್‌ಗಳು ಮತ್ತು ಪ್ರಾಯೋಜಕತ್ವಗಳ ಮೂಲಕ ನಾವು ನಮ್ಮ ಸೈಟ್‌ನಿಂದ ಹಣಗಳಿಸುವುದರಿಂದ ಯಾವುದೇ ವೆಚ್ಚವಿಲ್ಲದೆ ಈ ವಿಷಯವನ್ನು ನಿಮಗೆ ಒದಗಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ. ನೀವು ನಮ್ಮ ಸೈಟ್ ಅನ್ನು ವೀಕ್ಷಿಸಿದಾಗ ನಿಮ್ಮ ಜಾಹೀರಾತು ಬ್ಲಾಕರ್ ಅನ್ನು ನೀವು ತೆಗೆದುಹಾಕಿದರೆ ನಾವು ಪ್ರಶಂಸಿಸುತ್ತೇವೆ.