Canvas Documentation
Bubble Best Practices
v2
v2
  • Welcome
  • Introduction
  • Contents
  • Using Bubble
    • Bubble basics
    • Bubble best practices
      • Principles
      • Database
      • Design
      • Security
      • SEO
      • Speed
      • Modularity
        • Data triggers
  • Using the template
    • Getting the template
    • Setup
      • Quickstart
      • Features and configuration
        • Customizable landing page
        • Header menu
        • Menu focus group
        • Styles and colors
        • Extending the admin portal
        • Set a password policy
        • Enable cookies
        • Alerts
        • Emails
        • Hidden variables popup
        • Set up index page redirects
        • Set up payments on account page
        • Set up social media links
        • Search engine optimization (SEO)
        • Setting up domains
        • Legal docs
    • Extending the template using Canvas Pages
      • How it works
      • Get started
      • Setting up added modules
      • Updating Canvas styles
    • Extending the template manually
      • Padding
      • Pages, groups, and popups
      • Hiding groups
      • Styles
    • Reference
      • Pages
        • index
        • admin
        • home
        • account
        • verify
        • login and loginsimple
        • termsofservice
        • privacypolicy
        • reset_pw
        • standardpage
        • 404
      • Reusable elements
        • header
        • footer
        • signup/login
        • popupsreusable
        • menufocusgroup_template (︙)
        • menufocusgroup_user
        • menufocusgroupfeature_b
        • menufocusgroup_email
        • menufocusgroup_notifications
        • menufocusgroup_shoppingcart
        • menufocusgroup_search
        • cookiespermission
        • homepageblocks
        • admin portal reusables
          • admindashboard
          • admingeneralsettings
          • adminemail
          • adminseosettings
          • adminsocialmediasettings
          • adminsocialmediainfo
          • adminlegalpages
          • adminhomepagesetup
          • adminstyles
          • adminfeaturebacklog
      • Data and workflows
        • Data structure
        • Option sets
        • API workflows
      • Canvas Pages: lists of modules & page templates
  • Demos
    • Yelp for Books
  • Other Canvas templates
Powered by GitBook
On this page
  • Signup / Login Reusable Overview
  • Custom workflows
  • Popup usage
  • API workflows
  • More signup/login info

Was this helpful?

  1. Using the template
  2. Reference
  3. Reusable elements

signup/login

PreviousfooterNextpopupsreusable

Last updated 4 years ago

Was this helpful?

Signup / Login Reusable Overview

Our standard signup/login reusable element can be put on a , and is included in a popup in the . We add the popupreusables reusable element to the so we can trigger widely used popups from any page in the app.

Custom workflows

  • complete sign up - This will mark the current user's Date completed sign up field as completed and end the sign up flow.

  • move current step - This will move the sign up step to the next step.

  • select user type - This will update the user type selection

  • update profile (email verification) - This workflow will only fire if the App owner requires users to verify their emails during sign up. This will schedule an API workflow to send an email verification link to the user.

  • update profile (no email verification) - This workflow will only fire if the App owner does not require users to verify their emails during sign up. This will mark the current user's Date completed sign up field as completed and end the sign up flow.

  • set login - Show the login view

  • set reset_pwd - Show the reset PW view

  • set signup - Show the signup view

  • restrict to login - Restrict the reusable to show only the log in view

  • restrict to signup - Restrict the reusable to show only the sign up view

  • close popup - close the popup that this signup/login reusable is placed on. This is already set up in the template on the popupsreusable element.

Popup usage

When using the signup/login popup, instead of signing in on the signup/login page, users will remain on the page that they've signed up on until they fill out the form in step 2 of the signup process. By default, step 2 is where a new User inputs their First and Last name.

After this, if email verification is enabled, users will be redirected to the login page until they've verified their email. Otherwise, this popup will close.

API workflows

More signup/login info

Note that the Single Sign On (SSO) flows with Facebook, Linkedin and Gmail are not set up in the template. Only the UI is included, not the workflows for those actions. Refer to the for more information or check the Bubble forum for examples of these implementations.

There are ten custom workflows in the signup/login reusable element (some are duplicated in the so they can be triggered from the as well):

update signup method (of type text) - By default, the signup method will be "Email". If a user is signing up with a social media account, please update the custom workflow "update signup method" in the sign up workflow to the name of the social media login method (e.g. Linkedin, Facebook, Twitter, and etc.). This will ensure that a logged in user cannot see the login credentials tab on the (it will only be visible if a user's login method is "Email").

Please click here to learn more about associated with the sign up process.

See the "" section for more info on how to configure this reusable element.

Bubble Reference
popupsreusable
header
account page
API workflows
Set a password policy
login page
popupreusables reusable element
header
Email Verification
Bubble editor view