Coupon codes beside an offer
Display a code such as HELLO10 next to a promotion. Visitors can copy the exact code instead of retyping it; applying that discount remains the responsibility of your checkout.
Everyday / widget · Elementor module
Copy Text Button Plugin for Elementor
Let visitors copy a code, address or any short text with one click.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Copy text buttonProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try the Elementor copy text button
Try native-rendered examples for a default button, coupon code, email address and empty value in the isolated demo. The demo loads the shipped copy handler and native Elementor styles; it uses sample text, not your site data.
02 / Inside WordPress
Copy text button controls in Elementor
Enter Text to copy and Button label in Content source. Behaviour contains success, error and empty-text feedback. Display controls the visible text; Icon selects the optional native icon. Style separates the button, displayed text, layout and feedback.
03 / Website use cases
Where to use copy text button
A coupon code or contact address is easier to use when visitors can copy it directly. This Elementor widget places a copy button beside your text, with a success message after the visitor copies it. Use it for plain-text coupon codes, reference numbers, email addresses or other text you want visitors to reuse.
Email addresses on contact pages
Offer a copy action for visitors who prefer to paste your address into their own mail application. A clear label tells them what will be placed on the clipboard.
Reference text and short instructions
Copy an account reference, booking code or plain-text instruction from a page. Keep sensitive information out of public pages and choose a label that describes the copied text.
04 / Installation and setup
How to add a copy text button in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Copy text button in the WordPress module library.
Edit the page with Elementor, add Copy text button and enter Text to copy in Content source. Give the button a clear label describing the copied value.
Set success, error and empty-text feedback in Behaviour. Choose whether the clipboard text is visible in Display and optionally select an icon in Icon.
In Style, adjust the button’s typography, surface and Normal/Hover/Focus states. Set icon spacing, text/button layout and displayed-text styling separately.
Publish, reopen the editor to confirm saved settings, then test keyboard activation, copied text and fallback feedback on the HTTPS page.
05 / Content and style controls
Customize copy text button in Elementor
Configure the settings available for this module to suit the page you are building.
Text to copy and Button label support the Elementor dynamic tags available on your site.
Set success, error and empty-text messages. Show or hide the text beside the button; empty clipboard text disables the copy action.
Choose an optional icon from Elementor’s native icon selector. Place it before or after the label; set its color and responsive size and gap.
Customize typography and Normal, Hover and Focus styles, including the focus outline. Configure responsive padding, corner radius and alignment. Displayed text, feedback text and text/button layout have separate controls.
The button label and selected icon remain visible while a separate accessible status announces success or failure. An unsuccessful copy reveals a selectable text field, including when displayed text is hidden.
06 / Choose the right approach
Copy text button and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Elementor Pro Code Highlight
Elementor Pro’s Code Highlight widget already includes a copy-to-clipboard control for code examples. Use it when you need syntax highlighting and a code box; Complementor offers a standalone plain-text button for codes and addresses.
Your existing copy widget or custom script
If another installed addon already gives you a suitable copy button, you can keep using it. A custom clipboard script is another option, but you must maintain its browser fallback, feedback and styling yourself.
07 / Requirements and compatibility
Copy text button compatibility with Elementor
- Copies plain text, including multiline text. It does not apply a WooCommerce coupon, generate a discount or submit a form.
- Modern clipboard access needs an allowed browser context. Test the HTTPS page; a legacy attempt and selectable manual field provide recovery if automatic copying fails.
- Text to copy and Button label declare native dynamic-tag support, but available providers depend on your Elementor edition and installed integrations. No separate ACF connector or unverified Pro-provider compatibility is promised.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot copy text button
Check these settings if the published page behaves differently from the editor.
The button does not copy on the published page.
Test on HTTPS and activate the button directly. Browser restrictions can reject clipboard access. The widget attempts a legacy fallback; if both methods fail, it reveals a selectable readonly field even when displayed text is hidden.
The button copies a different value from its label.
Text to copy and Button label are separate. Check the clipboard source in Content source, including any available dynamic tag, then refresh cached HTML and test the published page.
The empty button is disabled.
Empty or whitespace-only clipboard text disables copying and uses your empty-text explanation. There is no displayed-text chip until nonempty text is supplied. A blank button label falls back to Copy text.
Where does the success message appear?
Your success message appears in a separate status below the button. The visible button label and selected icon stay in place.
Copy text button plugin questions
Can I add a copy coupon code button in Elementor?
Yes. Enter the code as Text to copy and use a label such as Copy code. The button copies the code; your checkout still handles applying it.
Can the button copy dynamic text?
The source and label support available native Elementor dynamic tags. Providers depend on your edition and integrations; an ACF value requires the appropriate dynamic-tag integration.
Can I hide the text and keep the copy button?
Yes. Turn off displayed text. If automatic copying fails, a selectable manual field can still show the clipboard text for recovery.
Can I customize the copy icon and button shape?
Yes. Select an optional native icon, place it before or after the label and adjust its color, size and gap. Native border, radius, padding and state controls style the button.
What happens when there is no text to copy?
Empty or whitespace-only source text disables the action and displays your empty-text explanation. It does not copy a fabricated placeholder.
10 / Annual All Access subscription
Get copy text button with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.