Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo conectar Google Drive a la biblioteca de medios de WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Te preguntas cómo conectar Google Drive a tu biblioteca de medios de WordPress?

Una vez realizada esta conexión, podrás acceder a todas tus imágenes, fotos y archivos de Google Drive directamente desde el escritorio de WordPress. Esto puede ahorrarte tiempo y esfuerzo, además de ser una excelente forma de compartir archivos con otros usuarios de WordPress sin tener que compartir tu contraseña de Google.

En este artículo, te mostraremos cómo conectar fácilmente Google Drive a tu biblioteca de medios de WordPress.

How to connect Google Drive to your WordPress media library

¿Por qué conectar Google Drive a tu biblioteca de medios de WordPress?

Google Drive es una de las herramientas gratuitas de Google más populares y es una excelente forma de almacenar y compartir todo tipo de archivos, incluidas imágenes.

Si sueles subir imágenes a Google Drive, puedes ahorrar tiempo y esfuerzo conectando tu cuenta de Google Drive a la biblioteca de medios de WordPress.

A continuación, podrás acceder a cualquier imagen de tu cuenta de Google Drive directamente desde el escritorio de WordPress.

How to connect Google Drive to the WordPress media library

Con esta integración, puedes añadir imágenes de Google Drive a cualquier página o entrada con solo hacer clic en un botón.

¿Gestionas un blog de WordPress con varios autores o aceptas blogs de invitados?

Si compartes el escritorio de WordPress con otras personas, al conectar Google Drive a WordPress podrás compartir imágenes y archivos sin tener que compartir tu contraseña de Google.

Esto ayuda a mantener la seguridad de tu cuenta de Google y facilita el bloqueo del acceso a Google Drive cuando ya no es necesario.

Dicho esto, veamos cómo puedes conectar Google Drive a tu biblioteca de medios de WordPress.

Cómo conectar Google Drive a tu biblioteca de medios de WordPress

La forma más fácil de conectar Google Drive a WordPress es mediante el uso de JoomUnited WP Media Folder Cloud Addon Google Drive Integration.

Este plugin y extensión te permiten acceder a los archivos de Google Drive desde la biblioteca de medios de WordPress. También puede crear carpetas y organizar los archivos dentro de su cuenta de Google.

Establecer el plugin WP Media Folder

Lo primero que tienes que hacer es instalar y activar el plugin WP Media Folder. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, aparecerá el asistente de configuración. Para empezar, haga clic en el botón “Continuar para comprobar el entorno”.

How to check your WordPress environment

Tras unos instantes, la carpeta WP Media mostrará alguna información acerca de su entorno WordPress, como su versión PHP y sus extensiones.

Para continuar, haga clic en el botón “Continuar”.

Connecting Google Drive to the WordPress media library

Ahora puedes desactivar las características de galería y caja de luz.

Estas características le permiten crear, editar y borrar carpetas dentro de la biblioteca de medios de WordPress, por lo que recomendamos dejarlas activadas / activadas.

Configuring the WP Media Folder WordPress plugin

Una vez hecho esto, haga clic en el botón “Continuar”.

Ahora verá algunas características adicionales que puede querer utilizar. Los ajustes por defecto deberían funcionar bien para la mayoría de los sitios web de WordPress, pero puede activar las características adicionales utilizando sus conmutadores.

Por ejemplo, si utiliza un maquetador de páginas de WordPress, puede que desee activar la característica “Carpeta de medios de WP en portada / vista pública”.

Cuando esté satisfecho con los ajustes, haga clic en “Continuar”.

Enabling extra features in a WordPress plugin

Tras unos instantes, verá el siguiente mensaje: ‘Ha completado la configuración rápida del plugin’.

Cuando esté listo, haga clic en el botón “Ir a la biblioteca de medios”.

How to connect WordPress to your Google Drive

Instalar la extensión WP Media Folder Cloud

A continuación, tendrá que instalar y activar la extensión WP Media Folder Cloud. Puedes instalar esta extensión de la misma forma que instalas un plugin de WordPress.

WP Media Folder dispone de un conector automático que permite enlazar WordPress con Google Drive sin necesidad de crear un proyecto en Google Cloud Console. Por ese motivo, recomendamos utilizar el conector automático.

Sin embargo, si no puedes utilizar el conector, te mostramos cómo conectarte a Google Drive manualmente al final de esta guía.

Para conectar Google Drive a tu biblioteca de medios de WordPress, debes ir a Ajustes ” General.

Connecting a website to your Google Drive account using a WordPress plugin

Aquí, desplázate hasta la sección ‘Actualizaciones en directo de Joomunited’.

Después, haz clic en ‘Enlazar mi cuenta Joomunited’.

Connecting WordPress to your Joomunited account

En el mensaje / ventana emergente que aparece, introduzca el correo electrónico y la contraseña de su cuenta JoomUnited.

Después, basta con hacer clic en “Acceder”.

Connecting WordPress to a Google Drive using your JoomUnited account

Ahora ya puedes conectar Google Drive a tu blog de WordPress.

Simplemente vaya a Ajustes ” Carpeta de medios WP para empezar.

Connecting a website to Google Drive

En el menú de la izquierda, selecciona “Nube” y “Google Drive”.

Aquí, basta con hacer clic en “Automático”.

Connecting Google Drive to WordPress using an automatic connector

Ahora puedes seguir adelante y hacer clic en el botón “Conectar Google Drive”.

Cómo organizar las imágenes de Google Drive

Ahora que estás conectado a Google Drive, puedes acceder a tus archivos y organizarlos directamente en el escritorio de WordPress.

Sólo tienes que ir a Medios ” Biblioteca y seleccionar la nueva opción Google Drive en el menú de la izquierda.

Accessing Google Drive images in the WordPress dashboard

Ahora puedes navegar por todas las imágenes de Google Drive.

Además, puede filtrar y ordenar estas imágenes o mostrar más tipos de archivo utilizando la fila de botones de la barra de herramientas.

Filtering, organizing and sorting images in the WordPress media library

También puedes crear nuevas carpetas para gestionar tus imágenes. Cualquier cambio que realices en el escritorio de WordPress se sincronizará automáticamente con la cuenta de Google Drive conectada.

De este modo, los usuarios pueden organizar y gestionar las imágenes aunque no tengan acceso directo a la cuenta de Google conectada.

Para empezar, puede crear una nueva carpeta al hacer clic en el botón “Añadir nueva carpeta”.

Creating Google Doc folders in the WordPress admin area

En el mensaje / ventana emergente que aparece, escriba un nombre para la carpeta.

A continuación, basta con hacer clic en “Crear”.

Creating an image folder in the WordPress dashboard

Esto crea una nueva carpeta bajo la carpeta principal de Google Drive.

Para añadir imágenes a la carpeta, haz clic en el botón “Añadir nuevo” y selecciona un archivo de tu ordenador local. Esta imagen se añadirá tanto a la biblioteca de medios de WordPress como a tu cuenta de Google Drive.

Adding images to a new folder in the WordPress dashboard

Si llevas un tiempo con tu sitio web en WordPress, es posible que ya tengas muchas imágenes en la biblioteca de medios. En este caso, puedes realizar fácilmente una copia de seguridad de tu contenido de WordPress en Google Drive subiendo estos archivos a tu cuenta de Google.

Para ello, sólo tiene que seleccionar “Biblioteca de medios”.

Moving files between WordPress and Google Drive

A continuación, busca la imagen que quieras subir a Google Drive.

Puedes arrastrar y soltar la imagen en la carpeta principal de Google Drive o en cualquier subcarpeta que hayas creado.

Organizing your Google Docs using a WordPress plugin

Simplemente repita estos pasos para organizar los archivos de WordPress en su biblioteca de medios.

Añadir imágenes de Google Drive a su sitio web WordPress

Ahora puedes añadir fácilmente cualquier imagen de Google Drive a tus páginas y entradas de WordPress. Para ello, sólo tienes que añadir un bloque de imagen en el editor de contenido de WordPress y, a continuación, hacer clic en el botón “Biblioteca de medios”.

How to easily add Google Drive images to your WordPress pages and posts

En la biblioteca de medios de WordPress, selecciona “Google Drive” o elige cualquier carpeta de Google Drive.

Ahora verás todos los archivos de medios que puedes añadir.

Adding photos and image files to WordPress using a Google Drive plugin

Basta con hacer clic en el archivo que desee utilizar.

Una vez hecho esto, puede escribir el texto alternativo de la imagen, añadir leyendas y mucho más exactamente de la misma forma que añade cualquier imagen en WordPress.

Adding alt text, a description, caption, and more to images in WordPress

Cuando esté listo, simplemente haga clic en el botón ‘Seleccionar’. WP Media Folder añadirá la imagen a tu página o entrada de WordPress.

Conexión manual de Google Drive a la biblioteca de medios de WordPress

Si no quieres utilizar el conector automático de WP Media Folder, puedes conectarte a Google Drive manualmente en Google Cloud Console.

Crear un proyecto de Google Cloud

Para empezar, dirígete a Google Cloud Console. Si es la primera vez que visitas la consola, deberás aceptar los términos y condiciones y elegir si deseas recibir actualizaciones por correo electrónico.

Una vez hecho esto, haga clic en “Aceptar y continuar”.

Agreeing to the Google terms and conditions

Accederá a la consola de Google Cloud.

Tendrá que crear un nuevo proyecto, así que haga clic en “Seleccionar un proyecto”.

Creating a new project in the Google dashboard

En el mensaje / ventana emergente que aparece, seleccione “Nuevo proyecto”.

Ahora puede escribir un nombre para el proyecto. Esto es sólo para su referencia, por lo que puede utilizar cualquier cosa que desee.

En esta pantalla, también puedes añadir una organización opcional y cambiar la ubicación en la que Google Cloud Console creará tu proyecto.

Entering the information for a new Google Drive project

Cuando esté satisfecho con la información que ha introducido, siga adelante y haga clic en “Crear”.

Activar la API de Google Drive

A continuación, seleccione “API y servicios activados” en el menú de la izquierda y haga clic en “Activar API y servicios”.

Enabling Google APIs

Esta pantalla muestra todas las API que puedes activar. Por ejemplo, puede mostrar los últimos vídeos de su canal de YouTube activando la API de datos de YouTube o añadir un calendario de Google en WordPress mediante la API de calendario.

Para conectar Google Drive a WordPress, desplázate hasta la sección “Espacio de trabajo de Google” y haz clic en “API de Google Drive”.

Enabling the Google Drive API

Esto te lleva a una pantalla en la que puedes activar la clave que WordPress utilizará para acceder a Google Drive.

Sólo tiene que seguir adelante y hacer clic en el botón “Activar”.

How to enable the Google Drive API

Crear un ID de cliente OAuth 2.0

Una vez hecho esto, abre el menú haciendo clic en el icono de línea de la esquina superior izquierda.

A continuación, seleccione “API y servicios”, seguido de “Credenciales”.

Creating credentials for a Google Cloud Console project

Aquí, debe hacer clic en “Crear credenciales”.

En el menú desplegable, debe seleccionar “ID de cliente OAuth”.

Creating an oAuth client for your WordPress website

En la pantalla siguiente, haga clic en el botón “Configurar pantalla de consentimiento”.

Ahora puede elegir si desea crear una aplicación interna o externa. Si seleccionas “Interna”, solo los usuarios de G Suite de tu organización podrán acceder a la aplicación. Si seleccionas “Externa”, tu aplicación estará disponible para cualquier persona que disponga de una cuenta de Google.

Una vez tomada la decisión, puede hacer clic en “Crear”.

Creating an internal or external Google app

A continuación, deberás introducir información acerca de la aplicación de Google y añadir la dirección de correo electrónico de tu empresa.

También deberá introducir el nombre del dominio en el que tiene previsto utilizar la aplicación.

Registering an app in the Google Cloud Console

Después de rellenar este formulario, haga clic en el botón “Guardar y continuar”.

Ahora puedes especificar el contenido al que podrá acceder la aplicación y las acciones que puede realizar añadiendo ámbitos. Para ver todas las extensiones de Google Drive, haz clic en el botón “Añadir o eliminar extensiones”.

Adding scopes to your Google project

Para añadir una extensión a su proyecto, sólo tiene que marcar / comprobar su casilla.

Ten en cuenta que Google revisará cualquier extensión que esté marcada como sensible.

Adding scopes and APIs to a Google Cloud Console project

Después de añadir todas las extensiones que desee utilizar, deberá hacer clic en “Actualizar”.

Para pasar a la pantalla siguiente, haga clic en “Guardar y continuar”.

Adding permissions to a Google project

En este punto, es posible que desee introducir algo más de información acerca de su aplicación, incluyendo cómo planea utilizar la aplicación.

Este paso es opcional, pero puede ayudar a Google a verificar y aprobar su proyecto más rápidamente.

Verifying your app in the Google Console

Cuando estés listo para continuar, sólo tienes que hacer clic en el botón “Guardar y continuar”. Google mostrará ahora un resumen de toda la información que has introducido.

A continuación, abra el menú haciendo clic en el icono de la línea y seleccione “Pantalla de consentimiento de oAuth”.

Connecting Google Drive to a WordPress project

Verás que tu aplicación está actualmente en modo de prueba.

Para activarla, haz clic en “Publicar aplicación”.

Publishing a Google application

Google Cloud Console mostrará ahora información acerca de los pasos adicionales que deberás seguir para superar el proceso de verificación. Estos incluyen enlazar tu política de privacidad y añadir tu sitio de WordPress a Google Search Console.

Después de leer esta información, basta con hacer clic en el botón “Confirmar”.

Pushing a Google app to production

Añadir el ID de cliente y el secreto de cliente a WordPress

Una vez hecho esto, está listo para crear el ID de cliente y la clave secreta.

En el menú de la izquierda, seleccione “Credenciales”.

Creating credentials in the Google Cloud platform

A continuación, haga clic en “Crear credenciales”.

En el menú desplegable que aparece, debe seleccionar “ID de cliente OAuth”.

Creating a client ID and client secret for your WordPress blog or website

En la pantalla siguiente, abra el menú desplegable y seleccione “Aplicación web”.

Ahora puedes escribir un nombre para tu cliente OAuth 2.0. Esto es sólo para tu referencia, así que puedes usar lo que quieras.

Creating a Google web application

A continuación, desplácese hasta la sección “Orígenes de JavaScript autorizados”.

En el campo, escriba el nombre de dominio de su sitio web.

Adding a WordPress website as an authorized JavaScript origin

En “URI de redirección autorizada”, añada la siguiente URL, asegurándose de sustituir “https://your-domain.com” por su propio nombre de dominio:

https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated

Adding your site as an authorized direct URL

Una vez hecho esto, desplácese hasta la parte inferior de la pantalla y haga clic en “Crear”.

Al cabo de unos instantes, Google mostrará tu ID de cliente y tu secreto de cliente en un mensaje / ventana emergente. Necesitarás esta información, así que anótala en un lugar seguro.

Getting a client secret and client ID from the Google Cloud Console

También puede descargar la información como archivo JSON.

Para añadir el ID de cliente y el secreto de cliente a WordPress, vaya a Ajustes ” Carpeta de medios de WP en el escritorio de WordPress.

Adding a Google client ID and client secret to the WordPress dashboard

En el menú de la izquierda, selecciona “Nube” y, a continuación, “Google Drive”.

A continuación, debe seleccionar “Manual”.

Manually connecting a WordPress blog or website to your Google Drive account

Una vez hecho esto, sólo tienes que pegar el ID de cliente y el secreto de cliente en los campos “ID de cliente de Google” y “Secreto de cliente de Google”.

Ahora, haz clic en “Conectar a Google Drive”.

Connecting to your Google Drive account using WP Media Folder

En la ventana emergente que aparece, selecciona la cuenta de Google Drive que deseas utilizar.

Ahora verás información acerca de todos los datos a los que podrá acceder la aplicación y las tareas que puede realizar. Solo tienes que marcar / comprobar la casilla siguiente a cada permiso que solicite la aplicación.

Granting an app access to your Google Docs

A continuación, haga clic en “Continuar”.

Por último, haz clic en el botón “Guardar cambios”.

Adding a client secret to your website or blog

Ya has conectado correctamente Google Drive a tu biblioteca de medios de WordPress.

Bonificación: Importar Google Docs a WordPress

Además de conectar Google Drive con tu sitio web, también puedes importar Google Docs a WordPress.

Por ejemplo, si aceptas entradas de invitados en tu sitio web y un usuario envía una entrada en Google Docs, no puedes copiar y pegar directamente el contenido en el editor de bloques.

Si lo hace, obtendrá muchas etiquetas HTML no deseadas y, a veces, puede incluso perder todo el formato original.

En ese caso, es mucho más fácil importar el archivo de Google Docs que copiar y pegar el contenido en WordPress. Para ello, puedes utilizar Grammarly, que es una popular herramienta de gramática.

Basta con crear una cuenta en la plataforma y, a continuación, pegar el contenido de Google Docs en su editor.

Pasting a Google Doc into the Grammarly writing assistant

Una vez hecho esto, todas las etiquetas HTML se eliminarán automáticamente del contenido. Ahora puede copiar y pegar la entrada del blog en el editor de bloques de WordPress, donde se mostrará con el formato adecuado y sin etiquetas HTML.

Para obtener instrucciones detalladas, consulta nuestro tutorial sobre cómo importar fácilmente Google Docs a WordPress.

Esperamos que este artículo te haya ayudado a aprender a conectar Google Drive a tu biblioteca de medios de WordPress. También puedes consultar nuestra guía sobre cómo crear flujos de trabajo automatizados en WordPress o nuestra selección de las mejores soluciones de análisis para usuarios de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

29 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Yinka says

    hi,

    please is there a way to Link media from hard drive on computer with wp site, instead of uploading it to media library… thanks

    • WPBeginner Support says

      We do not have a recommended method for that at the moment as that would require your computer to send the images to anyone trying to view them on your site and if your computer is ever turned off they would no longer be able to see images on your site until it is turned back on.

      Administrador

  3. sashi hari sulochan says

    i am using this plugin to embed videos in my wordpress website, how to hide the poput option of google drive

    • WPBeginner Support says

      For customizing the plugin, you would want to reach out to the plugin’s support and they should be able to assist you :)

      Administrador

  4. Ted Keith says

    I get all the way through this and have the import from google button. Click on the button and sign in with google. Nothing happens, Just goes right back to the import from google button screen. Sigh… wish stuff just worked sometimes. That’s an hour wasted.

  5. Gabriel says

    Same as below. I can import photos from Google Drive but it doesn’t upload properly, it shows a grey box. Images are not imported. What should I change? Thanks for your support

  6. derred beh says

    after following the steps, I can import photos from Google Drive,
    but the file size is just 962B, and when try to view them, I just see a black page, with the square box in it.
    Looks like the images are not properly imported?
    How to fix this?

  7. Giwa says

    my clients newly design WordPress e-commerce site and he is selling eBook. can he use google drive as storage where the buyer can download the eBook after payment?

  8. thisisyeeseul says

    I am using it but it’s still using WordPress storage.
    i wonder, is it possible to use it without storing wordpress?

    plz let me know! thanks!

  9. Stephanie says

    I just tried to install the plugin and it crashed my entire site. Anything I click on gives me this error.

    Parse error: syntax error, unexpected in /home/content/02/14034602/html/wp-content/plugins/external-media/plugins/Box.php on line 75

    This error is the only thing showing on my site to the public right now.

    HELP!

  10. Kerry says

    Hi TARIQ, CAn you help me?
    On the AOath consent screen..there is a place to click on your Gmail account …my husband’s keeps coming up and it’s not giving me any way to put in my address. This occurs right before “product name shown to users”. How will it know to access my Gmail account/photos.?

  11. Courtney says

    This is not working. I uploaded the plugin and had to do a very complicated Developer setup on Google and WordPress setup. But it is does not do what I need. I need to be able to upload the photos out of my Google Photos into my WordPress.org site, period. This does not display all my updated photos and instead has my documents from years back. The few photos it does show import in as a Google code instead of a picture.

    Please develop a simple Google Photos upload plug-in instead of this.

  12. Arsyila Maulidia says

    Yes, nice info, i just apply on my web and succsesfully connect to google drive,

    I’m arsyila
    Great from Indonesia

    Succses for wpbeginner

  13. Tariq says

    Question,
    Is this method will fit Google SEO requirements? I dont think so and this will reduce our score. (If it will work)

    The correct way using google drive with ANY website is to have G-Suit account and point an Google website (Only available in G-Suite since last Aug, 31 2017) as a sub domain in your website. This way you will increase your score by hosting static content in CDN.

    Good luck.

    • J. Nijhuis says

      This is not a CDN, it;s just an addon for directly browsing Google Drive images from within WP. The files are imported into your WP media library just like any other image you upload.

  14. Mayank says

    Found an error, unable to work.

    Uncaught TypeError: Cannot read property ‘add’ of undefined
    at Object. (external-media-view.js:23)

  15. Abdulaziz Alnasi says

    as you know that google offers Google photos service for free with unlimited storage, so what I think about is to store my images into google photos instead of having them on my host.
    since I have shared hosting this method will decrease the load on my server.

    so the question is: is (Google Drive) way will allow me to store my images into Google photos instead of google drive?

    • Tariq says

      No, Google give permission to host your image and call it from Google drive folder inside your website but ONLY if you are G-Suit member.

  16. Virgo says

    With the plugin version 1.10.14 the callback url is changed from

    example.com/index.php?external_media_plugin=GooglePickerAPI
    to

    example.com/index.php?external_media_plugin=GoogleDrive

    And in the Google API Console you need to enable the Google Drive APi too!

  17. galodu says

    Great plugin. Thanks a lot for through instructions. Everything is in place. Only issue I am facing is that the images are not properly imported to media library. Images are corrupted. Please let me know how to solve the issue.

  18. Orestis Rovakis says

    That’s very informational and i will use it soon. But what brought me here waas the search for a way to transfer all my media filew to Google Drive so i can save space from my server. Does anyone know anyway to do that?

  19. Dinil Abeygunawardane says

    This is great, but this imports files to WP!
    Is there a way to display images on WP without importing them?

    • Tony says

      I totally agree. This is what brought me here too. A way to display images from a cloud storage service such as Dropbox or Google Drive without storing them into WordPress Media Library!
      This would be totally useful. What about CDN’s, do they do that?

      • vikash says

        hi Tony
        Do Know that how is it possible? please tell me in detail i really need this for my website. thank you

      • Tariq says

        This already Google drive offer it exactly in the way you ask but you need to be Google Suit member for 5$/m and they are giving you a real big benefit for this money, not only G-Drive, but much much more.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.