I often need to add screenshots and other images as image modules in a Divi Builder layout. I found the process of saving the image and then uploading it into WordPress / Divi to be unnecessarily time consuming, so I created the Divi Copy & Paste plugin to streamline the process.
Here's an example of the process with and without Divi Copy & Paste:
Without Divi Copy & Paste
- Save the image to your computer
- Click to insert a new module in Divi Builder
- Locate and select an image module
- In module settings, click to "Upload an Image"
- Locate the image on your computer and upload
- Click "Set as Image" to insert into the module
- Save the module settings
With Divi Copy & Paste
- Copy the image to the clipboard
- Paste image into the new "Paste Into Divi" box
- Right click the "Insert Module" button
- Click "Paste Module" to insert as image module
How Divi Copy & Paste Works
When you copy images and text, your computer stores them in an area called the "clipboard" until they are pasted into another document or application. Divi has its own, separate clipboard, which it uses when you copy and paste modules, rows, etc, within Divi Builder. However, there is no connection between the two – images you save to your computer's clipboard aren't available in Divi – you need to save and then upload them.
Divi Copy & Paste bridges this gap. It gives you an place where you can paste images from your computer's clipboard into Divi. When an image is pasted into Divi – by pasting it into the "Paste into Divi" box the plugin adds to the WordPress admin bar – Divi Copy & Paste uploads the image to your WordPress media library and then creates and saves a module to Divi's own clipboard. The image module, complete with your image, is now available to be pasted into Divi using Divi's built-in "Paste Module" option.
An Example of Divi Copy & Paste
Let's say you have a screenshot in Paint and you want to add a cropped section of it as an image module in your Divi Builder layout. Here's how:
Here is what is happening
When I capture an image using Windows Shift S – the image is uploaded with DIVI Paste. But if I capture the image using Ctrl C or Ctrl X – the image won't transfer
This plugin no longer works – tried deleting and reinstall – nothing
Hey Pete, thanks for the comment. I think the issue might be with the data being copied to the clipboard to being with. Are you able to give me an idea of what you're copying from (e.g. is the browser, or an app such as Word), and how you select it (e.g. do you just click on it before you do Ctrl C, or are you dragging an area with the mouse to select it?). What might be happening is that instead of a plain image, the clipboard could be receiving HTML (or similar) wrapping an image – which isn't then being recognized as an image. I should be able to say more once I understand where your image is coming from.
For reference, the plugin is still working for me in the various ways I use it – mainly copying images from paint programs (via Ctrl C) and copying images from webpages (via "Right Click > Copy Image" in Chrome).
Thanks!
Buggy – Images disappear.
Hi Dion, I'm sorry to hear you're having this issue. Is there any chance you're able to give me a bit more detail on what you're seeing (or not). If you're able to describe the steps to reproduce it, or send through a screenshot, etc, that would be very helpful. Thanks!
need support, copy&paste does not work for me! Divi 4x and newest WP
Ok, now I found the item position and it working fine :-)
Great! Thanks for letting me know, Petra :)