GuidesReferenceChangelogVideosDiscord
Sign UpLogin

Product Picker Web Flow Template

picker0.png

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.

webpage1.png

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.

webpage2.png

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.

journey2.png

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.