General

Integrate sponsor preview in your SMS using the og:image tag

Why your partner site must have a tag og:image

When Wheelskeep sends an SMS to a customer with your partner site URL, modern messaging applications (iMessage, WhatsApp, Samsung Messages, etc.) automatically attempt to generate a visual preview of this link.

This preview displays:

  • An image (the sponsor’s logo or banner)
  • A title
  • A short description

For this preview to display correctly—and showcase your brand image—your site must declare the appropriate Open Graph tags in its <head>.

The essential tag: og:image

The most important tag is this one:

<meta property="og:image" content="https://monsite.com/image-preview.jpg" />

It indicates to messaging applications which image to use as a thumbnail when your URL is shared or received in an SMS.

Practical example with bonjour.wheelskeep.com

Here are the recommended Open Graph tags to integrate in the <head> of your partner site, using bonjour.wheelskeep.com as an example:

<head>
  <!-- Open Graph - Balises essentielles pour la preview SMS -->
  <meta property="og:type"        content="website" />
  <meta property="og:url"         content="https://bonjour.wheelskeep.com" />
  <meta property="og:title"       content="Wheelskeep – Votre partenaire fidélité" />
  <meta property="og:description" content="Retrouvez toutes vos offres et avantages exclusifs sur bonjour.wheelskeep.com" />
  <meta property="og:image"       content="https://bonjour.wheelskeep.com/wp-content/uploads/preview-sponsor.jpg" />
  <meta property="og:image:width"  content="1200" />
  <meta property="og:image:height" content="630" />

  <!-- Twitter Card (pour compatibilité maximale) -->
  <meta name="twitter:card"        content="summary_large_image" />
  <meta name="twitter:image"       content="https://bonjour.wheelskeep.com/wp-content/uploads/preview-sponsor.jpg" />
</head>

What the SMS recipient will see

When Wheelskeep sends an SMS containing the URL https://bonjour.wheelskeep.com, the customer’s phone automatically generates a preview card:

┌─────────────────────────────────────────┐
│  📱 SMS Wheelskeep                       │
│                                         │
│  "Bonjour ! Retrouvez votre offre       │
│   exclusive ici 👉                      │
│   https://bonjour.wheelskeep.com"       │
│                                         │
│  ┌───────────────────────────────────┐  │
│  │  [IMAGE DU SPONSOR 1200x630px]    │  │
│  ├───────────────────────────────────┤  │
│  │  Wheelskeep – Votre partenaire    │  │
│  │  fidélité                         │  │
│  │  bonjour.wheelskeep.com           │  │
│  └───────────────────────────────────┘  │
└─────────────────────────────────────────┘

Image specifications og:image

Parameter Recommended value
Format JPG or PNG
Dimensions 1200 × 630 px
Size < 1 MB
Content Logo + brand background
URL HTTPS required

⚠️ Important: the image URL must be absolute (begin with https://) and publicly accessible, without authentication.

How to verify that your og:image is properly configured?

Use one of these free tools to preview the rendering before sending your SMS:

In summary

For your Wheelskeep SMS messages to display an attractive preview of your sponsor site:

  1. ✅ Add the og:image, og:title, and og:description tags in the <head> of your site
  2. ✅ Use an image in 1200 × 630 px in JPG/PNG format, hosted on HTTPS
  3. ✅ Verify the rendering with OpenGraph.xyz or Meta Debugger
  4. ✅ Communicate the final URL to the Wheelskeep team for configuration

Need help configuring your site? Contact us at hello@wheelskeep.com.