Salesforce Docs Portal

Set Up Layout Groups

Layout groups (aka Personalized Layouts) in Point of Sale enable you to tailor app experiences for different user segments, such as gender and loyalty tier, ensuring a more relevant and engaging experience for each customer. By customizing layouts, you can enhance user satisfaction and drive higher engagement and loyalty.

Examples of gender based layout groups.

The Layout Groups functionality depends on several different areas in the CMS.

Enable Layout Groups Setting

The Layout Groups setting must be enabled for this feature to work.

  1. In CMS, go to Store Management | Store Settings | Personalization | Advanced.
  2. Under Advanced, toggle on Enable Layout Groups.

Create a Segment

Segments are groups of users that share certain characteristics like gender or loyalty tier.

  1. In CMS, go to Layouts | Personalization | Segments.
  2. Click Create in the upper right.
  3. Complete the required fields and save your changes.
Note
Note Backend configuration and integration are required to configure the segments. The exact segment value (from the external system) must be entered when creating segments in the CMS.

Segment Types

  • Loyalty Tier (requires loyalty integration)
  • Demographic
  • Gender (requires gender be part of account creation)
  • Is Profile Complete
  • Is Gift Eligible
  • Logged In Status
  • App Version
  • Segment Group (combination of multiple segment types (e.g., gender and loyalty tier))

Create a Layout Group

A layout group defines the mapping between user segments and layouts. For example, a layout group can map gender segments with gender-specific layouts.

  1. In CMS, go to Layouts | Personalization | Layout Groups.
  2. Click the plus icon.
  3. Create mappings of the layouts and segments.
  4. Select Set as Default for one layout (see note below)
  5. Save your changes.
Note
Note The layout that is set as the default layout is used if a customer doesn't fall into any of the segments defined in the layout groups.

Assign a Layout Group to an App Tab

A layout group can be assigned to a tab in the app config (for example, the home tab). This is done by editing the app config:

  1. In CMS, go to Apps | All.
  2. Edit a selected app config.
  3. For the tab's Deeplink type select Layout.
  4. Select a Layout Group from the dropdown.
  5. Save your changes.

The checkbox icon indicates the default layout that is shown when a user doesn't match any of the segments. The blue vertical bar to the left of the layout indicates which layout preview is currently being shown.

The Layout Editor toolbar with a blue vertical bar indicating the homepage female layout group is displayed preview.