> ## Documentation Index
> Fetch the complete documentation index at: https://cloudinary.com/documentation/llms.txt
> Use this file to discover all available pages before exploring further.

# Optimize images and videos in WordPress (video tutorial)

## Overview

This video tutorial teaches you how to optimize the delivery of images and videos on your WordPress site using the [Cloudinary Wordpress plugin](wordpress_integration). 

## Video tutorial

  This video is brought to you by Cloudinary's video player - embed your own!Use the controls to set the playback speed, navigate to chapters of interest and select subtitles in your preferred language.

## Tutorial contents
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.### Introduction
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=00 :player=cld} | WordPress is a great content management system, but using it without good processes for optimizing your media assets can hurt your experience and performance. To solve your optimization problems, you can use the Cloudinary WordPress plugin, which automatically optimizes your media across your whole site.
|

### Install the Cloudinary WordPress plugin
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=29 :player=cld} | To install the plugin, search for Cloudinary in your WordPress plugins dashboard and click **Install Now** followed by **Activate**. You should now see the Cloudinary menu entry on the sidebar.
|

### Set up and configure the plugin
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=0 :sec=47 :player=cld} | If you don't have a Cloudinary account you can [sign up for free](https://cloudinary.com/users/register_free). Click **Next** to begin set up. You'll need to find your connection string from the [Cloudinary dashboard](https://console.cloudinary.com/console). Under account details, copy the API environment variable and paste it into the **Connection string** field of the WordPress plugin wizard. Once successfully connected, click **Next** to view the optimization settings. For most sites, the default settings will provide the best optimization. You're now set up and Cloudinary will start syncing your media assets to your Cloudinary product environment.
|

> **NOTE**:
>
> You can no longer access your full credentials directly from the Dashboard. Find your **Cloud name** on the Dashboard, and all credentials, including **API Key**, **API Secret**, and **API environment variable**, on the [API Keys](https://console.cloudinary.com/app/settings/api-keys) page of the Cloudinary Console Settings.

### View media status and impact on site
{table:class=tutorial-bullets}|  | 
| --- | --- |
|{videotime:id=media :min=1 :sec=56 :player=cld} | Head to the **Media** section to view the sync status of your media assets. Once successfully uploaded, you can view the assets on your site. In this example, the images have been replaced by SVG placeholders to prevent the page shifting. Once loaded, you can see that the images have been automatically optimized and served by Cloudinary, including the use of [automatic format](image_optimization#how_to_optimize_image_format) and [quality](image_optimization#how_to_optimize_image_quality). This also works for videos, where the file size for the video is reduced considerably.
|

## Keep learning

> **READING**:
>
> * Dive deeper into the [WordPress plugin](wordpress_integration) and the available options.

> * Learn about the different ways to [optimize your images and videos](media_optimization).

> * See how optimization improves [e-commerce workflows](ecommerce_best_practices#optimize_image_and_video_performance).

#### If you like this, you might also like...

  
  
  
    Optimization Tips
    Tips for delivering optimized images 
  

  
  
  
    Optimize Videos in React
    Optimize delivery of videos in a React app 
  

  
  
  
    Video Transformations
    Build an e-commerce video showcasing products, in Node.js 
  

 

 Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.