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 on your site. Just connect the app to your Googl...

Adding and Setting Up the Google Drive App

<div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The Google Drive app has replaced the Google Docs app. </div></div></div></div><div data-component-type="text"><div>With the Google Drive app, you can display any file or folder you have on your Google Drive on your site. Just connect the app to your Google Drive and select what you want to display.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/12345678-1234-1234-1234-1234567890ab/2023/05/16/040ccb22-a9a1-46c1-8761-804f09bfdd12/af7a6305-2187-4f2e-b8a6-f200ff99bd3d.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-the-google-drive-app-to-your-site" level="3">Step 1 | Add the Google Drive app to your site</h2></div><div data-component-type="text"><div>You can find the Google Drive app in the Wix App Market. Go to the App Market in your editor to add it to your site.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div><br /></div><ol>
  <li>Click <strong>Add Apps </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/24/fdfa6035-0515-49cd-bb10-d4944db1edb5/dadbb3a0-fafa-4627-ac02-0fcb2f693cb1.jpeg" /> on the left side of the editor.</li>  <li>Search for the Google Drive app in the search bar.</li>  <li>Click <strong>Add to Site</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2024/06/24/ad07fa86-48ef-447b-aa64-fc6e35fc4b9c/3bf71db5-3773-40f4-aeba-1db1dc54f85d.png" /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Click <strong>App Market </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/a2918f67-d273-4a37-8732-0647c258dd80/2d376fcf-b752-495e-8434-c30443c20b8e.png" /><strong> </strong>on the left side of the editor.</li>  <li>Search for the Google Drive app in the search bar.</li>  <li>Click <strong>Add to Site</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2024/06/24/bbe0061b-4ced-4f16-bf45-e799e80cf226/8b26626e-80c8-4757-a01f-296fa4acee43.png" /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-connect-your-google-account" level="3">Step 2 | Connect your Google account</h2></div><div data-component-type="text"><div>Once you've added the Google Drive app to your site, it is time to connect your Google account. </div></div><div data-component-type="heading"><h2 id="" level="4">To connect your Google account:</h2></div><div data-component-type="text"><ol>
  <li>Click the Google Drive app in your editor. </li>  <li>Click <strong>Settings</strong>.</li>  <li>Click <strong>Connect Account</strong>.</li>  <li>Sign in to your Gmail account and click<strong> Allow</strong>.</li>  <li>Select a file to display. </li>  <li>Click <strong>Select File or Folder</strong>.</li>  <li>Navigate to the file or folder you want to display and click to select it.</li>  <li>Click <strong>Select</strong>. </li>  <li>(If necessary) Click <strong>Change to Public</strong>.<br />
<strong>Note: </strong>When you click<strong> Change to Public: </strong>
    <ul>
      <li><strong>Files: </strong>This also changes your permission setting in your Google Drive.</li>      <li><strong>Folders: </strong>Changing the permission to &quot;Public&quot; allows not only the selected folder, but also all its subfolders and files, to be viewed by visitors to your Google Drive. </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-edit-the-app-settings" level="3">Step 3 | Edit the app settings</h2></div><div data-component-type="text"><div>Get the most out of your app, by customizing your file and folder settings. </div></div><div data-component-type="heading"><h2 id="" level="4">To edit the app settings:</h2></div><div data-component-type="text"><ol>
  <li>Click the Google Drive app in your editor. </li>  <li>Click <strong>Settings</strong>.</li>  <li>Click the <strong>Settings</strong> tab. </li>  <li>Choose what you want to do:
    <ul>
      <li><strong>Edit your file settings: </strong>
        <ul>
          <li><strong>Replace a file:</strong> (Optional) Click the <strong>Replace</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2019/03/04/bdbeaab2-2bd2-4ab2-9f38-b6f883bad710.png" /> to select a different file or folder.</li>          <li><strong>Allow editing:</strong> Click the <strong>Allow editing </strong>toggle to allow users to make changes to your file:
            <ul>
              <li><strong>Enabled: </strong>Any site visitor can edit the file.</li>              <li><strong>Disabled: </strong>The file is view only.<br />
<strong>Note:</strong> 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. </li>            </ul>          </li>        </ul>      </li>      <li><strong>Edit your folder settings:</strong>
        <ul>
          <li><strong>Replace file</strong>: (Optional) Click the <strong>Replace</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2019/03/04/bdbeaab2-2bd2-4ab2-9f38-b6f883bad710.png" /> to select a different file or folder.</li>          <li><strong>Display file info</strong>: Select or deselect the checkmarks to show or hide file info.</li>          <li><strong>Select default sort</strong>: Click the drop-down to select the order in which files are displayed.<br />
<strong>Note: </strong>Site visitors can reorder the files for themselves on your live site.</li>          <li><strong>Enable search</strong>: Click the <strong>Enable Search </strong>toggle to enable or disable search:
            <ul>
              <li><strong>Enabled:</strong> Site visitors can search for files.</li>              <li><strong>Disabled:</strong> Site visitors cannot search for files.</li>            </ul>          </li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-customize-the-app-design" level="3">Step 4 | Customize the app design</h2></div><div data-component-type="text"><div>Blend the app into your site by changing the design settings for your files and folders.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the app design:</h2></div><div data-component-type="text"><ol>
  <li>Click the Google Drive app in your Editor. </li>  <li>Click <strong>Settings</strong>.</li>  <li>Click the <strong>Design</strong> tab.</li>  <li>Choose what you want to do:
    <ul>
      <li><strong>Edit your file design:</strong>
        <ul>
          <li><strong>Border width</strong>: Drag the slider to change the <strong>Border width</strong>.</li>          <li><strong>Background corner radius</strong>: Drag the slider to round the corners of the file display.</li>          <li><strong>Background color and opacity</strong>: Click the color box to select the border color. Drag the slider to change the border opacity.</li>        </ul>      </li>      <li><strong>Edit your folder design:</strong>
        <ul>
          <li><strong>Select folder name</strong>: Click the drop-down menu to customize the folder name font. Click the color box to select the text color.</li>          <li><strong>List items text</strong>: Click the drop-down menu to customize the other text font. Click the color box to select the color.</li>          <li><strong>Divider lines color</strong>: Click the color box to select a color for the divider lines.</li>          <li><strong>Divider lines width</strong>: Drag the slider to change the divider width. </li>          <li><strong>Hover color and opacity</strong>: Click the color box to select the color when visitors hovers over a file. Drag the slider to change the hover opacity.</li>          <li><strong>Background color and opacity</strong>: Click the color box to select the background color. Drag the slider to change the background opacity.</li>        </ul>      </li>    </ul>  </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-5-change-the-privacy-settings-to-public" level="3">Step 5 | Change the privacy settings to &quot;public&quot;</h2></div><div data-component-type="text"><div>In order to display folders and files on your site, you need to change the privacy settings to &quot;public&quot;from the Share settings. Once you do this, you can display public folders and files on your site. This can be done for both personal and business accounts. </div></div><div data-component-type="text"><div>Depending on the account type you have, click on the option below to learn how to change your file settings.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Change the privacy settings for a personal account</h4><div class="collapsible-content"><ol>
  <li>Right-click the relevant folder or file in Google Drive.</li>  <li>Select <strong>Share</strong>.</li>  <li>(Optional) Type specific names or groups in the text field to give them access.</li>  <li>Click the drop-down arrow<img data-composite="true" src="https://lh3.googleusercontent.com/zfrH4n2Q715LRIoZGbdTJKOhMP8f364D4wGLrUzbf--Y0u7VVDEj0n2bD_PaHlxhBd4=w18-h18" />under <strong>General access</strong> to change the access setting.</li>  <li>Click the drop-down arrow<img data-composite="true" src="https://lh3.googleusercontent.com/zfrH4n2Q715LRIoZGbdTJKOhMP8f364D4wGLrUzbf--Y0u7VVDEj0n2bD_PaHlxhBd4=w18-h18" />on the right and choose what viewers can do:
    <ul>
      <li><strong>Viewer</strong>: Anyone with the link can view the files in the folder. </li>      <li><strong>Commenter</strong>: Anyone with the link can view and comment on the files in the folder.</li>      <li><strong>Editor</strong>: Anyone with the link can view, comment, organize files, add new files, and edit existing files in the folder. </li>    </ul>  </li>  <li>Click <strong>Done</strong>. </li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2023/05/15/7115372e-ebdd-42f5-95cb-796206495332/2de27cf5-2e86-4bd0-91ec-4805ff168c62.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Change the privacy settings for a business account</h4><div class="collapsible-content"><div>If you are the owner of this business account, you can change the privacy settings to provide certain people or groups within your organization with access. </div><div><br /></div><ol>
  <li>Right-click the relevant folder in Google Drive.</li>  <li>Select <strong>Share</strong>.</li>  <li>(Optional) Type specific names or groups in the text field to give them access.</li>  <li>Click the drop-down arrow<img data-composite="true" src="https://lh3.googleusercontent.com/zfrH4n2Q715LRIoZGbdTJKOhMP8f364D4wGLrUzbf--Y0u7VVDEj0n2bD_PaHlxhBd4=w18-h18" />under <strong>General access</strong> to change the access setting:
    <ul>
      <li><strong>Restricted:</strong> Only people that have the link or in the share list can access the folder or file. </li>      <li><strong>Company specific access:</strong> Anyone from your company domain with the link can access the folder or file. <strong>Note:</strong> What you see here is unique to your company. </li>    </ul>  </li>  <li>Click <strong>Done</strong>. </li></ol><div><br /></div><div><strong>Note: </strong>In order to <a data-composite="true" href="https://support.google.com/a/answer/60781?hl=en" target="_blank">share company folders or files publicly,</a> you need to have admin access. Ask your company administrator for access. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What does &quot;Restricted Access&quot; mean?</h4><div class="collapsible-content"><div>Restricted Access means that your folders and files are restricted to certain people. Only the people you allow access can access the folder or file. </div><div><br /></div><div><strong>Tip:</strong> Use this setting when you have a folder or a file that you need to restrict to certain people or groups. E.g. Class timetables for teachers. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What does &quot;Anyone with the link&quot; mean?</h4><div class="collapsible-content"><div>This setting means that anyone that has been given the link by you (or someone else) can access the folder or file. </div><div><br /></div><div><strong>Tip:</strong> Use this setting when you have a folder or a file that you need to restrict to certain people or groups. E.g. Class timetables for teachers. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What file types are displayed?</h4><div class="collapsible-content"><div>You can display a Google file (e.g. Google Sheets, etc.) or a non-Google file you upload it to Google Drive (e.g. a Microsoft Word file etc.). </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I give editing permissions on all of my files?</h4><div class="collapsible-content"><div>Editing permission can only be given for Google files. You cannot allow site visitors to edit other files you uploaded to your Google Drive (e.g. a Microsoft Word file). These files are always view-only.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What is company specific access?</h4><div class="collapsible-content"><div>Company specific access is unique to your company. Anyone from your company domain that has the link can access it. </div><div><br /></div><div>For example, a folder is uploaded to a website for a school, this folder has class timetables for teachers that are employed in the school. Once the teachers are logged in to the website under their company credentials, they have access to the folder and can view the timetables. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I have a business account, why are my files not displaying?</h4><div class="collapsible-content"><div>You can connect a <a data-composite="true" href="https://gsuite.google.com/" target="_blank">Google Workspace business account</a>, but company files can only be displayed if your organization allows files and folders to be &quot;Public on the web&quot;<strong>. </strong>You need to check this with your company. </div><div><br /></div><div><strong>Note: </strong>You also need to have admin access to the folder and files in order to share publicly. Your company can provide this. </div></div></div></div>

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. In order to do so, they must be set as &quot;P...

Setting Permissions for Google Drive Files and Folders

<div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The Google Drive app has replaced the Google Docs app.  </div></div></div></div><div data-component-type="text"><div>With the Google Drive app, you can display any file or folder you have on your Google Drive. In order to do so, they must be set as &quot;Public on the web&quot;. In this article, we'll show you how to change your sharing permissions, and also to set what viewers can do inside the file or folder.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-permissions-for-a-google-drive-file" level="3">Setting Permissions for a Google Drive File</h2></div><div data-component-type="text"><div>Some common Google Drive files include Docs, Sheets, Slides, Forms and Drawings. To display any of these on your site, they must be public, however you can choose if you want to allow visitors to edit and comment as well.</div></div><div data-component-type="heading"><h2 id="" level="4">To set permissions for a file:</h2></div><div data-component-type="text"><ol>
  <li>Select the file you want to share.</li>  <li>Click <strong>Share </strong>on the top right.</li>  <li>Click the drop-down arrow<img alt="Down" height="18" src="https://lh3.googleusercontent.com/zfrH4n2Q715LRIoZGbdTJKOhMP8f364D4wGLrUzbf--Y0u7VVDEj0n2bD_PaHlxhBd4=w18-h18" width="18" />under <strong>Get Link</strong>. </li>  <li>Choose to share the file with <strong>Anyone with the link</strong>.</li>  <li>To decide what people can do with your file when you share it, select either, <strong>Viewer</strong>, <strong>Commenter</strong>, or <strong>Editor</strong>.</li>  <li>Click <strong>Copy link</strong>.</li></ol><div><br /></div><div><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2020/09/14/3fb011f2-7d67-4905-b10a-50460c90f2fc/797e34d2-b8c6-4194-8bbc-72cf3610f1ff.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-permissions-for-a-google-drive-folder-1" level="3">Setting Permissions for a Google Drive Folder</h2></div><div data-component-type="text"><div>Google Drive folders can contain multiple files. If you make the folder public, viewers have access to all the files inside it, unless you change their individual file settings. When making the folder public, you can also choose if others can contribute, or just view the contents.</div></div><div data-component-type="heading"><h2 id="" level="4">To set permissions for a folder:</h2></div><div data-component-type="text"><ol>
  <li>Select the folder you want to share.</li>  <li>Click <strong>Share </strong>on the top right.</li>  <li>Click the drop-down arrow<img alt="Down" src="https://lh3.googleusercontent.com/zfrH4n2Q715LRIoZGbdTJKOhMP8f364D4wGLrUzbf--Y0u7VVDEj0n2bD_PaHlxhBd4=w18-h18" />under <strong>Get Link</strong>.</li>  <li>Choose to share the folder with <strong>Anyone with the link</strong>.</li>  <li>Click the drop-down and choose what viewers can do:
    <ul>
      <li><strong>Viewer</strong>: Anyone with the link can view the files in the folder. </li>      <li><strong>Commenter</strong>: Anyone with the link can view and comment on the files in the folder.</li>      <li><strong>Editor</strong>: Anyone with the link can view, comment, organize files, add new files, and edit existing files in the folder. </li>    </ul>  </li>  <li>Click <strong>Copy link</strong>.</li></ol></div>

How to begin

Choosing a template 

Hiring a professional to build your site

Use Wix to build your site and business. Try our AI tools to create a site, customize our templates or hire a professional to create or enhance your web presence.

Getting started

Learn how to use Wix to build your site and business.

Wix Editor basics

Using the Editor tools

Your site's layout

Strips and columns

Structuring your site

Designing your site

Pages

Menus

Managing pages and menus

Text

Buttons

Containers and boxes

Slideshows

Shapes and lines

Adding and customizing elements

Images

Galleries

Videos

Documents and files

Adding files and media

Working with elements

Using effects and animation

Sharing and promoting your site

Adding advanced elements

Getting Started

Mobile Tools

Pages on Mobile

Background on Mobile

Mobile Site Layout

Site Menu on Mobile

Text on Mobile

Media on Mobile

Other Elements on Mobile

Troubleshooting

Building a mobile site

Troubleshooting your Editor site

Using the Wix Editor

Using your site dashboard

Site management

Managing roles and permissions

Managing your site

Getting started with AI

Using AI to create & manage your site

Using AI to set up your business

AI tools

Media Manager basics

Uploading media

Purchasing media

Managing media

Media issues

Adding and managing your media

Using the Pro Gallery

Editing images (Wix Photo Studio)

Managing your media

Setting up your multilingual site

Translating your site

Managing your languages

SEO in Wix Multilingual

Creating a multilingual site

Privacy & GDPR

About Accessibility

Making your site accessible

Advanced accessibility features

Creating an accessible site

About the CMS (Content Management System)

Managing CMS collections

Connecting CMS collection content to your site

Working with dynamic pages and the CMS

Connecting user input elements to the CMS

Using CMS with other Wix products

Advanced CMS features

Wix for developers

Test Sites

SSO Logins

Wix Blocks

Advanced features

Learn how to create a site and manage its content with our intuitive editors. Know how to protect visitors' privacy and make sites compliant with accessibility laws.

Creating your site

Design and manage your site using intuitive Wix features.

Changing your account settings

Sign in issues

Managing your account

Upgrading to a Premium plan

Billing for Premium Plans

Billing for Domains

Billing for Google Workspace Business Emails

Managing your subscriptions

Charges, payments and tax

Invoices for Wix services

Using vouchers and promotions

Billing & premium subscriptions

Review your account settings, manage your subscriptions and plans and understand your invoices.

Account & billing

Manage subscriptions, plans and invoices.

Managing your site with the Wix app

Mobile apps basics

Customizing your own mobile app

Managing your own mobile app

Submitting your mobile app for approval

Building your own mobile app

Customizing your site on the Wix member apps

Managing your site on the Wix member apps

Using mobile apps as a member

Using the Wix member apps

Mobile apps for your customers

Use our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch. 

Using the Wix mobile apps

Run your business and connect with members.

Domain basics

Wix domains

Domains purchased elsewhere

Transferring domains

Managing domains

Troubleshooting domains

Follow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.

Connecting a domain

Learn to purchase, connect or transfer a domain to your site.

Setting up your store

Managing products and categories

Setting up shipping & fulfillment

Setting up payment and checkout

Designing your store

Managing your orders

Managing store inventory

Managing the Members Area

Managing store emails

Promoting stores sales

Dropshipping with Wix Stores

Setting up sales channels

Using the Wix app for Wix Stores

Wix Stores

Setting up Wix Bookings

Creating your services

Managing your staff

Managing your calendar & bookings

Memberships, packages & payments

Customizing Wix Bookings pages

Emails, SMS, and promotions

Using the Wix app to manage your bookings

Video conferencing with Wix Bookings

Fit by Wix

Wix Bookings

Setting up Wix Events

Creating your event

Designing Wix Events

Managing your events

Managing your guests

Selling event tickets

Promoting your event

Using the Wix app for Wix Events

Check-in by Wix for Events

Wix Events

Setting up Pricing Plans

Creating your plans

Designing your plans pages

Selling Pricing Plans

Managing purchased plans

Using the Wix app for Pricing Plans

Wix Pricing  Plans

Setting up your restaurant

Creating Wix Restaurants menus (NEW)

Taking online orders (NEW)

Table reservations

Creating your Wix Restaurants menu

Taking online orders

Using the Wix  app to manage your restaurant

Wix Restaurants

Setting up Photo Albums

Selling with Photo Albums Store

Setting up Art Store

Selling with Art Store

Wix Photography

Setting up Online Programs

Managing program participants

Using the Wix app for Online Programs

Wix Online Programs

Wix Portfolio

Getting started with Wix Video

Adding videos & channels 

Changing your Wix Video settings

Selling & renting your videos

Live streaming your videos

Upgrading Wix Video

Wix Video

Wix Audio elements

Wix Music

Customizing your Wix Music player

Selling and promoting your music

Wix Audio

Business solutions & apps

Get tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.

Managing your business

Get tools to grow your business and web presence.