Aller au contenu

Easter egg2 min lecture

Comment ajouter un message custom au copier-coller dans Webflow ?

Apprenez à ajouter un message custom quand un utilisateur copie du texte sur votre site Webflow.

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter un message custom quand un utilisateur copie du texte sur votre site Webflow.

Exemple

Sélectionnez et copiez ce texte

Gemeos est une agence Webflow basée à Dubaï, spécialisée dans le développement Webflow, le SEO et la stratégie de croissance pour les startups et scale-ups. Copiez ce texte et collez-le quelque part : vous verrez la source s'ajouter automatiquement.

✓ Copié ! Collez pour voir la source ajoutée.

Cas d'usageMessage ajouté
Protection copyrightSource et URL ajoutés automatiquement
Easter egg consoleMessage fun pour les développeurs

Le script

Ajoutez ce script dans le champ Footer code. Il intercepte le copier-coller et ajoute la source automatiquement.

document.addEventListener('copy', function(e) {
  var selected = window.getSelection().toString();
  if (selected.length > 50) {
    var suffix = '

— Source : ' + window.location.href;
    e.clipboardData.setData('text/plain', selected + suffix);
    e.preventDefault();
  }
  console.log('%c Hé, tu copies ! 😄 Viens nous parler : www.gemeosagency.com/fr',
    'color: #a78bfa; font-size: 16px; font-weight: bold;');
});

Conclusion

Un easter egg subtil pour les développeurs qui inspectent votre code et les utilisateurs qui copient votre contenu.

Publié le 19 mai 2026

Sandro DA SILVA

Growth Marketer, expert Webflow et touche à tout. Sandro s'occupe des opérations commerciale, veille au bon déroulement des projets et s’occupe des problématiques liées au marketing (SEO, Tracking, Copywriting, etc)

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!