Create and manage embed codes
Embed codes allow you to share files or folders by embedding them directly into websites, blogs, or portals. Instead of sharing a download or access link, embedding lets external users preview content within your site while you control how the content appears and what actions are allowed, such as viewing, downloading, or printing.
Embed codes are ideal when you want to display content inline such as documents, images, videos, or folders without requiring users to leave your website or sign in.
Create an embed code
- Right-click the required file or folder and select Share > New embed code. The embed code dialog box will open.
Alternately, select a file or folder from Team Folders or My Folders, click the dropdown arrow next to the Share button in the top action bar and choose New embed code. - You can see the generated embed code. Copy the code directly and paste it into websites, blogs, or portals.
When a folder is embedded, external users can preview all files inside it, with view, download, and print options (based on the permissions you’ve set).
You can only create one embed code for a file or folder, but you can add them to multiple websites or blogs.
Create a custom embed code
Custom embed codes allow you to control how embedded content looks and behaves, helping it blend seamlessly with your website’s design and improve the viewing experience for users.
You can customize the preview directly from the embed preview window before copying the code. You can customize an embed link, but cannot customize it after it is created.
To customize an embed code:
You can customize an embed code while creating, by clicking Customize embed view.
Or, you can customize an embed code after it is created, by right clicking the file and choosing Share > Embed code > Customize embed view.
Customize embed code for files
You can customize how your file previews appear when embedded
Size
Choose the size of the embed file preview.
Choose the size of the embed file preview.
Available options:
- Small (800 × 520)
- Medium (900 × 600)
- Large (1000 × 700)
- Custom (Specify width × height in pixels)
Appearance
Choose whether to display the preview in Dark or Light mode.
Choose whether to display the preview in Dark or Light mode.
Theme color
Choose whether to display the preview theme in green, red, or blue.
Choose whether to display the preview theme in green, red, or blue.
Toolbar
Mark the Show toolbar checkbox to display the preview toolbar at the top of the file preview.
Mark the Show toolbar checkbox to display the preview toolbar at the top of the file preview.
Customize embed code for folders
You can customize how your folder previews appear when embedded.
Size
Choose the size of the embed folder preview.
Choose the size of the embed folder preview.
Available options:
- Small (800 × 520)
- Medium (900 × 600)
- Large (1000 × 700)
- Custom (Specify width × height in pixels)
Theme Color
Choose whether to display the preview theme in green, red, or blue.
Choose whether to display the preview theme in green, red, or blue.
Appearance
Choose whether to display the preview in Dark or Light mode.
Choose whether to display the preview in Dark or Light mode.
Layout
Choose whether to display the folder preview in List, Grid, or Compact view.
Choose whether to display the folder preview in List, Grid, or Compact view.
Date Format
Customize the date format displayed in your embedded folder view.
Customize the date format displayed in your embedded folder view.
Available options:
- MM-DD-YYYY
- DD-MM-YYYY
- YYYY-MM-DD
Toolbar
Mark the Show toolbar checkbox to display the preview toolbar at the top of the folder preview.
Mark the Show toolbar checkbox to display the preview toolbar at the top of the folder preview.
Hide Theme Control
Mark the Hide Theme Control to display the toggle switch for turning on Night mode.
Mark the Hide Theme Control to display the toggle switch for turning on Night mode.
Customize embed code for videos
You can customize how your video previews appear when embedded.
Size
Select the size of the video preview.
Select the size of the video preview.
Available options:
- Small (800 × 520)
- Medium (900 × 600)
- Large (1000 × 700)
- Custom (Specify width × height in pixels)
Appearance
Choose whether to display the preview in Dark or Light mode.
Choose whether to display the preview in Dark or Light mode.
Theme color
Choose whether to display the preview theme in green, red, or blue.
Choose whether to display the preview theme in green, red, or blue.
Toolbar
Enable the Show toolbar option to display the toolbar at the top of the video preview.
Enable the Show toolbar option to display the toolbar at the top of the video preview.
Auto-play
Mark the Enable auto-play checkbox to start playing the video automatically.
Mark the Enable auto-play checkbox to start playing the video automatically.
Loop
Mark the Enable Loop checkbox to replay the video continuously.
Mark the Enable Loop checkbox to replay the video continuously.
Hide Video Controls
Mark the Hide Video Controls checkbox to disable the default video controls.
Mark the Hide Video Controls checkbox to disable the default video controls.
Click Show more controls to configure:
- Hide speed option: Remove playback speed controls.
- Hide pip option: Disable picture-in-picture mode.
- Hide big play button option: Remove the big play button displayed at the center of the video preview.
Other options
- Hide speed option: Remove playback speed controls.
- Hide pip option: Disable picture-in-picture mode.
- Hide big play button option: Remove the big play button displayed at the center of the video preview.
Start and end time for video files
You can also setup custom start and end time for video files.
Use query parameters manually to control the video playback duration:
Use query parameters manually to control the video playback duration:
- Start: To begin the video at a specific timestamp. Example: start=00:20
- End: To end the video at a specific timestamp. Example: end=00:40
Delete embed link
- Select the file or folder and click Share from the top action bar. All embed links and other share links will be listed.
- Click Actions next to the Copy link icon for the required embed link, and choose Delete embed code.
- Click Delete in the confirmation box.
Once deleted, the embed code will no longer work, and external users will lose access to the embedded file or folder.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
New to Zoho Writer?
Create. Review. Publish.
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho CRM Plus?
Deliver unforgettable customer experiences
New to Zoho Marketing Plus?
Everything you need to run your marketing
New to Zoho Marketing Plus?
Everything you need to run your marketing
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
New to Zoho Survey?
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
New to Bigin?
Related Articles
Code snippet
You can now upload or type programming codes directly in your WorkDrive account. Simply copy a code from any external source and paste it to your Team Folders or My Folders to open the code in a snippet dialog box. The auto detect code feature in ...Manage Team Folders
In Zoho WorkDrive, all Team Folders can be managed at the team level by the Team Admins. This allows them to have a complete control over all the Team Folders' settings from one central space. To manage Team Folders: 1. Click Admin Console in the ...View file properties
Learn everything about a file in Zoho WorkDrive by viewing its properties. Learn how to view general info, versions, activity, and access stats of a file. General Info To view general information of a file: 1. Select a file in My Folders or a Team ...Data Templates and Custom Fields
If you're in a company that often works with customers on a day-to day basis, then you likely have to manage a lot of their data in multiple files and folders across various locations in your computer or on the cloud. You also may have faced a number ...View and manage your shared items
Managing shared items helps you track, review, and control all the files and folders you’ve shared with others. From a single place, you can view how items are shared, filter them by sharing type or file type, and update share settings whenever ...
New to Zoho LandingPage?
Zoho LandingPage Resources