When working on new designs, we often have to copy a section already created from another page. Alternatively, for example, we want to "steal" a section from one of the Homepage Demos. There are different methods to copy and paste contents in Uncode.
VC Clipboard Plugin - Backend Editor
If you need to copy a section from one page to another, the best and fastest method is through the use of the VC Clipboard plugin that is part of the theme. With this plugin, you can quickly copy a section of content that is on a page to another page.
Once installed, it enhances the Page Builder with commands to copy our content and those to paste the copied content into a new page.
- To copy a section move the mouse over the small arrow to see the dedicated settings, screenshot .
- To paste the section use the button you have at the top of any pages, screenshot .
Unfortunately, this plugin actually does not support the Frontend Editor.
VC Clipboard Plugin - Frontend Editor
Since Uncode version 2.6.0, it's possible to take advantage of valuable Clipboard plugin enhancements that can help you speed up your workflow.
Clipboard is a helpful plugin for copying and pasting WPBakery modules into the same or other pages, that can be installed or updated from Uncode → Install Plugins.
With the newly introduced options, it's now feasible to use the Clipboard plugin even when working on the Frontend Editor.
Let's clarify the functionalities:
- C : Copy an element;
- C+ : Copy an element and add it to the clipboard stack;
- X : Cut an element;
- X+ : Cut an element and add it to the clipboard stack;
- P : Paste the current copied element or paste the clipboard stack;
How it works
Click Paste on any section/row on the same page or on any other page to paste the section/row from the Clipboard below the section/row. You can paste the same section/row as many times as you want.
If you want to copy and paste a stack of sections/rows, click Copy+ to add a section/row to the clipboard stack (click Cut+ to cut). When you click Paste, all sections/rows will be pasted in the same order as they were added to Clipboard. Please note that when you want to create a stack of sections/rows, you have to start with Copy/Cut and continue with Copy+/Cut+.
Copy/Cut will clear the current stack before adding a section/row to Clipboard.
If you want to copy/cut the content of the column, Copy and Cut commands above the column will show up when the mouse pointer is placed above the column. If you click Copy, the content of that column will be placed on the Clipboard (click Cut to cut content elements). Go to some other column and click Paste to paste column content from the Clipboard.
Place a mouse pointer over the element toolbar to get clipboard commands for individual elements in columns.
In the main Toolbar, there are a few new icons. Let's see how these work to understand how to get the most out of Clipboard, screenshot .
- A: Copy icon;
- B: Indicates how many items are saved in the clipboard stack. If clicked, it empties the clipboard stack.
- C: Paste copied items from the clipboard stack.
Note: Pending on the front end can be slower than on the back end, depending on the number of elements (and subelements) in Clipboard.
Note on Row and Inner Row on Frontend Editor
Please note that it is NOT recommended to copy and paste whole rows or inner rows of content when working with Frontend Editor. In fact, the plugin rebuilds the copied Row or Inner Row, inserting one shortcode at a time in a progressive way. This involves waiting times that can be longer if you paste structures with many elements. If you want to copy and paste a Row or Inner Row on the same page is recommended to use the clone command that, in this case, is much faster and performance, screenshot .
Note on Tabs and Accordion elements
Please note that the plugin does not work with Tabs and Accordion modules. We have reported this issue to the author.
Save as Template
If you want to copy content via Frontend Editor, you can use the Templates feature which allows you to create a library of personal sections.
- Please open a Row or a Module and save it as a template, screenshot .
- Open the Wireframes and Template section and insert this newly created template, screenshot .
This method is available both for the Frontend Editor, both for the Backend Editor.