How to customize embed code properties to add to blogs and websites in Zoho Show

Customize Embed Code Properties

Make your presentation that you embed to be visually appealing and complementary to your website or blog by customizing the embed code properties. For example, you may want the presentation to automatically play as soon as your audience opens it on your web page, or you may want to adjust the slide size to fit within a specific location and space on the host page with improved resolution You can make these customizations and more by modifying the embed code.

To customize embed code properties,

1. Click  menu at the top right and select Get Embed Code
The Published Presentation window will open. 



2. Click the Embed to customize code.
 


You can customize the following embed code properties:
  • Size: Alter the dimensions (height and width) of the slide or presentation screen as it will appear to your audience within your embed page. Choose between Small, Medium, and Large to set a predefined screen size, or click Custom to set a custom width and height of your choice in pixels. 

  • Border and Background color: Set a background and a border color that complements your presentation theme. You have many predefined colors to choose from. Click the color dropdown and choose the color you want. You'll be able to find the following set of color options:

      • Theme Colors: These are the built-in colors that are based on the active theme of the presentation.

      • Standard Colors: These are the basic or standard colors that are widely used for the presentation.

      • Other Used Colors: These are recently used colors that you can mix on your own if you don't find the color you need in the themes or standard colors list. Use the Advanced Color Palette to do this.   
                       
  • Show Toolbar: Show or hide the toolbar at the screen bottom, which contains the navigation arrows, slide number, full screen view, and share options.

  • Show Right-Click Menu: Show or hide the slide navigation arrows that help you move between the previous and next slides in the presentation.

  • Start presentation as soon as the iframe loads: Automatically play the presentation on the webpage without starting or clicking it manually.
     
  • Preload embed file: Enable this option to allow to the content to load automatically in the background to deliver it without any delay.

3Once you are done customizing the required embed properties, click inside the Embed Code box at the bottom of the pane to copy the modified HTML snippet (or embed code) and paste it into your website/blog page.
This code displays a preview of the new iframe code that contains the changes you made to the embed code properties.