Canvas Documentation
Bubble Best Practices
v3
v3
  • Introduction
  • Key Features
  • What's New
  • For Designers
  • CANVAS FUNCTIONALITY
    • Getting Started
    • Branding & Design
    • Marketing Pages
    • Bubble Pages & Blocks
    • Roles & Permissions
    • Menus & Navigation
    • Data & Workflows
    • Emails & Alerts
    • Miscellaneous
    • Reference
      • Pages
        • Index
        • Admin Portal
        • Account
        • Login
        • Legal
        • Reset Password
        • Verify
        • 404
        • Privacy Policy (deprecated)
        • Terms of Service (deprecated)
      • Reusable elements
        • Header
        • Footer
        • Signup & Login
          • Integrate some to parent
        • Popups Reusable (derprecated)
        • Cookies Permission
        • Widgets
          • UI Widgets
          • Workflow Widgets
        • Admin Portal
          • Admin analytics
          • Admin email templates
          • Admin header & footer
          • Admin legal popups
          • Admin branding, launch, and settings
          • Admin marketing pages
          • Admin portal canvas logic
          • Admin option settings
        • Menu Focus Elements
          • Integrate some to parent
      • Data types
      • Option Sets
      • Backend Workflows
      • Design standards
        • Manually Building UI
  • Bubble Best Practices
    • Learning Bubble Basics
    • Principles
    • Database
    • Design
    • Security
    • SEO
    • Speed
    • Modularity
      • Data triggers
Powered by GitBook
On this page
  • Sign up flow - set up email verification
  • 2-step sign up (no email verification)
  • 3-step sign up (email verification)
  • Additional UI components you can show in the sign up group

Was this helpful?

  1. CANVAS FUNCTIONALITY
  2. Reference
  3. Reusable elements
  4. Signup & Login

Integrate some to parent

Various email-related options are included with our Canvas SendGrid setup.

PreviousSignup & LoginNextPopups Reusable (derprecated)

Last updated 4 years ago

Was this helpful?

Sign up flow - set up email verification

There are currently two sign up flows (modifiable by the App admin from the admin portal):

  • 2-step sign up (no email verification)

  • 3-step sign up (with email verification)

2-step sign up (no email verification)

3-step sign up (email verification)

Once the user clicks on the link in the email, they will be redirected to the verify page. If the email verification token is valid, the user will see the following:

If the email verification token is invalid (e.g., the user has already verified his email or the verification link has expired after 24 hours), then the user will see the following:

Additional UI components you can show in the sign up group

  • Social media buttons

    • Check the box for this element is visible on page load for Group other buttons (sign up) and show the social media button group you want to use.

    • Add a workflow action that authenticates with the social media site you'd like to use.

    • Set up the API keys in the relevant plugin (Facebook, LinkedIn, Gmail, Spotify, etc.). If you don't know how to do this, refer to the Plugins section of our Bubble Development Guide.

  • User type toggle

    • Check the box for this element is visible on page load for Group User type (sign up)

    • Please remember to change the data source (text) for Group user type 1 and Group user type 2

  • Profile picture and other inputs

    • Check the box for this element is visible on page load for Group profile pic (sign up) and unhide Group additional fields (sign up)

To add additional inputs to the sign up flow, simply resize Group Signup DEADSPACE 2/3/or 4 and add your inputs in the space created.

Step 1 - Sign up with email and password
Step 2 - Add profile details
Step 1 - Sign up with email and password
Step 2 - Add profile details
Step 3 - The user will need to click the link in the email to verify their email address
Users need to click "verify email"
Choose a Facebook plugin to use.
Press "Enter your API key" to be taken to the view below (in the Plugins tab).
Set up Facebook API - this is found in the Plugins tab of the Bubble editor.