After creating a demo experience, you can create a blank page that you can then build on to define what the experience provides to your users.

This video shows you how to perform the following procedure.

Before you begin

Role required: ui_builder_admin

Procedure

  1. If you aren't already viewing the experience you created in the previous procedure, navigate to All > Now Experience Framework > UI Builder, and select the experience you created.
    Figure 1. Main page for your new experience
    Main page for your new experience
  2. From the main page for your experience, either select Create new page or select the plus (+) sign next to Pages and variants.
  3. On the First, select a template screen, select Create from scratch instead.

    There are templates you can use, but we are going to create a page from scratch.

    Figure 2. Page details
    Page details including page name and URL path.
  4. In the Name field, type My test page, and select Continue.
    Note: The URL path shows the URL that users can navigate to access the page.
  5. Select Looks good on the next screen.
  6. On the Tell us about your variant screen, do not make any changes.
  7. Select Continue.
  8. Select the Build responsive option (default) for greater control of how the page appears at different screen widths.
  9. Select Create.
    The visual editor opens. Here, you can begin editing your new page.
    Figure 3. UI Builder visual editor
    UI Builder visual editor

What to do next

Select the Next topic link to learn how to create a button that opens a modal.