Live Copy & Paste

How to Copy Elementor Sections Between Two Different Websites

Live Copy & Paste is the cross domain copy paste Elementor workflow that moves a finished section from one website to another in about ten seconds. Hover any section on the live front end, click Live Copy to put its Elementor data on your clipboard, then open the Elementor editor on the second site and use Elementor’s own Paste from other site command. A Download JSON button saves the same data as a file when you would rather build a reusable library. Agencies use it to keep a house style across client sites; freelancers use it to move layouts from staging to production. This documentation covers installing it, choosing who sees the buttons, copying across domains, and reading the copy analytics.

Features:

1. Front-End Copy Button: Hover any section on the live page and copy its design data to the clipboard.
2. Download as JSON: Save the section as a portable file you can import on any Elementor site later.
3. True Cross-Domain Transfer: Standard Elementor JSON, so it pastes into a different domain with styling and custom CSS intact.
4. Role-Based Visibility: Show the buttons to everyone, to logged-in users only, or to editors and administrators only.
5. Specific Section Mode: Restrict the buttons to only the sections you opt in from Elementor’s Advanced tab.
6. Copy Analytics: A Reports tab shows totals, top copied pages and sections, and a daily activity chart.
7. Cache-Safe and Rate-Limited: Requests are nonce-protected, refresh their own token on cached pages, and are throttled per IP.

Requirements

Read this before hunting for a menu item that is not there. Live Copy & Paste is not bundled inside Sky Addons. It is a separate free plugin, Live Copy & Download for Elementor – Cross-Domain Design Transfer by wowDevs, installed on its own. Sky Addons adds no Live Copy tab, toggle or widget. Everything below lives under Settings → Live Copy, which appears only once that plugin is active.

• The Live Copy & Download for Elementor plugin, active on the site you copy from.
• Elementor active on both sites, plus a current version of WordPress and PHP.
• An administrator account to reach Settings → Live Copy.
• Any addon whose widgets appear in the design — including Sky Addons — on the destination site too.

Installing and Setting Up Live Copy

1. Go to WordPress Dashboard → Plugins → Add New and search for “Live Copy”.
2. Click Install Now on Live Copy & Download for Elementor, then Activate. Or upload the folder to /wp-content/plugins/ and activate it there.
3. Open WordPress Dashboard → Settings → Live Copy. It has two tabs, Settings and Reports.
4. Confirm Enable Live Copy is on, choose Show Copy Button and Show Download Button, set Button Visibility, and click Save Settings.
5. Load an Elementor page on the front end and hover a section to confirm the buttons appear.

The Settings Panel Option by Option

Option	Group	What it does
Enable Live Copy	General	Master switch. When off, no buttons render.
Show Copy Button	General	Adds the Live Copy clipboard button to the hover panel.
Show Download Button	General	Adds the Download JSON button to the hover panel.
Disable on Mobile	General	Hides the buttons on touch devices. On by default; the check runs in the browser, so it survives page caching.
Button Visibility	Access Control	Everyone (including visitors), Logged-in users only, or Editors & Admins only.
IP Logging	Access Control	How visitor IPs are logged: Anonymized (default), Full IP, or Don’t log IP.
Specific Section Mode	Advanced	Buttons appear only on sections opted in from Elementor’s Advanced tab.
Help / Video URL	Advanced	Opened by the info icon on the front-end panel.

To keep most of a site clean, turn Specific Section Mode on, then in Elementor select a section, open Advanced → Live Copy and switch Show Live Copy Button to Yes on the few sections you want copyable.

Copying a Section on the Source Site

The copy half of the cross domain copy paste Elementor workflow happens on the live page — you never open the editor on the source site.

1. Visit the published page holding the design you want.
2. Hover the section or container. A small panel of icon buttons fades in.
3. Click Live Copy. The tooltip flashes Copied! and the data is on your clipboard.
4. Prefer a file? Click Download JSON — the tooltip flashes Downloaded! and a .json file lands in your downloads folder.

The panel works on classic sections, flexbox containers and nested containers, so you can grab a whole hero band or just the card row inside it.

Pasting into Elementor on the Other Site

Live Copy prepares the clipboard; Elementor performs the paste. There is no Live Copy paste button, and none is needed.

1. Edit the target page on the destination site with Elementor.
2. Right-click the element you want the design to land beside, or an empty area of the canvas.
3. Choose Paste from other site.
4. The section appears with its layout, colours, typography, animations and custom CSS in place. Click Update.

To use a downloaded file instead, open the .json in a text editor, copy its contents, and run the same command — which is what makes the Download button useful for a private library you can hand to a colleague.

What Travels with the JSON — and What Does Not

The JSON carries the design, not the media library and not the theme.

Travels perfectly	Needs attention after pasting
Layout, widths, gaps, alignment	Images, still pointing at the source site’s URLs
Colours, borders, shadows, backgrounds	Fonts — the family name arrives, the font must exist on the destination site
Typography, spacing and sizes	Global colours and fonts, resolved against the destination site’s kit
Entrance animations and motion effects	Third-party widgets, needing their plugin installed
Custom CSS stored on the element	Dynamic content, re-querying the destination site’s posts

For images, re-upload the files you need into the destination Media Library and repoint each image control. For fonts, enable the same family before judging the result — a missing family falls back to the theme font and makes a good paste look wrong.

Reading the Copy Analytics

The Reports tab answers one question: which of your designs do people actually want? Filter with the Period switcher — Last 7 days, Last 30 days, Last 90 days or All time.

• Total Copies, Total Downloads, Unique Pages and Unique Sections.
• Top copied pages, with clickable links, and top copied sections.
• A Daily Activity chart for the last 30 days, plotting copies and downloads separately.
• Export CSV and Import CSV for moving history between environments.

History is kept for 180 days, then pruned automatically. Before pushing a staging database over live, either exclude the plugin’s history table from the migration or export the CSV first and import it afterwards — importing only adds rows, so re-running a file is safe.

---

Example: Moving a Pricing Section from a Demo Site to a Client Site

You keep a demo site at demo.agency.com with a three-column pricing block refined over a dozen projects, and a new client site at client.com needs it. Both run Elementor and Sky Addons; only the demo runs Live Copy.

1. On the demo site, set Button Visibility to Editors & Admins only so visitors cannot lift your work, and save.
2. As an administrator, visit demo.agency.com/pricing/, hover the container wrapping all three cards (not one card) and click Live Copy.
3. On the client site, edit the Plans page, right-click below the page heading and choose Paste from other site.
4. The cards arrive with gradients, badge pills and hover states intact — the Pricing Table widget renders because Sky Addons is active here too.
5. Fix the images. The plan icons still load from demo.agency.com. Upload those three files to the client’s Media Library and pick the local copy in each image control.
6. Fix the fonts. The headings ask for the demo site’s display font. Enable that family, or switch the heading Typography to the client’s brand font — a substituted font changes line heights.
7. Replace the demo copy with real plan names and prices, point the buttons at the client’s checkout URLs, and update.
8. A week later, open Reports set to Last 7 days. The pricing page tops the list, so the block earns its place in your library.

Hands-on time is a few minutes, and the client page matches the demo apart from the words and images you swapped.

Best Practices

• Set visibility before the site goes public. “Everyone” suits a template showcase you want copied; for a client site, Editors & Admins only is safer.
• Copy the container, not the widget. The wrapper carries the grid, gaps and background that make a design work.
• Re-host images straight away. A section still loading media from another domain breaks the day that domain changes.
• Match the plugin set first, so widgets render on the destination site instead of arriving empty.
• Use Download for a reusable library, Copy for one-off moves.

Troubleshooting

• No buttons appear on hover. Check three things: the plugin is activated, Enable Live Copy is on, and Button Visibility matches how you are browsing — set to Editors & Admins only, the buttons stay invisible while logged out. On a phone, Disable on Mobile is on by default.
• Buttons only show on some sections. Specific Section Mode is on. Turn it off, or set Show Live Copy Button to Yes on each section you want included.
• Paste from other site does nothing, or pastes something older. The clipboard never received the data — usually a browser blocking clipboard access on an insecure connection. Serve the source site over HTTPS, click Live Copy again and watch for the Copied! flash before switching tabs. If clipboard access stays restricted, use Download JSON.
• The section pasted but looks unstyled or half empty. A plugin the design depends on is missing, or a font family is unavailable there. Install the matching plugins, then compare typography before editing values.

Frequently Asked Questions

Is Live Copy & Paste included in Sky Addons?

No. It is a separate free plugin, Live Copy & Download for Elementor, installed alongside Sky Addons. Sky Addons has no Live Copy tab or toggle. Everything for this feature lives under Settings → Live Copy.

How do I copy an Elementor section from one website to another?

Hover the section on the live front end of the source site and click Live Copy, then open the Elementor editor on the destination site, right-click the canvas and choose Paste from other site. No export file or FTP is involved.

Do I need the plugin on both websites?

Only on the site you copy from. The destination needs Elementor, because the paste is Elementor’s own command, plus any plugin whose widgets appear in the design.

Do images come across when I copy a section between sites?

The image settings come across, but the files stay in the source site’s Media Library and keep their original URLs. Re-upload them to the destination site and repoint each image control.

Can I stop visitors from copying my designs?

Yes. Set Button Visibility to Logged-in users only or Editors & Admins only, or turn Enable Live Copy off when you are not moving designs. Password-protected and private pages are never exposed through the copy endpoint.

How is this different from the Sky Addons Templates Library?

The Templates Library inserts ready-made pages and blocks from Sky Addons’ own catalogue inside the Elementor editor. Live Copy moves your designs between your sites. They solve different problems and work well together.

Conclusion

Live Copy & Paste turns cross domain copy paste Elementor work into two clicks: copy on the live page, paste in the editor on the other site. Remember it ships as its own free plugin rather than inside Sky Addons, match the button visibility to how public your site is, and budget a minute after each paste for images and fonts. Pair it with the Templates Library and the Widgets & Extensions manager to build the same quality of page on every project. If you get stuck, our team is at https://wowdevs.com/support/.