The clipboard inspector for Webflow data

Have you ever wondered how it is technically possible to copy an element from one page to another within Webflow? Well, I have! I've been searching for days to find references to it.... And finally struck gold (thanks to the FinSweet Pro Group, Jean-Philippe Trinh & Vimalan Vijay)! With the evercoder GitHub Clipboard Inspector, you can finally get an overview of what kind of code structure you need to create in order to copy your own elements.

Webflow Clipboard Data
Leon Barth
CEO at BMG.studio

(This is an old solution from https://leon-barth.com/ originally published by Leon Barth on September 11, 2022 at 1:24 pm. Since then, Webflow has made major changes to its internal clipboard data system & BMG has created a revised version of the technique below for its https://bmg.studio/form/library project. Feel free to connect with us on social media to get a better insight into how this technique currently works)

---

Have you ever wondered how it is technically possible to copy and paste an element from one page to another within Webflow?

Well, I did!

I searched for days to find any clues on this... but finally struck gold (thx to the FinSweet Pro Group, Jean-Philippe Trinh & Vimalan Vijay)!

With this -> wonderful tool <-, the evercoder GitHub clipboard inspector you can finally get a grasp of what kind of code structure you need to create to be able to copy your own elements.


Here is Vimalan's loom video on the subject matter:

Here is the code snippet he found --> codesandbox.io/pensive-bell

Want to see this code in action?

Read this article --> leon-barth.com/solution/how-to-create-your-own-relume-library-ripoff

Addendum from the CTO of Finsweet, Alex Iglesias Piñol

"Hey Leon!

You can get the JSON data using this:
https://gist.github.com/alexiglesias93/6a53936ed8820542f38781b7341d0e68

And you can paste the JSON data using this:
https://github.com/finsweet/ts-utils/blob/master/src/components/CopyJSONButton.ts"

Share Article

Experience the BMG.studio Advantage

Ready to elevate your web projects to new heights? Partner with BMG.studio and unlock a world of possibilities. Our team of full-stack engineers....