Exciting News! Flipper Code is now WePlugins! Same commitment to excellence, brand new identity.

Show Files & Folders Listing from Google Drive

Sandeep Kumar Mishra
Sandeep Kumar Mishra
September 8, 2021
5 minutes read
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 Google Drive storage, we have an easy-to-use setup wizard that makes your job easy.

Display files/folders from Google Drive on the frontend

  1. Step 1: Please log in to the WordPress admin dashboard and navigate to WP Display Files –> Google Drive Settings.
    Google Drive Settings
  2. Step 2: On the ‘Google Drive Setting’ page, insert your ‘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 them.

    Google Drive API Settings
  3. 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 displaying files & folders on the frontend.
    • Path: Insert the path of your directory where the files & folders you want to list on the frontend are located (Required).
    Create Google Drive Shortcode
  4. Step 4: After filling in all details, please select a template from the “Choose Template” tab as per your choice (Required).
    Choose Template
  5. Step 5: After this, save the form and the shortcode will be automatically generated upon successful submission.
  6. Step 6: Retrieve your shortcode from the shortcode listing page WP Display Files –> Manage Shortcodes. You will find all your created shortcodes there.
    Manage Shortcodes
  7. Step 7: Copy your Google Drive storage shortcode by clicking the provided button from the shortcode listing.
  8. Step 8: Paste your copied shortcode into the desired page, post, or widget on your website where you want the files & folder listing to appear.
    Paste Google Drive Shortcode
  9. Step 9: After saving the shortcode on your site page, you will see your Google Drive storage files and folders displayed on your frontend.
    Here is a sample screenshot of the expected result:

    Google Drive Files and Folders Listing

Explore the latest in WordPress

Trying to stay on top of it all? Get the best tools, resources and inspiration sent to your inbox every Wednesday.