{"id":16761,"date":"2020-11-30T17:00:56","date_gmt":"2020-11-30T16:00:56","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=16761"},"modified":"2020-12-02T09:58:21","modified_gmt":"2020-12-02T08:58:21","slug":"how-to-connect-wordpress-media-library-to-google-drive","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-connect-wordpress-media-library-to-google-drive\/","title":{"rendered":"How to Connect Your WordPress Media Library to Your Google Drive"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]If you run your own WordPress site, there are many things you can do to save up file space and maintain your WordPress storage in general. For example, you can optimize images for the web<\/a> in order to reduce their size while preserving their quality, or back up your files using one of the many available WordPress backup plugins<\/a>. But, another great way to store all your images and documents and save some storage space is by using one of the online cloud services, like Google Drive<\/strong>. All you have to do is connect your Google Drive to your WordPress media library, and you\u2019ll be able to import the files from this popular service directly to your WordPress website.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Luckily, connecting Google Drive to WordPress is quite easy to do. In this article, we will demonstrate all the steps required to do so.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

The Benefits of Connecting Google Drive to your WordPress Media Library<\/h2>\n

[\/vc_column_text][vc_column_text]As one of the most used cloud storage services today, Google Drive<\/a> is a handy addition to anyone dealing with data online \u2013 be it for personal, or business purposes. Namely, Google Drive offers a whopping 15GB of free cloud storage to all Google account users<\/strong>. And this can definitely improve the way you handle and store your website content.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]By connecting your Google Drive directly to the WordPress media library, you will be able to import all your photos, images, and other files you plan to use directly to your website, and insert them into any page or post. This can benefit you no matter if you run a blog of any kind, a news publication, an online store, a photography website, or any type of online portfolio<\/a>.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]So, without further ado, let\u2019s see how you can connect Google Drive to your WordPress Media Library.
\n[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”new-top-picks-banner”][vc_empty_space height=”81px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Connecting Your Media Library to Google Drive With a Plugin<\/h2>\n

[\/vc_column_text][vc_column_text]First and foremost, you should install a WordPress plugin<\/a> called External Media<\/a>.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]After the plugin\u2019s installation and activation, go to Settings >> External Media<\/em><\/strong> to connect the plugin with your Google Drive and set it according to your preferences.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Once there, you will see various tabs that allow you to connect to different storage services, such as Dropbox, OneBox, and of course, Google Drive. You should head to the Google Drive tab and tick the \u201cEnable this plugin\u201d option.<\/strong>[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Google <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Right below, you will also notice fields that require you to enter Client and Application ID.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]You will be able to acquire both IDs if you go to the Google Developers Console<\/a> page and create your own project. So, for your next step, you should head there and start creating your project by clicking the Continue button. By doing so, you will allow Google to enable the Google Picker API.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Create <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]After that, you will need to click on Go to credentials<\/em>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Go <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Since you will be needing a Client ID, simply click on the link named Client ID<\/em>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Client <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Next, you will be required to configure the consent screen. Click on the Configure consent screen<\/em> button.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Configure <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]You will be asked to choose how you want to configure and register your app. The Internal<\/em> user type is only available if you are a G Suite user, so if you\u2019re not, pick the External option and hit the Create<\/em> button.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]You will be led to the OAuth consent screen, where you should give a name to your app. Hit the Save<\/em> button once you are done naming your app.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"App <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]If you are not automatically redirected to the Credentials screen, make sure to click the Credentials<\/em> tab, and then go to +Create Credentials >> OAuth Client ID<\/em>.<\/strong>[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Create <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Choose Web application<\/em> for your Application type<\/em>. You should also assign a name to your client and insert your website\u2019s URL, as well as the oAuth Callback URL<\/em><\/strong>. As for the latter, you will be able to find this URL in the External Media Plugin\u2019s Google Drive settings, at the very bottom of the screen (under the name Redirect URL<\/em>).[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Hit the Create<\/em> button when you\u2019re done.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Credentials <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text] A popup will appear with your client ID information.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Client <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]You should copy and paste this ID into the Google Drive settings of your plugin, in the Client ID field. Also, in the Application ID field, you should copy the first 12 numbers<\/strong> (before the dash) from your Client ID<\/strong>:[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Client <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]After you\u2019re done with copying Client and Application IDs, configure the rest of the options according to your preferences, and hit the Save Changes<\/em> button. This action will connect your WordPress site to your Google Drive.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Now, you should go ahead and create a new page or post. Hit the Add Media<\/em> button if you are using the Classic editor, or choose the Gallery\/Image<\/em> block >> Media Library<\/em> if you\u2019re using Gutenberg.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Gutenberg <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]In the Upload Files<\/em> tab, you will now see the option to import your files from Google Drive.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Import <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]After you click on it, you will be redirected to a window allowing you to choose your Google account (if you have more than one). Once you click the preferred account, a popup will appear, asking you to allow access to your website to view and manage Google Drive files and folders.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Google <\/div>\n<\/div>[vc_empty_space height=”60px”]
\n
\n \"Confirm <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Finally, you will be able to look through your files and folders and import them by clicking on the files in question and hitting Select<\/em>.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Select <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Once you import all the files you want, you will be able to add those files from your media library anywhere on your pages and\/or posts.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Finally, we should mention that all the files you import into your WordPress media library from Google Drive will remain there, even if you end up deactivating the plugin in the future.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Wrapping Up<\/h2>\n

[\/vc_column_text][vc_column_text]As one of the safest and most convenient ways to back up and access all your files, it\u2019s no wonder that Google Drive is one of the most popular cloud services to date. And if you own a WordPress site, connecting your Google Drive to your media library will greatly benefit the way you use and handle your website content<\/strong>. Not only will you be able to access all the files from your Google Drive and insert them directly to your website, but you will also have plenty of extra storage at your disposal, which is valuable for any website \u2013 be it a blog, an eCommerce store, or any other type of online business. As you could see from the steps we presented above, connecting Google Drive with WordPress is quite easy to do. All you have to do is create an app, go through its options to obtain the client and application ID, insert the provided client ID information into the External Media plugin, and you\u2019re all set.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

We will show you all the steps required to connect Google Drive to your WordPress Media Library and improve the way you handle and store your website content.<\/p>\n","protected":false},"author":2,"featured_media":16867,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,4,13],"class_list":["post-16761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/16761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=16761"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/16761\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/16867"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=16761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=16761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=16761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}