Add

Lorem ipsum

Lorem ipsum

A
A
A
Easter egg

4 views

2 min

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: gemeos.wf',
'color: #a78bfa; font-size: 16px; font-weight: bold;');
});

good to know

The 50-character threshold keeps the clipboard untouched when you copy short words or phrases. Adjust it to fit your content.

Conclusion

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

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

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

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...