il existe plusieurs sites permettant de générer une signature de mail.

Outre le nom, l’adresse, les réseaux sociaux , ces sites permettent d’uploader une bannière photo et d’y apposer un lien dessus vers le site de son choix.

La partie Edition de ces sites propose une fenêtre en mode ‘preview’ où la signature en préparation est visualisable directement. 

Ensuite pour intégrer la signature dans sa propre messagerie, ces sites disposent d’un bouton ‘Select Preview’ :

Cela sélectionne l'ensemble du ‘preview’, il suffira alors de faire un "Ctrl C » puis un "Ctrl V » dans les paramètres signature de Gmail ou Mail d'apple pour 

que chaque nouveau message  comporte la signature générée avec toujours les liens actifs sur la photo ou des réseaux sociaux.

J’aimerais reproduire ce genre de bouton ‘Select Preview’ et de « copier-coller HTML » dans mon futur site 

mais je ne sais pas quelles codes ou balises qui permettent d’avoir cette fenêtre ‘preview'.

Pour exemple voici l’adresse d’un site faisant cela : https://si.gnatu.re/edit/05ecd6e6bcdc020dcf5a3a1d et une capture d'écran en pj pour illustrer.

Auriez-vous une idée svp?

Je suis débutant en HTML5/CSS3 et je sèche depuis des semaines …

Merci beaucoup par avance pour votre aide ,

Eric