Copy Anything to Clipboard for WordPress – Copy Button, Copy Text & Copy Code vs Essential Addons for Elementor – Popular Elementor Templates & Widgets

Copy Anything to Clipboard helps visitors copy text, links, coupon codes, commands, email addresses, AI prompts, and code snippets in one click—no awkward text selection on mobile, no broken formatting in the clipboard. Use it on blogs, docs, WooCommerce and deal sites, SaaS landing pages, tutorials, and support hubs where you want fewer “how do I copy this?” questions and smoother sharing of URLs, promos, and technical steps. Why site owners install it Better UX – Especially on touch devices, a dedicated copy control beats “long-press to select.” Higher intent actions – Coupon codes, affiliate links, and checkout snippets convert better when copying is frictionless. Flexible placement – Target elements automatically, or drop shortcodes/blocks only where you need them. Integration options Global Injector – Rules that match CSS selectors (e.g. pre, code, .coupon) plus display conditions and live preview. Classic CSS selector rules – Site-wide automatic copy buttons for matching markup. Shortcodes – [copy] (alias: [ctc]) for precise placement in the editor, widgets, and templates. Elementor – 25+ widgets for common patterns (code, coupon, email, prompt, deal link, and more). Gutenberg – Native blocks for the block editor. Highlights Button, Icon, and Cover presets; copy as plain text or HTML where supported. Performance-minded – Combine display conditions with how you publish rules so assets run where copy UI is actually used. Works with typical WordPress stacks – Themes, builders, and caching setups; mobile and modern desktop browsers. How to use You can add copy buttons anywhere on your WordPress site using one of the following methods: EASY: Shortcodes Manually add copy controls with [copy] anywhere in your content. AUTOMATIC: Global Injector Automatically inject copy buttons into any element using CS selectors like pre, code, blockquote, or any custom selector with advanced display conditions. Elementor Widgets Add copy buttons visually using dedicated Elementor widgets. Gutenberg Blocks Insert copy buttons directly inside the WordPress block editor using Gutenberg blocks. METHOD 3 – Manually with “Shortcodes” Use [copy] anywhere you want an explicit copy control (Classic editor, Shortcode block, widget areas, patterns, or PHP templates via do_shortcode()). [ctc] is the same shortcode with a shorter name—use either. How it works (matches the plugin code) Default layout is the inline preset (clickable text + icon). Switch with preset="button", preset="icon", or preset="cover". text="…" (or text wrapped between [copy] and [/copy]) is what lands on the clipboard. display="…" overrides the visible label when it must differ from the copied string (masked secrets, mailto links, etc.). Legacy pair: text="…" + content="…" — content is copied, text is what visitors see (handy for hiding long URLs behind a short CTA). Try it on a fresh install — add a Shortcode block (or switch the block editor to Code editor), paste one snippet, Update, view the page, and tap the control. Example 1 – Datetime inside a sentence Next live workshop: [copy]2030-03-19 10:00 America/New_York[/copy] — copy the full value for your calendar tool. Example 2 – Email inside a sentence Billing questions? Email [copy][email protected][/copy] and include your order ID. Example 3 – Show the mailbox, copy a ready-made mailto link [copy display="[email protected]"]mailto:[email protected]?subject=Question%20from%20website[/copy] Visitors see [email protected]; the clipboard receives the full mailto: string with the subject line. Example 4 – Mini support block (swap in your real IDs) Before you open a ticket, include: - Order ID: [copy]WC-104592-UK[/copy] - Line item SKU: [copy]BM-HOODIE-M-NVY[/copy] - Return auth: [copy]REF-88C0A921[/copy] Example 5 – Coupon inside marketing copy Launch week only — use [copy]SPRINGLAUNCH26[/copy] at checkout for 25% off your first year. Example 6 – Long store URL, short friendly label [copy text="https://www.amazon.com/dp/B0D1EXAMPLE/ref=nosim?tag=clipboard0d-20"]Copy our Amazon pick[/copy] The visitor reads Copy our Amazon pick; the clipboard gets the full tagged URL. Example 7 – Carrier-style tracking number Track this shipment: [copy]1Z999AA10123456784[/copy] Example 8 – Developer onboarding (framework installer) Run this once: [copy]npx create-next-app@latest my-shop --typescript --eslint --tailwind --app[/copy] Example 9 – One-line WP-CLI maintenance Safe cache flush: [copy]wp cache flush && wp rewrite flush[/copy] Example 10 – API key visible on screen vs clipboard Production key (rotate after testing): [copy text="sk_live_51QxYzAbCdEfGhIjKlMnOpQrStUvWx0123456789" display="sk_live_…6789"] Visitors only see the shortened mask; the full secret is still copied once for trusted teammates. Example 11 – Guest Wi‑Fi card SSID: [copy]Guest-Office-5G[/copy] · Passphrase: [copy text="WinterLake#2026!" display="••••••••••••"] Example 12 – Teams / Meet style link Join the stand-up: [copy]https://teams.microsoft.com/l/meetup-join/19%3ameeting_EXAMPLE%40thread.v2/0?context=%7b%22Tid%22%3a%22...%7d[/copy] Example 13 – Conference hashtag or emoji drop Share photos with [copy]#ClipboardAgencyLive2026[/copy] — we monitor that tag all week. Example 14 – Button preset (big tap target, copies a long shell line) [copy preset="button" button-text="Copy Docker install" text="curl -fsSL https://get.docker.com | sh"] Example 15 – Icon-only control in a tight layout Docker CE (Ubuntu): [copy text="sudo apt-get install docker-ce docker-ce-cli containerd.io" preset="icon" tooltip="Copy apt install line"] Example 16 – Optional open-after-copy URL (great for coupons) [copy preset="button" text="SAVE20" button-text="Copy code & checkout" redirect="https://clipboard.agency/checkout/?coupon=SAVE20"] Example 17 – Cover preset for a code/card preview [copy preset="cover" text="body { margin: 0; font-family: system-ui, sans-serif; }" button-text="Copy CSS"]body { margin: 0; … }[/copy] The visible card shows the shortened preview; the overlay copies the full CSS string. Example 18 – Legacy `text` + `content` pair (same idea as Example 6) [copy text="Open the parking map" content="https://maps.app.goo.gl/dQw4w9WgXcQ"] Example 19 – Bank-style reference (dummy data) SEPA reference: [copy]RF18539007547034[/copy] Example 20 – Plain JSON snippet for API testers Paste this body: [copy]{ "event": "signup", "plan": "pro", "trial_days": 14 }[/copy] METHOD 2 – Global Injector (NEW in v5.0.0) The Global Injector is the most powerful way to automatically add copy buttons anywhere on your website. It allows you to target elements using CSS selectors and control exactly where the copy buttons appear. Key Capabilities Display Conditions – Show copy buttons only on specific pages, posts, categories, or custom conditions. Multiple Style Presets – Choose from Button, Icon, or Cover styles with live preview. Advanced Targeting – Precisely target elements using CSS selectors such as pre, code, blockquote, and more. Performance Optimized – Plugin assets load only on pages where copy buttons are used. How to Use Global Injector Go to Copy to Clipboard → Global Injector in your WordPress dashboard. Click Add New Injector. Enter the CSS selector you want to target (for example: pre, code, or blockquote). Select a style preset – Button, Icon, or Cover. (Optional) Configure Display Conditions to control where the copy button appears. Click Save and preview the changes on your site. METHOD 2 – Automatically with “CSS Selector” This is the quickest and most commonly used method. It automatically adds copy buttons to all elements that match a specific CSS selector. Use this method when you want copy buttons to appear automatically across your entire website without manually adding them to each element. Examples Example 1 – Code Snippets If your posts contain code snippets inside the tag, simply set the selector to pre (without the angle brackets ). The plugin will automatically add a copy button to every element, allowing visitors to copy code snippets with one click. Example 2 – Blockquotes If you want users to copy quotes from your blog posts, set the selector to blockquote (without the angle brackets ). A copy button will automatically appear for all blockquote elements on your site. You can target any HTML element or custom class using CSS selectors such as: pre – If your posts contain code snippets inside the tag. code – If your posts contain code snippets inside the tag. blockquote – If you want users to copy quotes from your blog posts. .coupon-code – If your posts contain coupon codes. .email-address – If your posts contain email addresses. .copy-this – If you want to copy specific content. How to Use with CSS Selector Go to Copy to Clipboard in your WordPress dashboard. Click the Add New button. Enter the CSS selector you want to target (for example: pre or blockquote). Click Create to save the selector. Visit your page and you will see the copy button automatically added to the targeted elements. For more detailed guides: Add copy buttons to blockquotes Add copy buttons to code snippets METHOD 4 – Manually with “Elementor Widgets” The plugin includes multiple Elementor widgets that allow you to easily add copy buttons to specific content on your page. Simply drag and drop a widget and configure the content you want visitors to copy. These widgets are useful for many types of content including: Emails ChatGPT / AI prompts Coupon codes Deals and affiliate links Inspirational quotes Contact information Addresses Social media posts Commands and technical code Passwords and secure values Notes, reminders, and checklists Blog content and educational materials Hashtags and social media resources Research notes and documentation Travel information and packing lists Personal messages and quotes You can explore live examples for all widgets here: View Elementor widget demos How to Use Elementor Widgets Install and activate the Elementor plugin. Open a page and click Edit with Elementor. Search for the widget (for example: Copy). Drag and drop the widget onto the page. Enter the content you want users to copy. Publish the page and test the copy button. For full examples and widget demos: See all live demos Key benefits Global Injector – Selector-based rules, display conditions, and live preview from the admin. One-click copy – No manual selection; clearer affordances for code, coupons, and contact fields. Multiple presets – Button, Icon, and Cover layouts to fit dense UI or minimal docs. Builder-native – Deep Elementor coverage plus Gutenberg blocks for modern sites. Shortcodes – [copy] / [ctc] for surgical placement in the classic editor, widgets, and templates. Mobile and cross-browser – Tested behavior on common phones and current Chrome, Firefox, Safari, and Edge. Lightweight by design – Pair rules with conditions so you are not loading UI where it is unused. PRO – Extra customization, behavior options, and analytics when you need to scale or brand the experience. PRO adds advanced customization and analytics. Compare plans: https://clipboard.agency/pricing/ Trusted by thousands of WordPress sites 10,000+ active installs rely on Copy Anything to Clipboard for docs, deals, dev blogs, and support content. It is built to cooperate with popular themes and page builders (including Elementor) instead of fighting your layout. Feature requests Ideas and edge cases help the roadmap. Share yours: https://clipboard.agency/contact/ Installation, Elementor, Gutenberg, performance, and HTML vs plain text are covered in the FAQ tab on this plugin page. Google Chrome Extension We also provide a Google Chrome Extension that allows users to quickly copy content from any website. Chrome Web Store The extension works perfectly alongside the Copy Anything to Clipboard WordPress plugin, making it easy to copy text, links, commands, code snippets, and more across the web. Further reading Website Documentation Live demos Support More plugins on WordPress.org If the plugin saves you time, you can support ongoing development here: Support development on PayPal Blocks This plugin provides 4 blocks for the WordPress block editor: Copy Icon Add a small icon that lets users quickly copy text or code to the clipboard. Copy Button Add a visible button that allows users to copy content with one click. Term Title Display the title of the current taxonomy term such as category or tag. Social Share Allow visitors to quickly share content across social media platforms.

Enhance Elementor page building experience with 120+ creative elements and extensions. Add powers to your website builder using our easy-to-use Elementor widgets and ready Elementor templates, which were designed to make your next WordPress website design easier and prettier than ever before. Essential Addons for Elementor offers 120+ advanced Elementor widgets with kits, 6,500+ ready templates & WooCommerce builder, serving 2 million+ active users. Check the Demos Completely Customizable Each widget and extension comes with a bunch of options to customize your website in every possible way. You can achieve nearly any design of your imagination. Light Weight & Instant Loading No extra resources or messy code to slow down your website. Optimized for super fast loading and instant Live editing. Elements Control option Enable and disable individual elements adding to make your page load faster and smoother. You can deactivate unnecessary widgets to keep the site light. 6,500+ Ready WordPress Templates & Blocks through Templately Grab access to 3,000+ pre-made Elementor templates from Templately (a large templates cloud for WordPress), that come with Essential Addons.Unlock stunning Elementor templates, blocks & sections;and design your website to stand out from the crowd. Each of these Elementor templates is completely customizable and responsive, and also seamlessly compatible with Essential Addons. You can personalize them effortlessly by changing font, color, etc. Templately also offers advanced features and facilities to save your templates to the cloud. Store all your ready and customized designs with Templately & deploy on hundreds of websites with 1-click. Increase productivity and power up your whole team to build websites faster than ever before. Ready Elementor Templates From Templately: Textivy AI – AI SaaS Template KetoFlow – Keto Diet Website Template IllustrateAI – AI Photo Creation Website Template Expert Support We have an extraordinary support team ready to help you. Ask your questions in the support forum, or contact us directly through live chat and contact form. Elementor Website Builder is required for this plugin. 60+ FREE ELEMENTOR ADDONS AND COUNTING We have designed more than 65+ useful widgets to enhance your Elementor Page Building experience and allow you to climb the peak of your design capabilities. Post Grid – Showcase your blog posts in 3 unique styles Post Timeline – Create stunning timeline for your posts & pages Fancy Text – Design pages using animated texts in 8 different styles Creative Buttons – Quickly add modern buttons with hover effects Countdown – Include a countdown timer to boost click-through rates Team Members – Feature your team members with a few clicks Testimonials – Showcase customer reviews & increase credibility WooCommerce Product Grid – Display WooCommerce products in grid layout Contact Form 7 – Customize beautiful forms without any coding Gravity Forms – Design forms with Elementor & Gravity Forms Ninja Forms – Easily create your form style just the way you want Caldera Forms – Design effective mobile-friendly forms WPForms – Create powerful WordPress forms in minutes weForms – Get an incredibly fast form building experience Info Box – Design beautiful info box from predefined styles Flip Box – Use animated Flip Boxes to highlight any content Dual Color Heading – Highlight your headings with dual colors Call to Action – Design call-to-action buttons with a few clicks Pricing Table – Create Pricing Tables within minutes that convert Twitter Feed – Showcase your latest tweets to your visitors Data Table – Insert attractive data table anywhere you want Filterable Gallery – Share images with an interactive gallery Image Accordion – Highlight your images with amazing hover effects Content Ticker – Use slider & ticker effects to display your content Tooltip – Set tooltip for Icon, Image, Text or shortcodes Advanced Tabs – Display information neatly in nested tabs Advanced Accordion – Add beautiful nested accordions anywhere Progress Bar – Display progress bars with 4+ different styles Feature List – Display feature lists with custom icons and styles Fluent Forms – Design your Fluent Forms container, fields and anything you want Facebook Feed – Display Facebook post feed from your page Sticky Video – Add videos that are sticky on scroll while playing BetterDocs Category Grid – Create documentation in grid layout BetterDocs Category Box – Create documentation in box layout BetterDocs Search Form – Add a live search box for documentation Advanced Data Table – Design large data tables without coding Event Calendar – Create customized event pages Formstack – Design your Formstack forms Woo Checkout – Build attractive WooCommerce Checkout pages youtube Typeform – Embed & design your Typeform forms Login | Register Form – Create amazing login/registration forms Woo Product Compare – Design stunning product compare tables Woo Product Carousel – Add Product Carousels for WooCommerce Simple Menu– Design minimalist navigation menus Woo Product Gallery– Show your products in a filterable gallery Woo Cart– Use WooCommerce Cart page to boost online sales Interactive Circle– Display content with engaging circular layouts NFT Gallery– Add and showcase NFT collections effortlessly Business Reviews– Display Google Customer Review to increase your online reputation SVG Draw– Display SVG elements in a visually striking and interactive way on your website Woo Product List– Showcase your store’s products with a stunning listicle format Woo Product Price– Style your product price with custom colors and typography Woo Product Rating– Show ratings to help customers make informed choices Woo Product Images– Display WooCommerce product images with stunning effects Woo Add to Cart– Make shopping easier with an ‘Add to Cart’ button Breadcrumbs– Improve navigation with breadcrumbs for easy exploration Code Snippet– Display beautifully formatted code on your Elementor website Extensions (Free): Reading Progress Bar – Add progress bar to show reading position Watch YouTube Tutorial Duplicator – Duplicate any page or post in a single click Table of Contents – Display Table of Contents anywhere you want Watch YouTube Tutorial Custom JS – Add custom JavaScript with a few clicks Scroll to Top – Let visitors quickly navigate to the top of your page Wrapper Link – Add custom links into any section, column, or even flexbox Hover Interactions – Create captivating effects on buttons, images, texts and more Liquid Glass Effects – Give your website a sleek, futuristic feel with stunning glass effects Image Masking with Morphing – Create seamless transformations and interactive visual effects with smooth masking & morphing Vertical Text Orientation – Bring style to pages with modern, eye-catching vertical text More elements (50+) on Premium Version Post Block – Display your blog posts with a variety of styles Lightbox & Modal – Create interactive popups after trigger actions Testimonial Slider – Share customer reviews with animated sliders Image Comparison – Let your viewers compare between two images Interactive Promo – Display content with attractive animations Instagram Feed – Display Instagram posts beautifully Advanced Google Map – Create maps with unlimited themes Watch YouTube Tutorial Static Product – Present your static product just the way you want Flip Carousel – Feature your content using a unique carousel style Interactive Cards – Create fascinating effects for your content Content Timeline – Create memory lane with animated scrolling Advanced Menu – Use advanced navigation menu anywhere Twitter Feed Carousel – Share Twitter posts in interactive styles Dynamic Gallery – Add filterable gallery for any content Smart Post List – Design your blog page with modern post list Mailchimp – Design your Mailchimp form with ease Toggle – Share any content in less space with a toggle One Page Navigation – Create one page websites in Elementor Price Menu – Make a beautiful pricing menu for your brands Image Hotspots – Add hotspot icons with tooltips in an image Divider – Separate your section with fancy divider Counter – Highlight important data using the Counter element Team Member Carousel – Display team members in a carousel Post Carousel – Use a carousel to display multiple posts Logo Carousel – Highlight brands or product logos in a carousel Protected Content – Lock your content with password protection Offcanvas – Display content in offcanvas with one click Image Scroller – Show long height images with image scroller Woo Product Slider – Showcase your products in a stunning slider Woo Product Collections– Show product collections beautifully LearnDash Course List– Share LearnDash course list on website Advanced Search– Add a customizable, dynamic search bar Woo Thank You– Design a personalized thank you message on the WooCommerce order confirmation page Woo Cross Sells– Customize the display of cross-sell products to boost your sales potential Woo Account Dashboard– Design a personalized WooCommerce Customer Account Dashboard Fancy Chart– Visualize important data with interactive charts and graphs on your website Stacked Cards– Showcase your website content in a distinctive and engaging way 360 Degree Photo Viewer– Make your website image visible from every angle with adjustable controls Multicolumn Pricing Table– Display pricing plans in multiple columns to compare features and choose the right option Figma to Elementor Converter– Turn Figma designs into fully customizable Elementor Pages Pricing Slider– Showcase dynamic pricing plans with interactive slider control Pinterest Feed – Showcase stunning Pinterest content on your website with beautiful layouts. Extensions (Pro): Parallax – Add creative parallax effects to your content Particles – Add animated particle effects to your content Advanced Tooltip – Make any widget more informative with tooltip Content Protection – Hide your content with password protection Conditional Display– Display your preferred content based on the logic conditions you have set Dynamic Tags– Display content dynamically on your preferred section of the website Interactive animations– Create stunning animations & build a fully dynamic web page Custom Cursor– Transform the default mouse pointer into a fully personalized design More features and improvements are coming on regular updates. Want to unlock the advanced elements? Upgrade to our Pro version Elementor WooCommerce Widgets From Essential Addons With Essential Addons, you get seamless WooCommerce compatibility to showcase products, categories, and filters with ease. There are 11+ beautiful WooCommerce widgets for your every need: Woo Product Carousel – interactive product showcase Woo Product Gallery – filterable product gallery Woo Product Grid – products in grid layouts Woo Product List – products in a listicle format Woo Product Compare – compare products anywhere Single-product elements: Price, Rating, Images & Add to Cart Woo Cart & Woo Checkout – design Cart & Checkout pages with no coding Pro: Product Slider, Product Collections, Cross-Sells, Account Dashboard & Thank You 🏆 FEATURED BY 100+ RENOWNED PUBLICATIONS WP Pagebuilders: “With 60+ additional widgets, Essential Addons is a great add-on to enhance your experience in building a website with WordPress+Elementor.” MonsterPost: “Essential Addons for Elementor has a huge number of active users among all third-party extensions on the market. The widgets are tested in all popular web browsers to ensure full browser compatibility for all elements.” WPCrafter: WordPress influencer Adam Preiser did a Speed Test & found Essential Addons for Elementor is the high-performance solution out there 👇 BACKED BY A TRUSTED TEAM Essential Addons is brought to you by WPDeveloper, a dedicated WordPress product company, trusted by 6 million+ happy users. Documentation and Support For documentation and tutorials go to our Documentation. If you have any more questions, visit our support on the Plugin’s Forum. For more information about features, FAQs and documentation, check out our website at Essential Addons. Happy User of Essential Addons? Join our Facebook Group. Learn from our tutorials on YouTube Channel. Or rate us on WordPress 🔥 WHAT’S NEXT If you like Essential Addons, then consider checking out our other WordPress Plugins: 🔔 NotificationX – Powerful Social Proof & FOMO Marketing Solution to boost conversions & design stunning WordPress notification bars in Elementor 🗒️ BetterDocs – Advanced Documentation & Knowledge Base Plugin for WordPress, which also comes with ready doc templates for Elementor ⏰ SchedulePress – Complete solution for managing WordPress content scheduling through an editorial calendar & Social Share 🔗 EmbedPress – Easy WordPress solution for embedding videos, images, posts, audio, maps and PDF, DOC, PPT & all other types of content into your website using Elementor, Gutenberg and more. 🔎 easy.jobs – Smart and easy recruitment and talent sourcing solution for hiring with AI-powered screening system, question sets, remote interviews, and designing branded career pages with Elementor.