## Google Docs Embed

Connect the Google Docs Embed

### Overview

Assembly makes it simple to share Google Docs with your clients directly within your portal. You can embed an editable Google Doc to collaborate with your clients as well.

### **App Setup**

#### **Connecting View-Only Google Docs**

01. Go to _App Library_, and click _\+ Add an app_ in the top right corner.

02. Select _Google Docs_ in the _Client-facing_ section.

03. After clicking on the app, click on _Install_ in the top-right.

04. Give the app a name and icon, and configure whether all clients can see it or only a subset.

05. We recommend setting this up as an **automatic** App so that we can embed the same document for every client. If you want a specific document for each client, set this as a **manual** App.

06. Leave the app set to as _Show as embed_ so that the client isn't directed outside of the portal.

07. Next, go to your Google Docs home page:

08. Find and open the desired document you want to embed. (You can also locate and open a Google Doc within your Google Drive).

09. To share a Document, click _File > Share > Publish_ to Web and click _Publish_ on the _Link_ tab. Now copy the link.

10. Go back to the _App Setup_ page and paste the copied link into the content box and click _Add_.

#### **Connecting Editable Google Docs**

01. Go to _App Library_, and click _\+ Add an app_ in the top right corner.

02. Select _Google Docs_ in the _Client-facing_ section.

03. After clicking on the app, click on _Install_ in the top-right.

04. Give the app a name and icon.

05. We recommend setting this up as a **manual** app so that only the clients connected to the Google Doc app can edit. If you want all clients to be able to edit the document, set this as an **automatic** app.

06. Next, click _Add_. You will be taken to the app's page, where you can set the embed for each client, group, or company.

07. Click _Add_ to add your first embed or link. Select the client(s) or company to share the app with.

08. Select _Show as embed_ so that the client isn't directed outside of the portal.

09. Next, go to your Google Docs home page:

10. Find and open the desired document you want to embed. (You can also locate and open a Google Doc within your Google Drive).

11. To share a Document, click _Share_ in the top-right of the Google Doc and set the permissions to _Anyone with the link can edit._

12. Now copy the link and paste it into an empty text editor (you will need this link in a moment).

13. Next, copy the following code and paste this into your text editor below the link:

`<iframe src="link" />`

14. Lastly, paste the link copied from Google into the code where it says _link_. Be sure to keep the quotation marks around the Google Doc link.

15. Go back to the _App Setup_ page and paste the
 
    `<iframe src="link" />`

(with the link replaced) into the content box and click Save.

To preview the app as a client, connect the app to your test client. Then, click _Portal_ at the bottom of the sidebar and click _Open portal_. Once you're logged in as your test client you'll be able to view the connected app.

#### **Optimizing for Mobile**

Occasionally, Google Docs will appear to be narrow in the mobile client experience. To optimize your Google Doc for mobile, you'll want to go to File > Page Setup in Google Docs. Then, edit the margins to be less than the default 1-inch margins.

We've found changing the margins to 0.1 works, but feel free to edit the margin size until your Google Doc renders well on your mobile device.

2. [Overview](/content/guide/google-docs-partner-app#overview/index.html)
3. [App Setup](/content/guide/google-docs-partner-app#app-setup/index.html)
4. [Connecting View-Only Google Docs](/content/guide/google-docs-partner-app#app-setup-connecting-view-only-google-docs/index.html)
5. [Connecting Editable Google Docs](/content/guide/google-docs-partner-app#app-setup-connecting-editable-google-docs/index.html)
6. [Optimizing for Mobile](/content/guide/google-docs-partner-app#app-setup-optimizing-for-mobile/index.html)
