Skip to content

Improve Guided Tour UX: Add Step Counter and Back Button Support #763

@harsh-na

Description

@harsh-na

Discussion 🗣

Add a progress indicator and back navigation to the Template Playground guided tour so users can understand how many steps remain and move between steps more easily.

Context

The Template Playground provides a guided tour for first-time users to explore key tools and features. While the tour is helpful, users currently cannot see how many steps remain or navigate back to previous steps.

This makes the tour feel less structured and slightly harder to follow, especially for new users.

Detailed Description

Two improvements are proposed for the guided tour:

  1. Step Counter

Each tour popup should display the current step and total number of steps, for example:

Step 2/15

This will help users understand their progress and know how many guide popups are remaining.

The values can be calculated dynamically based on the total number of tour steps.

  1. Back Button

A Back button should be available starting from the second step onward.

Expected behavior:

Step 1 → Skip, Next

Step 2 to subsequent steps (excluding last one) → Back, Skip, Next

The Back button should move the user to the previous tour step.

These improvements would make the guided tour clearer and easier to navigate without changing the existing functionality.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions