Click Map Card to display details on a separate page

Hi, I am creating a page that shows different people’s Experience on a map. All the experiences are displayed on a map with pins.
When map pin is clicked, a card with details will be displayed. On a card there is a button “See more”.
When the “See more” button is clicked, I want to take the user to a separate page that is dedicated for the specific experience.

How can I make it work? If anyone knows the answer please let me know. Thank you so much in advance!

To transfer data from one page to another, use the page’s Type of Content functionality, or use URL parameters. The simpler solution is using Type of Content, although URL parameters are more versatile.

On the destination page, set the ‘Type of Content’ to your ‘experience’ datatype.
On the workflow that runs when a user clicks ‘See More’ use the ‘Go to page’ workflow action, select the page you want the destination page, and as the ‘Data to Send’ input the popup’s experience.

On the destination page, you will have access to the experience by using ‘Current page experience’ on dynamic expressions.

Thank you for a quick replay and very clear explanation!
I tried to demonstrate it, please let me know if I am on the right track.

On a workflow I set “Experience” as a page to send users, and “parent’s group’s experience’s Destination country” as a data to send as you can see in the screenshot. I want to send other data as well, not just parent’s group’s experience’s Destination country" but it gave me an error when I just choose “parent’s group’s experience” only.

On a experience page (a page where I want to send the users to by clicking “see more” button"), I set the “Type of Content” to my Experience database as you can see in the screenshot.

Here on the experience page, I want to display multiple data including the destination country. I set the dynamic data as the screenshot below but it is still not displaying the country when I preview.

‘Preview Mode’ does not work well in this scenario, because when using preview the current page data is empty.

If you want to test your experience page, its best to preview the map page, and then click on the ‘see more’ button to navigate to the experience page.

Why are you sending ‘Parent’s group Experience’s Destination Country’. You should just be sending ‘Parent group’s experience’. I’m surprised that Bubble doesn’t mark it as an error. Once the experience is sent, you can access the Destination Country datafield (or any other field) by using ‘Current page’s experience’s destination country’.

If you want to send other datapoints (which are not just fields in the Experience datathing, but something else altogether) then this is where URL parameters come in play :slight_smile: I can explain how they work, but I first want to make sure that you dont just want to send fields of the Experience datathing.

Thank you for explaining.

Why are you sending ‘Parent’s group Experience’s Destination Country’. You should just be sending ‘Parent group’s experience’. I’m surprised that Bubble doesn’t mark it as an error. Once the experience is sent, you can access the Destination Country datafield (or any other field) by using ‘Current page’s experience’s destination country’.

I want to just select ‘Parent group’s experience’ as well but it gives me error if i do so. Any idea why it’s giving me an error.

If you want to send other datapoints (which are not just fields in the Experience datathing, but something else altogether)

Sorry for the confusion. I want to only send Experience. I meant it as other fields in the experience data thing. I guess this question will be solved if I could figure out the first question on why bubble is giving me an error.

Thats odd, it should be the other way around.
Maybe you set up the ‘Go to page’ action on the ‘see more’ button before you set the datatype of the experience page to ‘Experience’.

Now that you set the content type to Experience, can you check whether the ‘go to page’ action is giving an error?

1 Like

Maybe you set up the ‘Go to page’ action on the ‘see more’ button before you set the datatype of the experience page to ‘Experience’.

Wow genius! It worked!! I did exactly what you explained, now everything is displayed as it should! Thank you so so much!

This topic was automatically closed after 70 days. New replies are no longer allowed.