Wix Help Center
    Home
  1. Managing your business
  2. Business solutions & apps
  3. Wix apps
  4. Google Drive
    5. Adding and Setting Up the Google Drive App

Adding and Setting Up the Google Drive App

Note:
The Google Drive app has replaced the Google Docs app. 
With the Google Drive app, you can display any file or folder you have on your Google Drive. Just connect the app to your Google Drive and select what you want to display.

Step 1 | Add the Google Drive app to your site

Start by adding the Google Drive app to your site. 

To add the Google Drive app:

  1. Open the App Market:
    • Editor: Click the Add Apps icon  on the left side of the Editor.
    • Editor X: Click the App Market icon  on the top bar of Editor X.
  2. Type "Google Drive" in the search bar and select Google Drive from the drop-down menu.
  3. Click Add to Site.
  4. Click OK.

Step 2 | Connect your Google account

Once you've added the Google Drive app to your site, you need to connect your Google account. 

To connect your Google account:

  1. Click the Google Drive app in your Editor. 
  2. Click Settings.
  3. Click Connect Account.
  4. Sign in to your Gmail account and click Allow.
  5. Select a file to display: 
    • Click Select File or Folder.
    • Navigate to the file or folder you want to display and click to select it.
    • Click Select. 
    • Click Change to Public (Relevant only if the file or folder was set as "Private" in your Google Drive).
      Note: When you click "Change to Public": 
  • Files: This also changes your permission setting in your Google Drive.
  • Folders: Changing the permission to "Public" allows not only the selected folder, but also all its subfolders and files, to be viewed by visitors to your Google Drive. 

Step 3 | Edit the app settings

Get the most out of your app, by customizing your file and folder settings. 

To edit the app settings:

  1. Click the Google Drive app in your Editor. 
  2. Click Settings.
  3. Click the Settings tab. 
  4. Choose what you want to do:
    • Edit your file settings: 
      • (Optional) Click the Replace icon to select a different file or folder.
      • Click the Allow editing toggle:
        • Enabled: Any site visitor can edit the file.
        • Disabled: The file is view only.
          Note: By allowing editing on your site, the editing permission in Google Drive also changes. You can change it back at any time in your Google Drive. 
    • Edit your folder settings:
      • (Optional) Click the Replace icon to select a different file or folder.
      • Select or deselect the checkmarks to show or hide file info.
      • Click to select the order in which files are displayed.
        Note: Site visitors can reorder the files for themselves on your live site.
      • Click the Enable Search toggle:
        • Enabled: Site visitors can search for files.
        • Disabled: Site visitors cannot search for files.

Step 4 | Customize the app design

Blend the app into your site by changing the design settings for your files and folders.

To customize the app design:

  1. Click the Google Drive app in your Editor. 
  2. Click Settings.
  3. Click the Design tab.
  4. Choose what you want to do:
    • Edit your file design:
      • Drag the slider to change the Border width.
      • Drag the slider to round the corners of the file display.
      • Click the color box to select the border color. Drag the slider to change the border opacity.
    • Edit your folder design:
      • Click the drop-down menu to customize the folder name font. Click the color box to select the text color.
      • Click the drop-down menu to customize the other text font. Click the color box to select the color.
      • Click the color box to select a color for the divider lines.
      • Drag the slider to change the divider width. 
      • Click the color box to select the color when visitors hovers over a file. Drag the slider to change the hover opacity.
      • Click the color box to select the background color. Drag the slider to change the background opacity.

Step 4 | Change the privacy settings to "public"

In order to display folders and files on your site, you need to change the privacy settings to "public". Once you do this, you can display public folders and files on your site. This can be done for both personal and business accounts. 

To change the privacy settings:

  1. Choose one of the following options:

FAQs

Click a question below to learn more. 

Did this help?

|

Related Content

Setting Permissions for Google Drive Files and Folders

Hire a Wix Partner

Get help with your website's design, marketing and small tasks from a professional freelancer or agency.
Start Now