How to Upload Media Files to WordPress with Uploadcare

7 Minutes to Integrate

WordPress is an open-source platform which you can use to create websites, blogs, and apps. With Uploadcare integrated, you’ll be able to easily upload media to your WordPress, manage cloud storage, and set up delivery via CDN.

Uploading Media to WordPress. Easily.

Uploadcare provides you with a powerful File Uploader, a WordPress upload plugin (we also call it a widget) that adapts to your app’s look and flow. It allows you to upload files from the frontend and use the uploaded media as you normally would with your post or page editor.

Every image uploaded with File Uploader gets instantly cached by the Uploadcare CDN layers.

All that, without using any of your WordPress storage space.

In this guide, we will show you how to install and configure the Uploadcare plugin for hassle-free image upload to Wordpress. It will take you about 5 minutes.

Step 1. Setup

Before you begin uploading media and images to WordPress, you will need to create WordPress and Uploadcare accounts.

Install WordPress to get started with your site

If you don’t have a WordPress site yet, it’s easy to create one.

Basically, you can either sign up for a free website hosted on WordPress.com or download and install a standalone version from WordPress.org. However, free plugin installation is only available in the standalone version, so we’ll stick with it for this guide.

If you’re not sure where to begin with the installation, take a look at the “Installing Wordpress” section of WordPress Codex.

Create an Uploadcare account for easy WordPress image

You’ll also need an Uploadcare account to upload images to your WordPress site, so Sign Up for one. Once you’ve created it, navigate to your dashboard to create a new project or discover Public and Secret API Keys for an existing one.

If you’re planning to add non-image content to your posts, add billing info to your account settings.

Step 2. Install and Configure the Wordpress Upload Plugin

Log in to your WordPress admin page navigating to https://YourSite.com/wp-admin.

To install the plugin use the built-in WordPress plugin directory. It will take you no more than 25 seconds:

The last thing is to set the Public and Secret API Keys you discovered earlier. In your WordPress admin panel, go to Settings -> Uploadcare and copy them to these fields:

Fields for keys

Also, there are settings for In-Browser Image Editing (Effects Tab). File Uploader implements tabbed navigation, and the Effects Tab is a custom tab for the uploader. It will allow your users to edit images right in their browser, on desktop and mobile:

Other settings cover Upload Sources (to choose where your users can upload files from), and some self-explanatory options:

  • Insert image with URL to the original image
  • Allow multi-upload in the Uploadcare File Uploader
  • Download images to a server from Uploadcare before publishing

You can also:

When you’re done with the settings, click Save Changes.

Step 3. Use Uploadcare With Your Site

The Uploadcare plugin is now ready to accept uploads 🙌

Here are two common ways for you to add media with the plugin:

Adding Media to Media Library

Adding Media to the Post Editor

Conclusion

That’s about it! In just 5 minutes, you can power up your WordPress site with media uploads, cloud storage, in-browser image editing, 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.