Using the WP DISPLAY FILES plugin, you can display Google Drive files & folder structure on the frontend using a shortcode. You can create unlimited shortcodes to display files from google drive according to your requirements. To connect with the google drive storage we have easy to use setup wizard which makes your job easy.

Display file/folders from Google Drive on the frontend

Step 1: Please login into the WordPress admin dashboard and navigate to WP Display Files –> Google Drive Settings.

Google Drive Setting

Step 2: In the ‘Google Drive Setting‘ page insert ‘Client ID’ & ‘Client Secret Key’ and save it.
If you do not have a Client ID & Client Secret Key, please follow this tutorial to generate a google drive Client ID & Client Secret Key.

Google Drive Authorization

Step 3: Now fill the form according to your requirements and choose the following settings.

  • Listing Title: This will appear as the title of the listing on your website (Required).
  • Data Source: Select Google Drive source for display files & folders listing on the frontend.
  • Path: Insert path of your directory which files & folders you want to list on the frontend (Required).

Create Listing

Step 4: After filling in all details. Please select a template from the “Choose Template” tab as per your choice (Required).

Choose Template

Step 5: After this, please save this form and the shortcode will automatically generate after successful form submission.

Step 6: Please grab your shortcode from the shortcode listing page WP Display Files –> Manage Shortcodes. You could found your all-created shortcode there.

Manage Shortcodes Drive

Step 7: Please copy your Google Drive storage shortcodes by clicking on a given button from here.

Google Drive Storage Shortcodes

Step 8: Paste your copied shortcode on your website page/posts/widget where you want to display files & folder listing.

Add New Page

Step 9: After saving the shortcode on your site page. You will see your Google Drive storage files and folders displayed on your front end.

Here is the sample screenshot of the expected result.

Google Drive storage files and folders

Newsletter Signup

Subscribe to our newsletter below and never miss the latest updates or an exclusive offer.