Adding a Copy to Clipboard Button to Your Bubble App
Did you know it's really quick and easy to add a copy to clipboard button to your Bubble app? I'm going to show you how using the air copy to clipboard plugin by Zeroqode. Let's dive into design and I've got an input here with some initial content, which is linked to one of our YouTube videos. That's a classic example of how you might want to copy to clipboard. You're sharing a link with your users.
Adding the Copy Icon
First of all, I'm going to add in an icon and choose the copy icon. Then, like most plugins, I have to add the element to the page in order for the right scripts and the library to load in. I'm going to add in the copy to clipboard element to the page. Although it shows in the editor here, you can hide this anywhere on your page. Just put it somewhere, it's not going to be noticed.
Setting Up the Copy Action
I can text the copy, I can choose my multiline input, and then I just add an action. I can say copy from static text, and I choose my multiline input again. Let's test this. There's my URL. I'm going to copy the clipboard and then I'm going to paste into here. You can see it takes us to one of our YouTube videos.
Conclusion
So there you have it, a very quick and easy way to save your users time by adding a copy to clipboard button to your Bubble app.