(Example) Raw HTML Widget in Page Builder

This example shows how to add a Raw HTML widget on a custom page.

Other Examples

Prerequisites

Good to Know

  • These elemets are not supported in the Raw HTML widget:
    • <html>
    • <body>
    • <head>
    • <style>
    • <meta>
    • <link>
    • <title>
  • This example shows how to create a widget that shows the result of HTML code.
  • This is a simple example. It is not intended as a real-world use case.

How to Start

  1. Do one of these:
  2. On the Custom Page Design screen, click Add Row.

    Custom Page screen
  3. Click Add Widget.

    Custom Page Design screen

Procedure

  1. On the Pick A Widget screen, click the Content tab.

    Pick A Widget screen
  2. On the Content tab, click Raw HTML Raw HTML icon.

    Raw HTML Widget
  3. On the New Widget - Raw HTML screen, enter the raw HTML content.

    New Raw HTML Widget screen
  4. Click Add.

    The Page Builder shows the Raw HTML widget with the rendered HTML.


    Raw HTML Widget Custom Page
  5. Click Save.

    Save Raw HTML Widget
  6. Publish a custom page.

    For more information, refer to (Example) Custom Page in Page Builder.

    The Raw HTML widget shows on the published page.


    Published Page