Skip to main content

Search here to get answers to you questions.

How to Use Integrate Google Drive File Browser Module?

File Browser Module Let your users browse the specific selected Google Drive files and folders. You can easily operate this module if you properly follow the guideline given below:

Step-1: Create File Browser Module

To create a File Browser Module, click on Shortcode Builder from the left middle side of your WordPress dashboard. Create a new Shortcode > select File Browser Module from the Media Types Tab. You can rename the shortcode module title from the upper left side of the screen.

Click Next.

Step-2: Configure the Sources Tab

After selecting File Browser Module, you will select the files and folders that you expect to share publicly.

From the sources tab, select your files by pressing the plus sign icon on the right side of each file & folder. On the right side, your selected items will be highlighted.

Arrange them accordingly by simply dragging them up or down. While doing this process you will discover two ticking options (All Folders & Files & Use Private Folders).

All Folders & Files: If All Folders & Files is enabled, visitors can navigate through all the folders & files of all the linked Google Drive accounts.

Use Private Folders: On the other hand, if Use Private Folders is enabled, users can only navigate through the file & folder they are permitted to. 

Click Next.

Step-3: Configuring Excludes Tab

If you want to exclude something, this step will be helpful for you. The Show Files & Show Folders options are given if you desperately want not to show your files & folders. If both options are disabled, files & folders won’t show.

Show Files: Exclude any files from this option. If turned off, files won’t show.

Show Folders: Exclude any folders from this option. If turned off, folders won’t show.

Exclude Extensions: With the help of Exclude Extensions, you can simply exclude any files by the extensions you want. For example, you want to exclude (.jpg, .png, .ppt, .doc files). Simply type the extension in the exclude box and you get to go. Keep in mind, when Exclude All Expect is enabled, only the typed extension files will not show.

Exclude Names: You can also exclude any file or folder name by using Exclude Names. Type any file or folder name and your items will be excluded right away. Use Exclude All Expect to only show up typed names.

Max File Numbers to Show: Enter the number of how many files you want to show. Leave empty to show all files.

Click Next.

Step-4: Configuring Advanced Tab

The next step is to set up advanced options. There are multiple customizations you can do depending on your test and need. Let’s dive into the guide.

Module Width: From this section, you can customize the module width. The value is given in the percentage (%). Play with this section and customize what you need. Just change the value and test! You can use any valid CSS unit (pixels, percentage), eg ‘360px’, ‘780px’, ‘80%’

Module Height: It’s similar to the width. Normally it’s given auto. You can customize depending on your need. You can use any valid CSS unit (pixels, percentage), eg ‘360px’, ‘780px’, ‘80%’

Browser View: This option is given to let you change your browser view to List or Grid. Select anyone you feel better about and give it a test.

Show Header: It will Show or hide the file browser header. If you don’t want to show the file browser header turn it off. Otherwise, let it turn on! If the header is disabled users won’t be able to see Search, Refresh, and Breadcrumbs.

Sorting: Using this feature you can sort files by Name, Size, Created Date, Modified Date, Ascending, or Descending Direction. Select the option you are thinking to implement.

Click Next.

Step-5: Configuring Permissions Tab

After completing the Advanced options customization, head over to the Permission tab. Here you will mostly work on permission-related tasks.

Upload: While the option is enabled, users will be allowed to upload files. Otherwise, they won’t.

Preview: Allow users to preview files. Here you can also allow Inline Preview & Popout Preview for users.

Download: Allow users to download files and folders directly from your Google Drive once enabled. You can also allow zip download by enabling the Zip Download button.

Delete: Allow users to delete any files & folders

New Folder: Allow users to create new folders. Enable if you want to permit your users to create new folders.

Move/ Copy: Give permission to your users to move or copy files & folders from here to there.

Rename: Once the option is enabled, users can rename files & folders if they want to!

Edit Document: Allow users to edit Google Docs and Office documents.

Allow Share: Allow users to share files & folders. Once enabled, users will be able to share everything, otherwise won’t.

Direct Link: Allow users to generate direct links for files on your website.

View Details: Allow users to view file & folder details (owner, created & modified date, etc).

Allow Search: Allow users to search for files.

Display for: Using this option you can allow permission of your files & folder to everyone and logged-in users. You can also filter manually by user roles or any specific users.

While you finished everything, click Save Changes and copy the shortcode from the shortcode builder page.

Now you can use the shortcode to display the file browser module inside any posts or pages.