Welcome to Zuora Product Documentation

Explore our rich library of product information

Create a Custom HTML widget

Create a Custom HTML widget to display tailored content on the Global Homepage.

  1. From the Global Homepage, click the Add widget icon (Add Widget) icon.
  2. Scroll down and click Custom Widgets at the end of the widget library.
    A page showing the available custom widgets is displayed.
  3. Click the Create Widget button and then select Custom HTML.
    The widget configuration page is displayed. It has two sections: Basic Info and Configure and Preview.
  4. Under Basic Info, enter a widget name and a description of the widget.
  5. Select Configure and Preview.
  6. In the code editor, enter or paste the HTML and CSS code for the widget.
    The widget runtime sanitizes HTML and does not execute client-side JavaScript. Do not include scripts or unrestricted markup.
  7. Select a supported widget size, or select Custom and specify the width and height.
  8. Review the widget in the preview area.
    If needed, change the preview size to review the widget at another size.
  9. Select Save for Personal Use to save the widget for yourself.
  10. If you are an administrator, select Publish Widget to share the widget with users in the current tenant.