Hi, I am building a news aggregation web app that shows 5 daily articles. I want to create a reusable popup that shows after someone clicks “read now” (read now opens a new tab, the popup arrives immediately after the new tab is opened). Here is the current structure of the site to provide a bit of clarity.
The popup looks like this.
The popup will include one piece of dynamic data and two workflows. In this scenario, imagine the user clicks read now for the first article on the page.
- I want Article 1’s Title to populate in the popup header
- When the user hits the like button, I want to add the like to Article 1’s "Who Liked’ data type, and to add Article 1 to Current User’s “Liked Articles” data type.
- If the user saves a note, I want to add the note to Current User’s “Saved Notes” data type (As a side note, I have this data type as a list of text entries, but I also want to associate the note with the parent article. I’m not sure if the current layout will allow this).
If the user clicks Read Now on article 2, I want the same workflows to occur for article 2, and so on.
Any help would be much appreciated!
You need to make a page that has the article data type as Type of content, then use the Go to page action to navigate to this page and insert the article in the Data to send field, then the popup is shown when this page is loaded, then use the Current page's article operator to make the workflows you want. There is good information about these things in the documentation of bubble
This is my first time building with Bubble, so hopefully, you’ll forgive me if I’m being a bit dense or using the wrong terminology.
My hope is to keep this as a single-page application. I’m using custom states to build the Audience Favorites and My Likes / Notes tabs. Could I trigger a new custom state to load each time “read now” is clicked, which uses the process you described to populate the popup? Also, after the popup is closed, can I revert back to the user’s previous custom state?
i.e. If the user is in a custom state within the “Audience Favorites” tab when they click “read Now,” I’d want them to return to that state post-popup to make the experience feel seamless.
Solved the problem by converting the Articles into a reusable element and building the popup + workflows into the reusable element! Thanks for taking the time to respond @salemmo409 !
