diff --git a/front/app/src/app/views/contracts/contracts.component.ts b/front/app/src/app/views/contracts/contracts.component.ts
index 73ce5680..e4b5ea13 100644
--- a/front/app/src/app/views/contracts/contracts.component.ts
+++ b/front/app/src/app/views/contracts/contracts.component.ts
@@ -1,6 +1,6 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, ElementRef, Input, OnInit } from '@angular/core';
 import { ActivatedRoute, ParamMap } from "@angular/router";
-import { DomSanitizer } from "@angular/platform-browser";
+import { DomSanitizer, Meta } from "@angular/platform-browser";
 import { ImageUploaderCrudService } from "@common/crud/crud.service";
 
 
@@ -98,12 +98,7 @@ export class ContractsCardComponent extends BaseContractsComponent{
                     <div class="row" *ngIf="!this.affixed">
                         <signature-drawer class="col-7"
                          (signatureDrawn$)="postSignature($event)"></signature-drawer>
-                        <div class="col-5" i18n>
-                            <p>Cette page est à la destination exclusive de <strong>{{ this.signatory }}</strong></p>
-                            <p>Si vous n'êtes <strong>pas</strong> {{ this.signatory }}, veuillez <strong>fermer cette page immédiatement</strong> et surpprimer tous les liens en votre possession menant vers celle-ci.</p>
-                            <p>En vous maintenant et/ou en interagissant avec cette page, vous enfreignez l'article L.229 du code pénal de l'Etat de San Andreas pour <strong>usurpation d'identité</strong> et vous vous exposez ainsi à une amende de 20 000$ ainsi qu'à des poursuites civiles.</p>
-                            <p>Le cabinet Cooper, Hillman & Toshi LLC</p>
-                        </div>
+                        <div class="col-5" i18n [innerHTML]="this.legalText"></div>
                     </div>
                 </ng-template>
             </ngb-panel>
@@ -117,10 +112,13 @@ export class ContractsSignatureComponent implements OnInit {
 
     affixed = false;
 
+    public legalText: string = "";
+
     constructor(
         private route: ActivatedRoute,
         private sanitizer: DomSanitizer,
         private crudService: ImageUploaderCrudService,
+        private meta: Meta,
     ) {}
 
     ngOnInit() {
@@ -134,8 +132,26 @@ export class ContractsSignatureComponent implements OnInit {
                 } else {
                     this.signatory = this.signature.entity.entity_data.firstname  + " " +  this.signature.entity.entity_data.lastname;
                 }
-            })
-        })
+
+                this.legalText = `
+                    <p>Cette page est à la destination exclusive de <strong>${ this.signatory }</strong></p>
+                    <p>Si vous n'êtes <strong>pas</strong> ${ this.signatory }, veuillez <strong>fermer cette page immédiatement</strong> et surpprimer tous les liens en votre possession menant vers celle-ci.</p>
+                    <p>En vous maintenant et/ou en interagissant avec cette page, vous enfreignez l'article L.229 du code pénal de l'Etat de San Andreas pour <strong>usurpation d'identité</strong> et vous vous exposez ainsi à une amende de 20 000$ ainsi qu'à des poursuites civiles.</p>
+                    <p>Le cabinet Cooper, Hillman & Toshi LLC</p>
+                `
+
+                this.meta.updateTag({
+                    name: 'og:title',
+                    property: 'og:title',
+                    content: this.signature.contract_label});
+                this.meta.updateTag({
+                    name: 'og:description',
+                    property: 'og:description',
+                    content: this.legalText.replace(/<[^>]*>/g, '').trim()
+                });
+                this.meta.updateTag({ name: 'og:image', content: `${location.origin}/assets/logo.png` });
+            });
+        });
     }
 
     getPreview() {