Copy Paste Clipboard Notification for Bricks Builder

Customize your clipboard notification effect using the controls below
Click the Get Code button and copy the JavaScript
In Bricks Builder, add a Code element and paste the JavaScript
Simply add the attribute
data-clipboard-text📋
to any element you want to make "copyable"

Simple to use: Just add the attribute data-clipboard-text to any element and it will automatically copy your configured sample content when clicked.

Click the button below to test the notification effect

BricksFusion Exclusive Get Your CopyPaste Effect

Add a sleek clipboard notification system to your website that enhances user experience when copying content.

Easy implementation with simple data attributes
Smooth animation effects with customizable styling
Support for both text and JSON content copying
Customizable notification messages and positions

Preview Content Settings

Content Type

Text to Copy

JSON to Copy

Notification Settings

Default Message

Display Duration 2000ms

Position

Top

Bottom

Left

Right

Style Settings

Quick Style Presets

Background Color #4CAF50

Text Color #FFFFFF

Font Size 16px

Animation Speed 0.3s

Padding 16px

Rounded Corners

Documentation

GETTING STARTED

MENU ANIMATIONS

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

SURECART

BUTTONS

TRANSITION PAGES

How to Use in Bricks Builder

JavaScript Code