Product Picker Web Flow Template

This Web Flow template has pre-configured components presenting a list of products or services with illustrating images for users to select from.

Product Picker template components

This Web Flow contains two Web Pages with the following components:

Example Selection

  • A Label control displaying the title.

  • A Dropdown List control presenting the main product or service categories.

  • A Show Products Button control with the following Actions:

    • A Condition based on the category the user selects in order to show the products or services corresponding to it.

    • A Navigate To Web Page action that takes the user to the Product Picker Web Page.

Product Picker Page

  • A Label control displaying the main question.

  • A List control containing a Button Cell control for each product or service.

  • Button Cell controls, each with a Label and Image of a product or service, that run the Product Selected Event.

Variables

This Web Flow has the following Variables saving the user's choices:

Example Selection Web Page

Any

  • product_example

Product Picker Web Page

Any

  • selectedService

Events

The Product Selected Event contains the productSelected Variable corresponding to the product or service the customer chose, which is created as a web flow event. In Journey Builder, the application’s path can be continued by adding an action to the Event or adding a node to the Journey following the Event.

Use Cases

  • Present the user with a list of categories from which to select a product or a service.

  • Automate the process of buying or requesting a product or service.

Last updated