# Embedding Google Drive files, documents, or any link super easily in Striven with HTML

**URL:** <https://community.striven.com/t/embedding-google-drive-files-documents-or-any-link-super-easily-in-striven-with-html/400>\
**Category:** Customizations\
**Created:** [August 24, 2022, 3:09pm UTC](https://community.striven.com/t/embedding-google-drive-files-documents-or-any-link-super-easily-in-striven-with-html/400 "2022-08-24T15:09:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![brutledge](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.striven.com/brutledge/32/149_2.png) [@brutledge](https://community.striven.com/u/brutledge)\
**Post date:** [August 24, 2022, 3:09pm UTC](https://community.striven.com/t/embedding-google-drive-files-documents-or-any-link-super-easily-in-striven-with-html/400/1 "2022-08-24T15:09:42Z")

</div>

# As of the Q3 2022 release, Striven no longer supports the solution detailed below. All HTML editors across Striven no longer allow embedding. This change was made to improve security. All HTML formatting must be done inline with HTML tags.

#### [Embedding Google Drive files, documents, or any link super easily in Striven with HTML](https://app.tango.us/app/workflow/072909f0-659f-40aa-ba52-438bb0d109f6?utm_source=magicCopy&utm_medium=magicCopy&utm_campaign=workflow%20export%20links)

The guide walks through the steps you can take to easily embed Google Drive files into anywhere in Striven that allows for custom HTML. Things like tasks, HUB posts, and even certain kinds of text fields scattered all across Striven will work with this solution.   
  
You can also use this same solution to embed any other link you choose, just copy the link you want to your clipboard and then begin from Step 6  
  
To complete each step in this guide, you'll need to have a specific text blaze snippett set up. Here are some [instructions for setting that up](https://app.tango.us/app/workflow/Setting-up-an-easy-Embed-Text-Blaze-ed3e9f9a3f7a4786b317e775a3a0bebe) as well.

**Date:** August 24, 2022

**Author:** Brian Rutledge

**Source:** [Tango](https://app.tango.us/app/workflow/072909f0-659f-40aa-ba52-438bb0d109f6?utm_source=magicCopy&utm_medium=magicCopy&utm_campaign=workflow%20export%20links)

* * *

### 1. Open the Google Doc/Slides/Drawing/Sheet etc you want to embed
 ![Open the Google Doc/Slides/Drawing/Sheet etc you want to embed](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/5e068143b21ade88f62aa0363db310f8a2552239.png)

### 2. Configure the Share settings appropriately
 ![Configure the Share settings appropriately](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/c444143d01f110c05eed24d67ccb9aebe0029620.png)

### 3. Click Done when everything is set.

For this example, I went with Anyone with the link as a Viewer. This option will ensure the greatest accessibility, but you can restrict further at this stage if needed.

 ![Click Done when everything is set.](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/2763941fb290c8f542d5299e5fb78378fdd0fe2c.png)

### 4. In the address bar, find the word "edit" in the URL and change it to the word "preview".
 ![In the address bar, find the word "edit" in the URL and change it to the word "preview".](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/ae5e57f334af6b817110ead166f3f0e1b54babd4.png)

### 5. Select all the text in the address bar and Copy it to your clipboard

**\*Be sure not to copy anything else to your clipboard between this step and step 9! If you do, you'll need to repeat this step before you complete step 9.**

 ![Select all the text in the address bar and Copy it to your clipboard](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/adfcfd903e2f7d139ec6b1874c5981b7526f0d60.png)

### 6. Go to Striven, and navigate to where you want to embed your document

In this example, I navigated to Company\>HUB and then added a new HUB Post  
  
_Things like tasks, HUB posts, and even certain kinds of text fields scattered all across Striven will work with this solution._

 ![Go to Striven, and navigate to where you want to embed your document](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/7041c7427f5b229bf2479aa0cde738c3532a8e98.png)

### 7. Click on ​​HTML
 ![Click on ​​HTML](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/4ed1a8666a760e2cf0a975854ce82867e02d362c.png)

### 8. Click in the content area at the end of the current HTML so that your cursor is in the location shown below
 ![Click in the content area at the end of the current HTML so that your cursor is in the location shown below](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/554f5a9460d81a761646e679ee232b0d8f8fc219.png)

### 9. Type "/emb" or whatever shortcut you created for your text blaze snippet

**This will automatically add in the proper HTML with your document link!**  
  
To set up a text blaze snippet, you can follow the directions in this guide.

 ![Type "/emb" of whatever shortcut you created for your text blaze snippet](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/9fffafa72b774ad27fedc50709535074324f7de2.png)

### 10. Click on Design to see how your embedded document looks, then Click on the Save and Close button
 ![Click on Design to see how your embedded document looks, then Click on the Save and Close button](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/e329ff431626c4e3f23ebd8517a758c2d366aebf.png)

### 11. Congrats! Your document should now be successfully embedded

**_Plus, the embedded document will dynamically fit the size of the display it is being viewed on thanks to some extra CSS in the HTML to make it responsive._**

 ![Congrats! Your document should now be successfully embedded](https://canada1.discourse-cdn.com/flex032/uploads/striven/original/1X/bd66ef4d5b7197519c2c2f7319bb75df65d0764d.png)

* * *

[_This workflow was created with Tango._](https://app.tango.us/app/workflow/072909f0-659f-40aa-ba52-438bb0d109f6?utm_source=magicCopy&utm_medium=magicCopy&utm_campaign=workflow%20export%20links)

---

<div class="post-metadata">

**Author:** ![brutledge](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.striven.com/brutledge/32/149_2.png) [@brutledge](https://community.striven.com/u/brutledge)\
**Post date:** [October 3, 2022, 9:00pm UTC](https://community.striven.com/t/embedding-google-drive-files-documents-or-any-link-super-easily-in-striven-with-html/400/2 "2022-10-03T21:00:46Z")

</div>

As of the Q3 2022 release, Striven no longer supports the solution detailed above. All HTML editors across Striven no longer allow embedding. The change was made to improve security. All HTML formatting must be done inline with HTML tags.

---

<div class="post-metadata">

**Author:** ![Atolli1013](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.striven.com/atolli1013/32/454_2.png) [@Atolli1013](https://community.striven.com/u/Atolli1013)\
**Post date:** [October 7, 2022, 5:57pm UTC](https://community.striven.com/t/embedding-google-drive-files-documents-or-any-link-super-easily-in-striven-with-html/400/3 "2022-10-07T17:57:32Z")

</div>

Thanks for the update Brian!
