uploadcaredocs

Serverless File Uploads for WordPress
7 Minutes to Integrate

WordPress is open source software you can use to create a beautiful website, blog or app. Integrating Uploadcare with WordPress will help you with media uploads, cloud storage, CDN delivery.

You will be able to handle serverless file uploads through a powerful File Uploader that adapts to your app’s look and flow.

You’ll be able to use uploaded files and images as usual 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:

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

Before We Begin

WordPress Installation

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 the guide.

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

Uploadcare Account

In case you don’t have an Uploadcare account, Sign Up for one. Once you get it, navigate to your dashboard to create a new project or discover Public and Secret API Keys for an existing one.

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

Step 1. Install and Configure the 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 Public and Secret API Keys you discovered earlier. In your WordPress admin panel, go to Settings -> Uploadcare and copy them in these fields:

Fields for keys

Also, there are settings for In-Browser Image Editing (Effects Tab). File Uploader implements tabbed navigation, and 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 multiupload in Uploadcare widget
  • Download images to a server from Uploadcare before publish

When you’re done with settings, don’t forget to hit Save Changes.

Step 2. 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 WordPress Codex for any topics on WordPress. You can also check out the WPArena article on accelerating WordPress media with Uploadcare when building a photoblog.

In case you have any questions, feel free to post those around our community area.

We’re always happy to help with code, integration, and other stuff. Search our site for more info or post your question in our Community Area.