Invite friends workflow

rmjjkj1 · 2021-01-05T18:29:07.297Z

Hi there,

I’m new to Bubble and wondered if anyone can help me figure out what the correct url should be that I include in the send email workflow of the invite button. I am working on a one-page app and this is what I have so far: https://myeyess.bubbleapps.io/version-test/signupfriends?email=rmjjkj@protonmail.com&user=regular but I get a 404 when I test it.

Basically the link should lead them to the group called “signupfriends” which is by default hidden. Do I need a condition for this group to be activated when someone clicks on the link sent to them after pressing the “invite” button?

Any help would be greatly appreciated. Thanks.

J805 · 2021-01-05T18:48:43.907Z

Hey @rmjjkj1

You almost had it! So close.

So right now your URL is expecting it to go to a page called “signupfriends”. If it is a group you can set this as just another parameter. Something like this https://myeyess.bubbleapps.io/version-test/?signupfriends=yes&email=rmjjkj@protonmail.com&user=regular

(I think that is what it should be)

Then use that parameter to set a state or show the group on the page. If signupgriends = yes then set state or show the group.

Does that make sense?

Hope that helps!

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

One-on-One Tutoring
eLearning Hub
Video Tutorials
No-Code Classes

rmjjkj1 · 2021-01-05T20:07:21.935Z

@J805 Thank you for your help! I no longer get a 404 page.

However, since the app’s menu is in a focus group triggered by the menu icon and also loads (along with a splash screen) on page load, when I copy and place that link in the browser and hit return, I get taken to the app but the menu covers up the sign-up form. Is there a better way to set this up? How do I set up a workflow where the menu is not showing when that link is clicked. Which leads me to my second question, in the email I received, the link was not a clickable link. Should it be? Is there a way it can be?

Btw, I purchased your monthly subscription and I tried to implement the stacking order of the groups by recopying everything over to an index_2 page. How do I now make that page be the default page?

Thanks very much!

rmjjkj1 · 2021-01-05T20:22:18.329Z

@J805 I was able to change my index page but the other issues remain unresolved.

J805 · 2021-01-05T21:11:29.340Z

@rmjjkj1 thanks for being a member! Glad you got that working. Hope you find the eLearning Hub beneficial. I make sure that everything is included in the one price, so each new video or blog post is included in your membership benefits. My goal is to regularly add new exclusive content for the members.

Hmmm, the email should be a clickable link. Most email inbox and browsers detect it automatically. Maybe add the www. or something might fix it.

Can you share a screen cast of what it looks like when you open the link? Then I can better understand what issue you are running into.

rmjjkj1 · 2021-01-05T21:21:17.454Z

@J805 Sure. Thank you.

Here it that link that will take you to it: https://myeyess.bubbleapps.io/version-test/?signupfriends=yes&email=rmjjkj@protonmail.com

J805 · 2021-01-05T21:23:15.967Z

I’m going into a session right now but let me try to see what I can do after the session for you.

J805 · 2021-01-05T21:27:10.138Z

Im thinking… maybe try not to show the menu on page load. On page load you can do a workflow that shows the “signupfriends” group only when the parameter is not empty from the URL. Would that work?

Do you use set states to show/hide your elements?

rmjjkj1 · 2021-01-05T21:33:08.599Z

@J805 I’ll try that. But the menu is part of the intro design look. Here’s a view to the app. I’m still trying to set it up but I need to adjust the hidden element within each group. I found that when I do that it changes the hierarchy in the elements tree.

Yes, I am using custom states to show/hide groups.

Bubble

Bubble Editor - Myeyess

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

J805 · 2021-01-05T23:47:26.764Z

So on Page is loaded you can do a workflow like this to set your set state. Then from your set state you can trigger the menu to not open and the other group to display. Check it out:

Screen Shot 2021-01-05 at 3.47.10 PM2880×1634 307 KB

Hope that makes sense.

rmjjkj1 · 2021-01-06T02:20:07.282Z

@J805 That did it!! Thank you so much.

J805 · 2021-01-06T02:36:17.035Z

No problem. Glad it helped!

rmjjkj1 · 2021-01-06T03:36:15.074Z

@J805 May I bother you with one more question. Does this look ok because it is not writing to the database.

Screen Shot 2021-01-05 at 7.35.49 PM1372×932 82.9 KB

rmjjkj1 · 2021-01-06T15:45:25.270Z

@J805 I am struggling with the collapsing groups–they don’t seem to collapse and I understand it is because they may overlap, right? Is this the correct model and hierarchy? I have quite a few groups and it gets overwhelming when needing to adjust height size and not having them overlap. Would you recommend making them an easy number to do math with like 2000 px? Even within this mode, I still have scrolling: Myeyess.

Screen Shot 2021-01-06 at 7.40.13 AM842×1264 12.8 KB

J805 · 2021-01-06T16:35:03.977Z

rmjjkj1:

May I bother you with one more question. Does this look ok because it is not writing to the database.

I would need to look at the editor again to see if you have everything set up correctly.

rmjjkj1:

I am struggling with the collapsing groups–they don’t seem to collapse and I understand it is because they may overlap, right? Is this the correct model and hierarchy? I have quite a few groups and it gets overwhelming when needing to adjust height size and not having them overlap. Would you recommend making them an easy number to do math with like 2000 px? Even within this mode, I still have scrolling:

For this, it’s tricky, you need to stack everything and make sure everything collapses when hidden. If you open up your editor again I will take a look. Just ‘view only’ is fine.

Hope to help you out soon.

rmjjkj1 · 2021-01-06T17:02:49.849Z

@J805 Here it is: https://bubble.io/page?type=page&name=index&id=myeyess&tab=tabs-6&subtab=General

You will see that I started a new index; now I have three versions as I have struggled mastering this concept.

J805 · 2021-01-06T19:19:41.932Z

Sounds good. I will look at it this afternoon for you.

J805 · 2021-01-06T22:36:44.794Z

Here you go, here is a short video explaining why your groups aren’t collapsing. Hope this helps! https://vimeo.com/497786446/5d1cb273a7

Let me know if you have any questions.

rmjjkj1 · 2021-01-07T22:26:52.871Z

@J805 Thank you! That helped. I went ahead and implemented it but still could not get rid of all the scrolling. Also, when I click on the menu links, the pages do not show up at the top; one has to scroll to see the content. I color coded everything so I can see/understand clearly what is going on. Here it is if you wouldn’t mind taking another look. Thanks again.

Myeyess

The most powerful no-code platform

Bubble introduces a new way to build a web application. It’s a no-code point-and-click programming tool. Bubble hosts all applications on its cloud platform.

J805 · 2021-01-07T22:50:02.173Z

Here you go: https://vimeo.com/498149108/b70d0c1d77

I just see a few groups still overlapping. You are almost there!