Copy to Clipboard for Bricks Builder

Copy to Clipboard element for Bricks Builder is here to save your site visitors from the hassle of manual copying. Users can instantly copy text directly to their clipboard with just a simple button click.

Perfect for sharing discount codes, URLs, or custom text snippets, this feature streamlines the process, boosting user experience and engagement.

Copy Any Text, Anytime, Anywhere

With Copy to Clipboard, you have the power to let users copy almost any text content on your website. Imagine a visitor wanting to save a coupon code or quickly copy a post URL for later. Instead of manually highlighting and copying the text, they can now click a button and get it done instantly.

Choose Your Copy Source

Copy to Clipboard offers three easy ways to choose what content gets copied. You can pick static content, dynamic values, or custom input!

Dynamic Data

For content not visible on the page, use dynamic data to populate the text to be copied. This is perfect for scenarios where you want users to copy custom field data, such as a discount code or post URL, without displaying it outright.

CSS Selector

Want users to copy specific text that’s already on your page? No problem! Just assign a class or ID as the ‘CSS Selector,’ and the button will do the rest.

Custom Text

Want to define your own text? No problem! Simply add custom content that the button will copy, even if it doesn’t exist as a visible element on the page.

On-Copy Feedback

Give users instant feedback when they copy something with these features:

Enable “Shake Button” Animation

For content not visible on the page, use dynamic data to populate the text to be copied. This is perfect for scenarios where you want users to copy custom field data, such as a discount code or post URL, without displaying it outright.

Custom “Copied” Text

Inform users with a quick “Copied” or “Done” message after the action.

Icon Customization

Customize the feedback further with an icon change. Pick a checkmark, a tick, or any other icon to visually confirm the copy action.

Customize the Button to Match Your Brand

Make your button fit seamlessly into your website’s design. The Copy to Clipboard element offers:

Custom Button Text

Personalize the text, whether it’s “Copy Code,” “Save URL,” or anything you like.

Button Sizes

Choose from Small, Medium, Large, and Extra Large to match your site’s layout.

Button Styles

Use predefined styles like Primary, Secondary, Light, Dark, Muted, and more.

Circle & Outline Styles

Add a modern touch with circular or outlined button designs.

Add Icons for Interactive Visual Touch

Icons make your button more intuitive. With Copy to Clipboard, you can:

Position the Icon

Place it on the left or right of the button text.

Pick Your Favorite Icon

Choose from a variety of icons to suit your action.