How to Upload Images and Files to WordPress with Uploadcare

7 Minutes to Integrate

WordPress platform is open-source and free to use, yet it's just a CMS part of your blog or a website. It doesn't come with a free hosting plan. For example, wordpress.com offers paid hosting.

Uploadcare plugin helps you break free from your WordPress hosting limitations and provides you with the following functionality with a focus on image optimization and delivery:

  • File Uploader (up to 5 GB)
  • Drag and drop uploading, works for multiple files
  • In-browser image editing
  • Flexible storage and backups
  • Responsive image delivery via CDN, etc.

Update notice

The current version of the Uploadcare plugin 3.x works with the latest WordPress versions 5.x and supports the new visual Gutenberg post editor. Also, it brings Uploadcare features, such as Adaptive Delivery into your WordPress.

More features are coming soon, e.g., Media Library sync with Uploadcare storage.

Prerequisites

An installed WordPress instance or a paid plan at WordPress.com that supports plugins.

An account at Uploadcare. For testing purposes, you can use both a Free plan or a Trial to any of the paid plans. Learn how to sign up at Uploadcare.

Step 1. Installing Uploadcare plugin

Log in to your WordPress admin panel https://yoursite.com/wp-admin.

There is an official Uploadcare plugin for WordPress that you can find in the plugin list.

To install the plugin, go to Plugins, Add New, and search for "Uploadcare". Install and Activate it.

Step 2. Setting up plugin

Now, you need to link your WordPress plugin with your Uploadcare account. There are API Keys for that (Public and Secret Keys). Get them from your Uploadcare projet's Dashboard and insert them into the respective fields in the Plugin settings.

Go to Settings > Uploadcare. Open your project's Dashboard in a new tab. Copy your Public Key from the upper-right corner and paste it in the respective field of your WordPress settings tab.

Next, go back to your Dashboard for a Secret Key. Select API keys from the left menu and generate a new Secret Key. Copy it (or download it as a text file) and use it with your WordPress.

Tip: The rule of thumb is that one Secret Key works for one integration with a service (e.g., WordPress). Generate more keys are delete them as you need. This is how you manage integrations.

Save changes in the WordPress settings, and the integration is now complete in less than 5 minutes!

Continue reading to learn how to use Uploadcare File Uploader.

Step 3. Insert Uploadcare images to posts

Next, go back to your Dashboard for a Secret Key. Select API keys from the left menu and generate a new Secret Key. Copy it (or download it as a text file) and use it with your WordPress.

Tip: The rule of thumb is that one Secret Key works for one integration with a service (e.g., WordPress). Generate more keys are delete them as you need. This is how you manage integrations.

Save changes in the WordPress settings, and the integration is now complete in less than 5 minutes!

Continue reading to learn how to use Uploadcare File Uploader.

Step 3. Insert Uploadcare images to posts

While editing a post, you can add a new block, select Uploadcare image.

Use the desired upload source: local files, social networks, etc. This image upload will go to your project storage at Uploadcare that you've integrated with WordPress. Also, it'll be listed in your WordPress Media Library as well.

Edit images after uploading or anytime later. You can customize the File Uploader in the plugin settings. For example, select only upload sources you're going to use. Also, you can customize the Editing features.

Preview

Uploaded images will be delivered via Uploadcare CDN on preview and when you publish the post. The Adaptive Delivery feature kicks in here and optimizes images on the fly depending on the client's device and browser. It includes srcset auto-creation for responsive images, lazy loading, etc.

Check out the stats for this page. All WordPress text and script content is loaded from the original domain, and the image is loaded from ucarecdn.com. It's size is 105.70 KB while the original file was 9.9 MB.

Safari stats on WordPress page with CDN image

Step 4. Managing Media Library

It's also possible to do file and image uploading via Uploadcare right from your Media Library.

Either way, Uploadcare images will be stored in your project's storage and listed in Media Library as external images.

Summary

With the Uploadcare plugin, you can upload large files, insert images and edit them right in your WordPress posts. It powers up your WordPress content creation experience and backs up with a secure cloud storage and CDN delivery.

Learn more about Uploadcare concepts in our docs and check the WordPress Codex for any topics related to WordPress. You can also check out the WPArena article on accelerating WordPress media with Uploadcare when building a photoblog.

If you have any questions, feel free to post them in our community area.