Footer navigation

waseemkb · 2020-07-09T11:06:17.612Z

Hi, I have just started using bubble, I was wondering how to configure links in the footer (About, pricing, download, etc.) which redirect the user to a certain section of the same page.

Thanks!
Wassim

TipLister · 2020-07-09T11:55:18.359Z

Hi waseem:

Add a link element; make it an internal link. Click send more parameters. Make up a parameter like pos = 1 or 2

2020-07-09 13_52_19-Window600×629 143 KB

on workflows click empty box to add “when condition is true”
When url contains pos=1 scroll to certain element.

2020-07-09 13_53_10-Window611×630 16.9 KB

Add the same condition for pos= 2 or 3.

If your footer is reusable and you want this to work on multiple pages then states on the reusable element must be used. Let me know and I can send you the appropriate video.

For more short tips on bubble & more check tiplister.com

grace.hallak · 2020-07-09T12:58:59.715Z

I don’t think you need to complicate it that much. He can use instead “Scroll to” action.

waseemkb · 2020-07-09T13:19:58.266Z

It only allows me to scroll to other elements within the footer, not the other elements on the page…

waseemkb · 2020-07-09T13:25:20.332Z

Thanks a lot for your help, still unable to figure it out, as I am only able to get the elements within the footer, not the other elements on the page. I am pretty much struggling with the basics as of yet

grace.hallak · 2020-07-09T13:55:22.348Z

That is because your footer is a reusable element. Can you make it not reusable? and if you want to use the footer on other pages, you can just copy paste it.

SerPounce · 2020-07-09T14:25:45.970Z

Here’s how to achieve with the reusable element:
Add a custom state to the reusable element called something like “pagePosition”.
Add a workflow step for each button that sets pagePosition to the appropriate value before going to the page.
After adding the RE to the page you will have access to the RE’s custom states and you can do a “when” on page load as follows.

Screen Shot 2020-07-09 at 10.18.00 AM704×820 46.3 KB

waseemkb · 2020-07-15T10:48:59.662Z

Thanks. How do I link the respective page position with the pagePositions I have defined?

system · 2020-09-17T11:06:20.562Z

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