הוספת הערות להודעות אימייל בכרטיסייה 'קידומי מכירות'

הערות באימייל מפירות חיים בהודעות האימייל שבכרטיסייה 'קידומי מכירות', באמצעות תכונות כמו תמונות, מבצעים ותאריכי תפוגה.

כשמוסיפים הערות לאימיילים, משתמשי Gmail צופים בקידומי המכירות ויוצרים איתם אינטראקציה ישירות מתיבת הדואר הנכנס שלהם. בכרטיסייה 'קידומי מכירות', המשתמשים יכולים ללחוץ על טקסט או תמונה עם הערות כדי לקבל מידע נוסף על המבצע, בלי שתצטרכו לפתוח את האימייל.

בדף הזה מוסבר איך להוסיף הערות להודעות אימייל באמצעות JSON-LD ו-מיקרו נתונים. שפת תרגום למידע נוסף על תגי עיצוב לאימייל, מדריך לתחילת העבודה. לרשימת תגי עיצוב שבהם אפשר להשתמש בהערות באימייל, מאמרי עזרה

יצירת הערות באימייל

אפשר להוסיף הערות להודעות אימייל כדי להציג בכרטיסייה 'קידומי מכירות' את התכונות הבאות:

בקטעים הבאים מוסבר איך ליצור כל אחד מהסוגים של הערות באימייל.

יצירת הערה לעסקה

בהערות לגבי מבצעים מוצגים פרטים מבוססי-טקסט לגבי מבצע, כמו שובר הפרסום או תאריך התפוגה.

כדי ליצור הערה לעסקה:

  1. בפלטפורמת האימייל השיווקית, יוצרים אימייל ופותחים את קוד ה-HTML של האימייל עם הרשאת עריכה.

  2. בקטע head, מוסיפים תג script שכולל את סוג הנתונים. DiscountOffer:

    JSON-LD

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <script type="application/ld+json">
      [{
        "@context": "http://schema.org/",
        "@type": "DiscountOffer",
        "description": "DESCRIPTION",
        "discountCode": "DISCOUNT_CODE",
        "availabilityStarts": "START_DATE_TIME",
        "availabilityEnds": "END_DATE_TIME"
      }]
    </script>
  </head>

  <body>
    // The message of your email
  </body>
</html>

    מיקרו נתונים

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <div itemscope itemtype="http://schema.org/DiscountOffer">
      <meta itemprop="description" content="DESCRIPTION"/>
      <meta itemprop="discountCode" content="DISCOUNT_CODE"/>
      <meta itemprop="availabilityStarts" content="START_DATE_TIME"/>
      <meta itemprop="availabilityEnds" content="END_DATE_TIME"/>
    </div>
  </head>

  <body>
    // The message of your email.
  </body>
</html>

    מחליפים את הערכים הבאים. כל המאפיינים הם אופציונליים. בכל פעם אפשר לכלול ערך או להשמיט את הנכס

    • DESCRIPTION (אופציונלי): הטקסט שמוצג עם התג תג מבצע, כגון 20% off או Free shipping.
    • DISCOUNT_CODE (אופציונלי): ההנחה או קוד השובר של המבצע, למשל 20TODAY.
    • START_DATE_TIME (אופציונלי): התאריך והשעה שבהם המבצע מתחיל בעוד ISO 8601 למשל 2023-09-25T18:44:37-07:00.
    • END_DATE_TIME (אופציונלי): תאריך ושעת הסיום של מבצע ב- ISO 8601 למשל 2023-10-25T18:44:37-07:00.

  3. בתג body, כותבים את ההודעה שאליה רוצים לשלוח את האימייל.

בקרוסלות של מוצרים מוצגות כמה תצוגות מקדימות של תמונות לקידום מכירות, כמו הבאים:

אימייל שיווקי שבו מוצגת קרוסלה של שלוש תצוגות מקדימות של תמונות של מבצעי גרביים.

בקרוסלה אפשר לכלול עד 10 תצוגות מקדימות של תמונות, וכל תמונה חייבת להיות ייחודיות.

כדי ליצור קרוסלת מוצרים:

  1. בפלטפורמת האימייל השיווקית, יוצרים אימייל ופותחים את קוד ה-HTML של האימייל עם הרשאת עריכה.

  2. בקטע head, מוסיפים תג script. לכל תמונה במוצר קרוסלה, הוספת PromotionCard object:

    JSON-LD

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <script type="application/ld+json">
      [
        // Build the first image preview in your product carousel:
        {
          "@context": "http://schema.org/",
          "@type": "PromotionCard",
          "image": "IMAGE_URL1",
          "url": "PROMO_URL1",

          // Optionally, include the following PromotionCard properties:
          "headline": "HEADLINE1",
          "price": PRICE1,
          "priceCurrency": "PRICE_CURRENCY1",
          "discountValue": DISCOUNT_VALUE1,
          "position": POSITION
        },

        // Build the second image preview in your product carousel:
        {
          "@context": "http://schema.org/",
          "@type": "PromotionCard",
          "image": "IMAGE_URL2",
          "url": "PROMO_URL2",

          // Optionally, include the following PromotionCard properties:
          "headline": "HEADLINE2",
          "price": PRICE2,
          "priceCurrency": "PRICE_CURRENCY2",
          "discountValue": DISCOUNT_VALUE2,
          "position": POSITION
        }

        // To include more image previews, add additional PromotionCard objects.
        // You can include up to 10 image previews in a product carousel.

      ]
    </script>
  </head>

  <body>
    // The message of your email
  </body>
</html>

    מיקרו נתונים

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    // Build the first image preview in your product carousel:
    <div itemscope itemtype="http://schema.org/PromotionCard">
      <meta itemprop="image" content="IMAGE_URL1"/>
      <meta itemprop="url" content="PROMO_URL1"/>

      // Optionally, include the following PromotionCard properties:
      <meta itemprop="headline" content="HEADLINE1"/>
      <meta itemprop="price" content="PRICE1"/>
      <meta itemprop="priceCurrency" content="PRICE_CURRENCY1"/>
      <meta itemprop="discountValue" content="DISCOUNT_VALUE1"/>
      <meta itemprop="position" content="POSITION"/>
    </div>

    // Build the second image preview in your product carousel:
    <div itemscope itemtype="http://schema.org/PromotionCard">
      <meta itemprop="image" content="IMAGE_URL2"/>
      <meta itemprop="url" content="PROMO_URL2"/>

      // Optionally, include the following PromotionCard properties:
      <meta itemprop="headline" content="HEADLINE2"/>
      <meta itemprop="price" content="PRICE2"/>
      <meta itemprop="priceCurrency" content="PRICE_CURRENCY2"/>
      <meta itemprop="discountValue" content="DISCOUNT_VALUE2"/>
      <meta itemprop="position" content="POSITION"/>
    </div>

    // To include more image previews, add additional PromotionCard objects.
    // You can include up to 10 image previews in a product carousel.
  </head>

  <body>
    // The message of your email
  </body>
</html>

    בכל אובייקט PromotionCard מחליפים את הערכים הבאים. עבור מאפיינים אופציונליים, אפשר לכלול ערך או להשמיט את המאפיין מהקוד שלכם.

    • IMAGE_URL: כתובת ה-URL של התמונה שלכם פורמט PNG או JPEG, למשל https://www.example.com/image.png. יחסי הגובה-רוחב הנתמכים הם 4:5, 1:1, 1.91:1. עבור בקרוסלות של מוצרים, לכל תמונה צריכה להיות כתובת URL ייחודית וחייבת להשתמש באותה יחס גובה-רוחב.
    • PROMO_URL: כתובת ה-URL של קידום המכירות. מתי המשתמשים לוחצים על התמונה בכרטיסייה 'קידומי מכירות' ומגיעים לכתובת ה-URL הזו.
    • HEADLINE (אופציונלי): תיאור באורך 1-2 שורות של המבצע שמוצג מתחת לתמונת התצוגה המקדימה.
    • PRICE (אופציונלי): מחיר המבצע.
    • PRICE_CURRENCY (אופציונלי): המטבע של המחיר ב-3 אותיות ISO 4217 למשל USD. קובע את סמל המטבע שמוצג עם price

    • DISCOUNT_VALUE (אופציונלי): הסכום מופחת מ-price כדי להציג מחיר מותאם. הערכים המותאמים המחיר מוצג לצד המחיר המקורי.

      לדוגמה, אם הערך של discountValue הוא 25, הערך של price הוא 100, וגם אם priceCurrency הוא USD, המחיר המותאם מוצג כ-$75.

    • POSITION (אופציונלי): המיקום של הכרטיס בקרוסלה.

  3. בתג body, כותבים את ההודעה שאליה רוצים לשלוח את האימייל.

השלבים הבאים