Limited Time Offer: Watch All Our Bubble Tutorial Videos for Only $99 per Year!

So let's dive into design. And I've got an input here with some initial content, which is a link to one of our YouTube videos. And that's a classic example of how you might want to copy to clipboard. You're sharing a link with your users.

Adding a copy icon

So first of all, I'm going to add in an icon and choose the copy icon. And then like most plug ins, I have to add the element to the page in order for the right scripts and the library to load in. So I'm going to add in the copy to clipboard element to the page. And although it shows in the editor here, you basically can just hide this anywhere on your page. Just put it somewhere it's not going to be noticed.

Copy to clipboard workflow

So text the copy, I can choose my multiline input, and then I just add an action. And I can say, copy from static text, and I choose my multiline input again. So let's test this.

So there's my URL. I'm going to copy the clipboard and then I'm going to paste into here. And you can see it takes us to one of our YouTube videos.

So there you have it. Very quick and easy way to save your user's time by adding a copy to clipboard button to your Bubble app.


Latest videos