Copy Anything to Clipboard for WordPress – Copy Button, Copy Text & Copy Code vs Happy Addons for Elementor

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]invoices@clipboard.agency[/copy] and include your order ID. Example 3 – Show the mailbox, copy a ready-made mailto link [copy display="support@clipboard.agency"]mailto:support@clipboard.agency?subject=Question%20from%20website[/copy] Visitors see support@clipboard.agency; 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.

HappyAddons is a comprehensive Elementor addon built and maintained by weDevs, a company trusted by the WordPress community for over 13 years. With 150+ Free & Pro Elementor Widgets, 35+ advanced Features, a Free Theme Builder, 500+ Section Blocks, 70+ Full Page Templates, and 650+ Design Presets, you can build websites faster with everything you need in one place. HappyAddons includes a full Theme Builder by which you can build Header, Footer, Single Post Template, and Archive Page Builder – at no extra charge. This means you can build a complete site theme without requiring Elementor Pro. Useful Links Demo | Docs | Videos | Support | IdeaSharing | FacebookGroup | Get Pro 🔑 Key Highlights – 12 Million+ Downloads – 150+ Free & Pro Widgets – More widgets than any competitor at this price tier – 35+ top-notch features – Free Theme Builder – 400+ Design Presets – Professional designs applied in one click, fully customizable – 448+ Section Blocks & 81+ Full Page Templates – Start any site in minutes – No extra loading – Enable only the widgets you need, keep your site fast – Works with any WordPress theme – Expert support available 24/7 70+ Free Elementor Widgets HappyAddons free version includes 70+ Elementor widgets, a full Theme Builder, and more – all at zero cost. We’ve grouped them into a few categories below to help you quickly find the ones you need. 🧩 General – Core building widgets for every type of page Card: Showcase products, articles, and news with image, text, and badge in one widget Info Box: Display key information with icons, headings, and descriptions Icon Box: Icon-first layout for presenting services or features cleanly Team Member: Introduce your team with photos, roles, bios, and social links Dual Button: Two CTA buttons in a single, styled container Skill Bars: Animated progress bars to showcase skills or completion rates Review: Star-rated testimonial blocks with image and text Testimonial: Client feedback sections in multiple layout styles Logo Grid: Display client or partner logos in a clean grid Justified Grid: Isotope-style photo galleries with filtering Image Grid: Simple, stylish image grid layouts Step Flow: Visual step-by-step diagrams for processes or workflows Comparison Table: Side-by-side comparisons for products, plans, or services PDF View: Embed and display PDFs directly on any page Age Gate: Age verification popup for restricted content Content Switcher: Toggle between two sections or pricing plans Lightbox: Video and image lightbox popups Post Tab: Showcase posts within tabs Post List: List any posts Taxonomy List: Create list of posts – sorting categories, tags Image Stack Group: Show images in a stack group Photo Stack: Create a critical layout of Image stacks Lord Icon: Add lord icons in site 🎨 Creative – Make your site visually stand out Gradient Heading: Eye-catching multi-color gradient headlines Image Compare: Before/after image slider with drag control Image Hover Effect: 20+ CSS hover effects applied to any image Image Accordion: Collapsible image panels that expand on hover or click Liquid Hover Image: Liquid distortion effect on image hover Creative Button: Buttons with magnetic, bubble, and advanced hover effects Animated Link: Link text with animated underline and hover effects Text Scroll: Horizontally scrolling marquee-style text 360° Rotation: Interactive 360-degree product image viewer Number: Create number blocks Fun-Factor: It’s a counter widget Promo Box: Add promotional content box WhatsApp Button: Add an interactive click-to-chat button that connects website visitors directly to your WhatsApp 🎥 Slider & Carousel – Smooth, animated content that keeps visitors scrolling Slider: Animated image and content sliders with multiple transition effects Carousel: Text or image carousels with navigation controls 📣 Social Media – Connect your brand presence directly to your website Social Share: Social sharing buttons for any page, post, or product Twitter Feed: Bring Twitter-feed within site Social Icon: Add social links with it 📢 Marketing – Convert visitors with smarter content and scheduling tools News Ticker: Scrolling ticker-style content display for announcements Event Calendar: Google Calendar and event plugin integration Mailchimp Widget: Build and embed Mailchimp signup forms Horizontal TimeLine: Visual horizontal storyline for history or roadmaps Calendly: Integrate Calendly within site. Business Hour: Show the business hours in a tabular style. 📊 Charts & Data – Show numbers, stats, and tables without writing code Bar Chart: Clean, animated bar charts for stats and comparisons Data Table: Fully customizable data tables built inside Elementor 🏗️ Free Theme Builder Widgets Build your complete WordPress site theme – header, footer, single posts, archive pages – at zero cost. No Elementor Pro needed. Site Logo: Customize site’s logo. Site Title: Design site’s title. Site Tagline: Manage site’s tagline. Nav Menu: Create and style navigation menus. Page Title: Stylize page titles. Post Title: Add and style post’s title. Post Excerpt: Customize post excerpts. Post Content: Manage and style single post’s content. Featured Image: Add and customize post’s featured image. Author Box(Meta): Add & style author’s meta descriptions. Post Comments: Customize comment section. Post Navigation: Add & stylize post navigation. Post Info(Meta): Add post’s meta information. Archive Title: Add and style archive page’s title. Archive Posts: Create & style archive posts. 📥 Free Form Styling Widgets (Integration) Style any major WordPress form plugin directly inside Elementor, without writing a single line of CSS. Supported Form Plugins are: Contact Form 7: Stylize CF7 forms. WPForms: Style WPForms. Gravity Forms: Customize Gravity Forms. Ninja Forms: Beautify Nina forms. Caldera Forms: Style Caldera forms. weForms: Style weForms forms. WP Fluent Forms: Beautify Fluent forms. 🔌 Free Features & Extensions 24+ free features included from day one. Take a look at them below: Header Footer Builder: Create free Elementor header and footer. Single Page/post Template Builder: Design and create single blog post’s template for free. Archive Page Template Builder: Design archive page. Custom Mouse Cursor: Add custom cursor effects with blur mode and liquid flow features. Theme Builder: Set display conditions across your entire site Floating Effects: Add Translate, rotate & scale animations on any widget CSS Transform: Add CSS transforms- translate, rotate, scale, and skew. Background Overlay: Allow to add images, colors, & icons behind any widget. Column Control: Rearrange the order of the column in small devices. Happy Clone: Duplicate any post, page, or template instantly Grid Layout: Maintain perfect alignment across layouts Wrapper Link: Hyperlinked to any section/container. Happy Templates(Freemium): 500+ section templates & 70+ full page templates are available. On Demand Asset Loading: Only loads the specific CSS and JavaScript needed for the widgets Happy Shape Dividers: 18+ new shape dividers added within Elementor shape dividers. Equal Heights: Set equal heights to columns/sections/containers/widgets. Happy Line Icons: Get line icon library within elementor. Happy Tooltip: Add tooltips to any element. Scroll To Top: Add scroll to top button. Text Stroke: Add exterior border around heading & title widgets. Manage Column Width by Adding Pixels: Control the column width of widgets with percentage parameters. WPML Support: Ensures complete multilingual compatibility Feature Controller: Allows you to completely deactivate widgets you are not using Fixed Size Controls in Elementor Button: Set a fixed size to Elementor Buttons to make a perfect circular button. Reading Progress Bar: It offers horizontal, vertical, and circular styled reading progress bars. Custom JS: Allows you to inject custom JavaScript code directly into individual widgets Background Parallax: Adds a dynamic multi-layered scrolling effect to your element backgrounds Hugeicons: Use Hugeicons directly in your editor. Liquid Glass: Design modern frosted-glass layouts with fluidly morphing background shapes 75+ Pro Elementor Widgets HappyAddons Pro unlocks 75+ additional Elementor widgets for professional sites, agencies, and developers. 🧩 General – Advanced building blocks for complex layouts and interactions Advanced Heading: Multi-layered heading designs with custom styling per word Advanced Tab: Tabbed content builder with nested element support Advanced Accordion: Accordion builder with nested widget support Modal Popup: Click-triggered popup builder for any content type Countdown: Countdown timers with multiple display styles Timeline: Visual vertical timeline content builder Sticky Video: Picture-in-picture video player that follows the user Source Code: Code snippets with syntax highlighting Table of content: Auto-generated table of contents for any post Advanced Google Map: Fully styled and customizable embedded Google Maps Happy Loop Grid: Build fully custom loop grid items Remote Carousel: Control multiple carousel widgets with one remote control Advanced Comparison Table: Feature-rich comparison tables for products or plans Title Tips: Add amazing title hover effects to your landing page titles. Featured Post: Showcase your most important blog posts in grids, lists, or masonry layouts Unfold Widget: Create unfold items. Feature List: Create beautiful lists items. Advanced Toggle: Show/hide items on toggle. List Group: Add multiple lists beautifully. Breadcrumbs: Visualize site’s breadcrumbs. 🎨 Creative – Next-level visual effects for agency-grade websites One Page Navigation: Smooth one-page scroll with dot navigation Off-Canvas Content/Menu: Slide-in menus and off-canvas content panels Hot Spot: Hotspot images with interactive tooltip overlays Image Swap: Alter images on mouse action. Metro Grid : 16 ready-made metro-style grid layouts Animated Text: Animated headings/texts with it. Happy Mega Menu: Create MegaMenu with Elementor. Flip Box: 3D flip card effects with front and back content panels Hover Box: Animated content panels that reveal on hover Scroll Tabs: Organize vast amounts of text and media into responsive vertical or horizontal tabs Super Buttons: You can create highly interactive call-to-action buttons featuring dual icons Scrolling Image: Add horizontally scrolling images & more Multi Scroll: Split your screen into two distinct vertical columns that scroll in opposite directions Single Image Scroll: Scroll on hover effect on long image. Loop Tab: dynamically pull your WordPress blog posts, custom post types, or WooCommerce products into smooth-sliding tabbed layouts 🎥 Slider & Carousel – Professional multi-layer sliders and controlled carousels Advanced Slider: It’s a slider builder. Creative Slider: Build eye-catching carousels with advanced transition effects Team Carousel: Add multiple team members as carousel. Testimonial Carousel: Showcase testimonials in carousel. Logo Carousel: Add logos in carousel styles. Post Carousel: Create post carousels with it. 📣 Social Media – Pull live social content directly into your pages Instagram Feed: Showcase instagram’s images directly. Twitter Feed Carousel: Create twitter feed carousels. Facebook Feed: Add facebook feed in site. 📢 Marketing – Widgets that drive action and boost conversions Pricing Table: Create advanced pricing table. Price Menu: Display restaurant food menu list. Advanced Pricing Table: Allows you to design highly flexible, conversion-optimized pricing grids complete with toggle switches 📊 Charts & Data – Dynamic data from any source, displayed beautifully Advanced Data table: Create Data Table with GoogleSheets, TablePress, CSV, & Local Database. Line Chart: Showcase stats in line chart style. Pie & Doughnut Chart: Crate animated pie charts. Polar Area Chart: Create polar area charts. Radar Chart: Display data in radar chart styles. 📝 Post & Content – Display and organize your blog content with full control Post Grid: Create post grid items. Post Tiles: Show posts in tiles style. Smart Post List: One combo widget for sticky post, filterable post list. Author List: Show site’s all authors in list. 💰 WooCommerce Widgets Design your WooCommerce store pages inside Elementor with dedicated widgets. WooCommerce Product Grid: Add Woo product grids. WooCommerce Product Carousel: Create Woo Product carousels. WooCommerce Product Category Grid: Create Woo product’s category grids. WooCommerce Product Category Carousel: Create Woo Product category carousel. WooCommerce Single Product: Featured a single Woo product. WooCommerce Mini Cart: Add floating mini cart for Woo stores. 📦 Easy Digital Downloads (EDD) Widgets HappyAddons includes complete EDD store support with 9 dedicated widgets – products, categories, cart, checkout, login, registration. EDD Single Product: Showcase featured EDD item. EDD Product Grid: Add Easy Digital Downlaods product grid. EDD Product Carousel: Create EDD product carousels. EDD Category Grid: Add EDD categories in grid style. EDD Category Carousel: Add EDD Product’s categories in carousels. EDD Cart: Design EDD store’s cart page. EDD Checkout: Style EDD store’s Checkout page EDD login: Customize EDD store’s login page EDD Registration: Design EDD store’s Registration page EDD Purchase: Style EDD store’s Purchase page EDD Download: Customize EDD Download Page. 💎 Premium Features Cross Domain Copy-Paste: You can copy & paste element from one domain to another. Unlimited Section Nesting: Add multiple nested containers & columns within one single columns or containers. Live Copy: Copy designs from our demo pages & paste it in your site! Image Masking: Give various shapes to images by using premade styles / uploading SVG. Theme Builder Advanced Templating Conditions: Advanced template conditioning option, Include & exclude page/posts, or archive pages to set conditions. Particle Effect: Add particle effects – Polygon, NASA, Snow & more. Preset: 400+ preset designs available in HappyAddons. Global Badge: Add badges to any Elementor widget or containers as per your need Multi Layer Parallax: Stack multiple independent images as a background layer, assigning a different scrolling speed Privacy-Policy Happy Addons uses Appsero-SDK to collect some telemetry data upon the user’s confirmation. Read-Policy. Missing-Anything? If you miss anything Submit ideas. Happy-With-Our-Work? We are thankful to you. If it brings smile, please share happiness by giving us 5***** rating.