Drag and Drop Page Builder

The drag and drop page builder allows you to quickly create a custom page to appear in the Rezolve app.

The process of adding items into the page design is as follows:

  1. Drag an item from the left into the building area
  2. Move it up and down to change its position relative to other items
  3. Customise the element. This is described below

Customising Elements

Header

Enter the text for the header and use the tools to customise:

  • Text Color
  • Background Color
  • Alignment (left/right/centre)
  • Emphasis (bold/italic)

Paragraph

Enter the text for the paragraph, and use the tools to customise:

  • Text Color
  • Background Color
  • Alignment (left/right/centre)
  • Emphasis (bold/italic)

Image

Select an image from your PC to use in this page.

Tips:

  • Use a web compatible image (*.jpg, *.gif, *.png)
  • Make sure your image isn’t too large (e.g. over 1MB) or you could use up all your customers’ data

Video

Your video should already be uploaded to a video site (YouTube or Vimeo). Copy in the sharing URL into the field provided.

Divider

There are no configuration options for dividers. They can just be used to separate different areas of the page.

Instant Act Fields

For all these fields, you can set the following:

  • Title – shown to the consumers to describe the field
  • Required – select this to force consumers to provide a response

Date Field

This will place a date selection tool into the page.

Set the ‘Start Date’ for the tool and the ‘End Date’. If you don’t select these, people will be able to select any date.

You can also tick ‘Only allow dates in the future’ to make sure that the calendar in the app starts with the current day.

Select Field

This will place a ‘drop-down’ select box into the page. Consumers will be able to select their response from a range of options you provide.

Click the ‘+’ button to add a new option to the list, and click the ‘Trash’ icon if you need to delete an option.

Text Field

This will place an open ended text field into the page.