# Embedding GIF with Blings Dynamic Thumbnail

### What this does:&#x20;

The image (GIF/thumbnail) displays the recipient’s first name, and the click opens your demo video with the same name and UTMs in the URL.

### Example HTML snippet:

```html

<table role="presentation" border="0" cellspacing="0" cellpadding="0" width="100%" style="max-width:600px; margin:0 auto; border-collapse:collapse;">
  <tr>
    <td align="center" background="https://t.blings.io/87bc4aea-f668-49c3-b165-5808105446f3/{{ contact.firstname }}"
        style="background-repeat:no-repeat; background-position:center; background-size:cover; padding:0; margin:0;">
        
      <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
        <v:fill type="frame" src="https://t.blings.io/87bc4aea-f668-49c3-b165-5808105446f3/{{ contact.firstname }}" />
        <v:textbox inset="0,0,0,0">
      <![endif]-->
      
      <a href="https://blings.mp5.live/blings_integration_demo?name={{ contact.firstname }}&utm_source=crm_email&utm_medium=email&utm_campaign=demo"
         style="display:block; text-decoration:none; color:inherit;">
        <img src="https://ajeyvddhyklnihwjvuyh.supabase.co/storage/v1/object/public/gifs/1755710062888_Blings_Generic_Thumbnail_3.gif"
             alt="Your personalized video demo, {{ contact.firstname }} - click to play"
             width="600"
             style="display:block; width:100%; height:auto; border:0; max-width:600px; margin:0; padding:0;">
      </a>
      
      <!--[if gte mso 9]></v:textbox></v:rect><![endif]-->
      
    </td>
  </tr>
</table>
```



<figure><img src="https://2160648125-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsAHOIWkjYudyFAaqnpQm%2Fuploads%2F8F5BQMNNkKNtxPyKPYsr%2Fimage.png?alt=media&#x26;token=63698ea9-f074-4bb6-bf20-3dd6dc3f5c74" alt="Example design of animated GIF + personalization"><figcaption></figcaption></figure>



To Use on your CRM, for the specific project - make sure to update:

1. The video link -  `<a href="..."`  with your MP5 link and the relevant parameters like `name={{ contact.firstname }}`
2. The "dynamic thumbnail" image -  `https://t.blings.io/:id/{{parameter 1}}`
3. The GIF asset - `<img src="..."`  based on the actual design provided by the studio designers.&#x20;

\






Result&#x20;
