Path Hopper logo

Path Hopper

Published September 2024
   •    Updated July 2025

Plugin details

Advanced slug/path functionality. You will be able to use this like you could use “Go to page” but instead it will allow you to update and read paths and parameters without reload, and can also update and remove parameters dynamically. Supports dynamic KEY values as well.
𝗙𝗘𝗔𝗧𝗨𝗥𝗘𝗦:
- Works on any page so you can change anything based on the element states.
- Better SEO results.
- No more parameter clutter.
- No refresh on update.
- You can reload the page and it will still work.
- Simple to use.
- Easily update & read your parameters.

𝗘𝗩𝗘𝗡𝗧𝗦:
- Path updated

𝗦𝗧𝗔𝗧𝗘𝗦:
- Path list (list of texts) - the path list of the current page.
- Path one (text) - the first path of your page.
- Path two (text) - the second path of your page.
- Parameters (list of texts) - the parameters within your URL.
- Keys (list of texts) - The read keys from your parameters list.

𝗔𝗖𝗧𝗜𝗢𝗡𝗦:
🌍 Set Path: Updates your path.
🌍 Set Parameter(s): Add/Remove/Update parameters
🌍 Go forward: Goes forward within the browsers history.
🌍 Go back: Goes backward within the browsers history.
🌍 Thanos: Resets your params and paths to starting path.

𝗦𝗨𝗣𝗣𝗢𝗥𝗧:
https://forum.bubble.io/t/340219
https://bappolis.com/contact
https://re.plugg.me/discord

FREE VERSION is inside B.A. Toolkit. This is the new & improved version.

DEMO: https://bappolis.bubbleapps.io/version-test/path_hopper

EDITOR: https://bubble.io/page?id=bappolis&tab=tabs-1&name=path_hopper&type=page

$30

One time  •  Or  $5/mo

stars   •   0 ratings
5 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

BuildAppolis logo
BuildAppolis
Joined 2021   •   35 Plugins
View contributor profile

Instructions

Add the Path Hopper element to your page.
Add a starting path (optional) to the properties.

IMPORTANT: Instead of "Go to page", use "Set Path" from the Path Hopper element if you wish to use path routing. THIS REPLACES THAT.

UPDATE/REMOVE/ADD PATHS: "Set Path"
UPDATE/REMOVE/ADD PARAMS: "Set Parameters"
REMOVE ALL PARAMS/PATHS: "Thanos"

READ VALUES OF KEYS: Add your key list inside the element separated by commas to get the list in the same order back of the values with the state of the element.

Using GO BACK/FORWARD uses the users browser history as well!

Refer to its states anywhere within your app to refer to the page. You can just place it anywhere and it'll automatically work. It's only required if you want to update the path or refer to its states.

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble