Skip to content

Recommend Gemeos to your network and earn a commission

Discover our referral program
Let’s talk?

Easter egg2 min read

How to add a custom message to copy and paste in Webflow

Learn how to add a custom message when a user copies text on your Webflow site.

In this tutorial, Sandro, cofounder of Gemeos Webflow agency, shows you how to add a custom message when someone copies text on your Webflow site.

Example

Select and copy this text

Gemeos is a Webflow agency based in Dubai, specializing in Webflow development, SEO, and growth strategy for startups and scale-ups. Copy this text and paste it somewhere: you'll see the source added automatically.

✓ Copied! Paste to see the source added.

Use caseAdded message
Copyright protectionSource and URL added automatically
Console easter eggFun message for developers

The script

Add this script to the Footer code field. It intercepts copy-paste and adds the source automatically.

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 Hey, you’re copying! 😄 Come talk to us: gemeosagency.com',
    'color: #a78bfa; font-size: 16px; font-weight: bold;');
});

Conclusion

A subtle easter egg for developers inspecting your code and users copying your content.

Published on May 19, 2026

Sandro DA SILVA

Growth Marketer, Webflow expert, and jack-of-all-trades. Sandro handles commercial operations, ensures projects run smoothly, and addresses marketing-related issues (SEO, Tracking, Copywriting, etc).

You might be interested in these tutorials

Related tutorials

See all

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

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