block events
      Back to home
      1. Demostack Help Center
      2. Editor
      3. block events

      Path protector [Restrict mode]

      Prevent navigating through pages that were not cloned to avoid 404 errors.

      What is Path Protector?

      When creating your clone, you might miss navigating through the entire flow or overlook certain pages. Pages that were not cloned will show 404 errors if accessed during a live demo. Encountering such errors can be uncomfortable during a presentation, but now, it’s easy to avoid them!

      The Path Protector feature allows you to automatically block any page that was not part of the cloning process. Instead of showing a 404 error, it will display a toast message you can customize, such as: “This page is not available.”

      How to Use Path Protector?

      1. Access the Block Event Tool:

        • While editing the demo, navigate to the Block Event tool.

      2. Activate Demo Path Protector Mode:

        • Open the Block Event Manager.

        • Click on the Settings icon at the top.

        • Toggle the Demo Path Protector Mode to enable i.       

        Once activated, all URLs that are not part of the clone will automatically be blocked from navigation.

      Managing Blocked URLs

      You can manage and adjust the blocked URLs under the same settings where you activated the Demo Path Protector Mode.

      1. Access the Manage Feature:

        • Click on the Manage link within the settings.

      2. Review the URL List:

        • A complete list of pages included in your demo will be displayed.

        • Hover over any item to block or unblock its access.

      3. Blocked Pages:

        • Pages that are blocked will move to the bottom of the list.

        • You can unblock them at any time by clicking to add them back.

                Screenshot 2024-12-22 at 9.59.55

      1. Search and Add URLs:

        • Use the search bar at the top for quick navigation.

        • Search for a URL not already on the list to add it and make it navigable.

              Screenshot 2024-12-22 at 10.00.08    Screenshot 2024-12-22 at 10.00.23


      Setting the Snackbar Message

      The snackbar message displayed for blocked pages can be customized through the Block Event Manager settings.

      1. Edit the Message:

        • Click on the Settings icon.

        • Toggle the Tooltip option.

        • Click Edit to customize the message.

      2. Set the Text:

        • Enter the desired text to display when a user tries to navigate to a blocked page.

      Screenshot 2024-12-22 at 10.00.42

      For example: “This page is not part of the demo flow.”Screenshot 2024-12-22 at 10.01.09

       

      With Demo Path Protector, you can ensure a seamless presentation experience, keeping your demo error-free and focused.