logo
This section states the purpose of each reusable element.

Introduction

Reusable Element - an element that contains other elements, like a group, that can be used in more than one place. This is useful when reusing the same elements often.
πŸ’‘
Tip: See Bubble Reference for details https://manual.bubble.io/core-resources/elements/reusable-elements πŸ™‚

Reusable Elements

New SignUp / Login Popup

This reusable element is needed for sign up and login. Surprised?πŸ˜ƒβ€‹
Image without caption
This is where the buttons for entering the demo version of the application are located.
Image without caption
πŸ’‘
Tip: Learn more about deleting the demo buttons in the Remove Demo Login guide.

new_header

The header reusable element sits at the top of each page and serves a few very important purposes. It does provide a place for company's logo, navigation and page title which are part of a consistent user experience that all good websites share.
Other common header features are, search, shopping cart (for ecommerce), login/logout, user profile and notifications (if applicable). The workflows included with this element are pretty straightforward to follow.
This reusable element is customizable, so it is possible to change styles and content of element while keeping workflows or using as inspiration for your own.
πŸ’‘
Tip: This page comes with demo logins that have been placed for testing purposes. They may be removed from your app.
This reusable element is used at the top of the page and offers overall navigation on the platform. From there user can go to his profile or access his shopping cart.
It contains a button for the admin dashboard page.
Image without caption
To remove this button, read the Admin rights instruction.

new_dark_footer

The footer reusable element is located at the bottom of a page. It provides an example of how it can include external links, such as company's social media, navigation and copyright notices. A great website footer design keeps people engaged and moving through the website. The workflows included with this element are pretty straightforward to follow.
This reusable element is customizable, so it is possible to change styles and content of element while keeping workflows or using as inspiration for your own.
The footer is the bottom of the page and it's used for basic navigation through the platform. It also comes with 2 links for social media: Twitter, Instagram and Facebook.
Image without caption
The dark footer is used on these pages: inbox, settings, signup, users, welcome, reset_pw​
Social networks links can be found here:
Image without caption
πŸ’‘
Tip: Add Privacy and Terms links here, as well as create separate pages for these links. It will help you go through App Store and Google Play approval procedures, in case you convert your Bubble app into native iOS and Android apps. These links are also important for Facebook login.

new_light_footer

The footer is the bottom of the page and it's used for basic navigation through the platform. It also comes with 2 links for social media: Twitter, Instagram and Facebook.
Image without caption
The dark footer is used on these pages: index, room, room_mob, search_mob, trips, 404​
Social networks links can be found here:
Image without caption
πŸ’‘
Tip: Add Privacy and Terms links here, as well as create separate pages for these links. It will help you go through App Store and Google Play approval procedures, in case you convert your Bubble app into native iOS and Android apps. These links are also important for Facebook login.

Helpful?