How Does the Copy Paste Feature Work in Bricks?

The Copy Paste feature lets you copy a styled element directly from a live WDesignKit Bricks demo page and paste it straight into your own site’s Bricks editor, carrying its exact styling with it.

1. What It Does

Copy Paste transfers a Bricks element’s real settings, not just its appearance, from any WDesignKit demo page (btemplates.wdesignkit.com) into your own Bricks editor canvas.

2. Why It Matters

Recreating a demo’s exact spacing, colors and settings by hand is slow and error-prone. Copy Paste transfers the underlying element data, so the result matches the demo exactly instead of approximating it visually.

3. What You Get

A Copy button on every style variant shown on a live WDesignKit Bricks demo page, and a paste target inside your own Bricks editor canvas.

4. Benefits

Saves rebuilding a style from scratch and matches the demo pixel for pixel, since it copies the real element data rather than a visual reference.

5. Capabilities

• Copy any listed style variant from a live WDesignKit Bricks demo page
• Paste directly into the Bricks editor canvas with Ctrl+V or right-click Paste
• Works across domains, copy from the demo domain and paste into your own site

6. How It Works

Clicking Copy on the demo page serialises that Bricks element’s data to your clipboard in the same format the Bricks editor uses for its own copy and paste. Pasting into a real Bricks canvas decodes that clipboard data back into a native element.

7. How to Use It

1. Open the demo site (for example btemplates.wdesignkit.com) and navigate to the element you want, such as the Marquee Logo Wall.
2. Review the available styles and pick the one you want, for example Style 2.
3. Click the Copy button next to that style.
4. Wait for the processing indicator, then the “Copied” message.
5. Open your own site in the Bricks editor.
6. Click the + icon to add a new element.
7. Paste the copied content (Ctrl+V or right-click Paste).
8. Adjust layout, styles and settings to match your site.

8. Use Cases

• Rebuilding a marketing landing section that matches a WDesignKit showcase design exactly.
• Speed-testing a new layout idea by pasting a finished demo element instead of building one from a blank canvas.

9. Limitations

• The element you copy only renders correctly if the same widget or element type is already installed on your own site, for example the Marquee Logo Wall must be installed locally too, not just present on the demo.
• Copy Paste currently exists for Bricks only, there is no equivalent cross-domain clipboard Copy button on the Elementor or Gutenberg demo pages.

10. Troubleshooting

• Pasted element loses its styling: the source widget or element is not installed on your site yet, install it first, then copy and paste again.
• Copy button stuck on “processing”: the browser lost clipboard permission for the tab, refresh and allow clipboard access if prompted.
• Paste does nothing in the Bricks canvas: click directly inside the Bricks editor canvas, not the WordPress admin bar or browser chrome, before pressing Ctrl+V.