Note: Download and print permissions for embedded files and folders are managed at the team level by Team Admins. Learn more about admin control settings for embed codes

To create an embed code for a file or folder

1. Select a file or folder from Team Folders or My Folders.
   
   
2. Click the dropdown arrow next to the Share button in the top action bar and choose New embed code.
   
   
   
   Alternatively, right-click the file or folder and select Share > New embed code.
   
   
3. The embed code will be generated and shown in a dialog.
   
   
   
   
4. In the dialog, you can:
1. Customize the preview of the embedded file or folder using the available options.
2. Copy the code directly and paste it into websites, blogs, or portals.
   
   
5. 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).

To delete the embed code of a file or folder

1. Select a file or folder from Team Folders or My Folders.
   
   
2. Click the dropdown arrow next to the Share button in the top action bar and choose Embed code.
   
   
3. Alternatively, right-click the file or folder and select Share > Embed code.
   
   
4. In the dialog box, click Delete embed code in the lower-left corner.
   
   
   
   
5. Confirm the action in the confirmation dialog.
   Once deleted, the embed code will no longer work, and external users will lose access to the embedded file or folder.

Notes:

1. You can only create one embed code for a file or folder, but you can add them to multiple websites or blogs.
2. Zoho WorkDrive supports preview for 220+ file formats. View the complete list of supported files and their limitations here.
3. You can embed all 220+ file types (including PDFs, images, and videos) on websites and blogs.
4. Access stats for embedded files and folders are not yet supported in WorkDrive.
   

Info:

For Team Folders

1. The external sharing feature can be enabled or disabled at the team level by the super admin or an admin
2. When external sharing is enabled at the team level, Team Folder Admins can choose to enable or disable external sharing within their Team Folders
3. If external sharing is enabled, only Admins and Organizers in a Team Folder can create embed codes for their files and folders
4. If external sharing is disabled,
1. Admins and Organizers in a Team Folder cannot create new embed codes or manage existing embed codes for files and folders
2. All previously created embed codes will become invalid, and embedded files and folders on websites or blogs will not be accessible to external users
   

For My Folders

1. If external sharing is enabled at the team level, any team members can create embed codes for files and folders in My Folders
2. If external sharing is disabled, team members cannot create new embed codes or manage existing embed codes for files and folders in My Folders
   

Customize embed codes

1. Select a file or folder for customization from Team Folders or My Folders.
   
   
2. Click the dropdown arrow next to the Share button in the top action bar and choose Embed code.
   
   
3. Alternatively, right-click the file or folder and select Share > Embed code.
   
   
4. The embed code dialog will appear; click the Customize embed view option.
   The Embed preview window will open with the following options for customization:
   
   
1. For files: You can customize how your file previews appear when embedded:
   
   
   
   
1. Size: 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)
   
   
2. Appearance: Choose whether to display the preview in Dark or Light mode.
   
   
3. Theme color: Choose whether to display the preview theme in green, red, or blue.
   
   
4. Toolbar: Mark the Show toolbar checkbox to display the preview toolbar at the top of the file preview.
   
   
   

1. For folders: You can customize how your folder previews appear when embedded:
   
   
   
   
1.  Size: 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)
       
   
2. Theme Color: Choose whether to display the preview theme in green, red, or blue.
   
   
3. Appearance: Choose whether to display the preview in Dark or Light mode.
   
   
4. Layout: Choose whether to display the folder preview in List, Grid, or Compact view.
   
   
5. Date Format: Customize the date format displayed in your embedded folder view.
   
      Available options:
      MM-DD-YYYY
      DD-MM-YYYY
      YYYY-MM-DD
   
   
6. Toolbar: Mark the Show toolbar checkbox to display the preview toolbar at the top of the folder preview.
   
   
7. Hide Theme Control: Mark the Hide Theme Control to display the toggle switch for turning on Night mode.
   
   
   
2. For videos: You can customize how your video previews appear when embedded:
   
   
   
   
1. Size: Select the size of the video preview.
   
      Small (800 * 520)
      Medium (900 * 600)
      Large (1000 * 700)
      Custom (Specify width * height in pixels)
   
   
2. Appearance: Choose whether to display the preview in Dark or Light mode.
   
   
3. Theme color: Choose whether to display the preview theme in green, red, or blue.
   
   
4. Toolbar: Enable the Show toolbar option to display the toolbar at the top of the video preview.
   
   
5. Auto-play: Mark the Enable auto-play checkbox to start playing the video automatically.
   
   
6. Loop: Mark the Enable Loop checkbox to replay the video continuously.
   
   
7. Hide Video Controls: Mark the Hide Video Controls checkbox to disable the default video controls.
   
   
8. Click on the Show more controls to configure:
   
1. Hide speed option: Remove playback speed controls.
   
2. Hide pip option: Disable picture-in-picture mode.
   
3. Hide big play button option: Remove the big play button displayed at the center of the video preview.
   
   
Note: You can also setup custom start and end time for video files:
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