Littlebay Templates Documentation
  • Welcome!
  • Quick Links & Tips
    • Littlebay Forum
    • Support Email
    • Built-In Documentation
    • Navigating the Bubble Editor
    • Navigating this Documentation
    • List of Bubble Guides
  • Messaging Template
    • Release Notes
      • 05/28/21 Guide on How to Update the Template's Select Conversation Workflow
      • 09/05/20 Guide on How to Update the Template's Video Chat Service
      • 06/14/19 Guide on New Conversation Functionality
    • About this Template
    • Setup Guide
    • Development Guides
      • Built-In Workflow Notes
      • Pages Summary
      • Reusable Elements Summary
      • Passwords
      • Translating Your App
      • Mini Guides
        • How to Remove Group Conversation Functionality
        • How to show the Chat window after clicking "Message" on the Profile Page when a Conversation Exists
      • Pages & Reusable Elements (Organized by Folder)
        • 1. Marketing
          • index
          • landing
          • 404
        • 2. Navigation
        • 3. Logged In
          • account
          • admin
          • change_pass
          • confirm
          • messages
            • Pageload Design
              • 1. Responsive
              • 2. Mobile Pageload
              • 3. New User
              • 4. New Conversation (Parameter)
              • 5. New Conversation w/ User (Parameter)
              • 6. View Conversation (Parameter)
              • 7. Viewing/Editing the Colors of the Message 'Bubbles'
            • Built-In Functionality
              • 1. Start a Conversation
              • 2. View/Select a Conversation
              • 3. Search for a Conversation
              • 4. Delete or Leave a Conversation
              • 5. View More Messages in a Conversation
              • 6. View Unread Messages
              • 7. See Who's Typing
              • 8. See Who's Seen Each Message
              • 9. Send Images in a Message
              • 10. Send Files in a Message
              • 11. Send a GIPHY in a Message
              • 12. Send a YouTube Video in a Message
              • 13. Start a Video Chat
          • onboard
          • profile
            • 1. Follow/Unfollow the User
            • 2. Send a Message to the User
            • 3. View the User's Followers
            • 4. View Who the User is Following
            • 5. Edit Profile
          • reset_pw
        • 4. Legal
          • privacy_policy
          • terms
    • Design Resources
      • Design Overview
      • Design Guide
      • UI Components
      • Page Templates
  • Responsive Base Template
    • Release Notes
    • About this Template
    • Setup Guide
    • Development Guides
      • Built-In Workflow Notes
      • Pages Summary
      • Reusable Elements Summary
      • Passwords
      • Translating Your App
      • Pages & Reusable Elements (Organized by Folder)
        • 1. Marketing
          • index
          • landing
          • 404
        • 2. Navigation
        • 3. Logged In
          • account
          • admin
          • change_pass
          • confirm
          • onboard
          • profile
            • 1. Follow/Unfollow the User
            • 2. View the User's Followers
            • 3. View Who the User is Following
            • 4. Edit Profile
          • reset_pw
        • 4. Legal
          • privacy_policy
          • terms
    • Design Resources
      • Design Overview
      • Design Guide
      • UI Components
      • Page Templates
Powered by GitBook
On this page
  • Overview
  • Why does this page exist?
  • Who can access this page?
  • What does this page allow my Users to do?
  • Where do my Users click in order to go to this page?
  • When are my Users taken to this page?
  • What should I keep in mind about this page’s workflows?
  • What else should I keep in mind about this page's design?
  • How to Send a Confirmation Email to New Users
  • How to show the "We've just sent a confirmation email" Group instead of directing the Current User to the onboarding page when a new User signs up:
  • How to Change the "We've just sent a confirmation email" Text:
  1. Responsive Base Template
  2. Development Guides
  3. Pages & Reusable Elements (Organized by Folder)
  4. 3. Logged In

confirm

Previouschange_passNextonboard

Last updated 6 years ago

Overview

Editor

Desktop

Mobile

Why does this page exist?

By default, the template does not require new Users to confirm their email address, and it does not send new Users confirmation emails. This guide describes how to send confirmation emails to new Users when they sign up, and how to customize the confirmation email that's sent.

If it's not crucial that a User confirms their email, it may be best not to require this so new Users can go to the onboard page and explore your app immediately after signing up. 🙂

Who can access this page?

Currently, anyone can access this page, but it is meant to be accessed by Users who clicked a link to confirm their email.

What does this page allow my Users to do?

This page changes the User's "email confirmed" field's value (type: yes/no, list: no) to yes automatically. The "email confirmed" field is handled automatically by Bubble and built into every app; it can't be deleted.

You can utilize this field's value to show/hide certain features of the app or redirect users, by using the expression When Current User's "email confirmed" (type: yes/no, list: no) is [yes or no] --->

These are just example conditionals and event conditions, and are not included anywhere in the template.

Where do my Users click in order to go to this page?

The confirm page is not within any of the template's navigation elements.

When are my Users taken to this page?

If you choose to send a confirmation email to new Users, the link in that confirmation email will navigate them to this page.

What should I keep in mind about this page’s workflows?

The confirm page contains the Button Get Started (Goes to Onboard) element which navigates the Current User to the onboard page:

What else should I keep in mind about this page's design?

Those are not referral links and Littlebay is not affiliated with Streamline Icons or Undraw.

How to Send a Confirmation Email to New Users

  1. Navigate to the login/signup popup reusable element in the page elements/organizer:

2. In the workflow tab, click on the workflow event "When Button Sign Up is clicked". This will show you a screen like this:

3. Now we need to modify the "Sign the User up" action, so that it sends a confirmation email each time a new User signs up. To do this, click the "Step 1: Sign the user up" action, highlighted in yellow below:

4. This will open the action's editor. Since the "Send an email to confirm the email" is unchecked, check this checkbox so that a confirm email is sent each time this action is run:

5. Make sure the Confirmation page is set to the "confirm" page:

6. Now an email will be sent to every new User who signs up. When a new User checks their email and clicks the confirmation link in the email, they will be navigated to the confirm page. This will also change the built-in "email confirmed" field (type: yes/no, list: no) to "yes".

The "email confirmed" field is a built-in Bubble field, that is not visible and can't be deleted in the Data tab. It is handled automatically by Bubble. It can be used to show, hide and redirect Users who haven't changed their email by using the expression "When Current User's "confirmed email" is "no" --> do the following."

How to show the "We've just sent a confirmation email" Group instead of directing the Current User to the onboarding page when a new User signs up:

By default, the template's Sign Up workflow is setup in this way within the login / signup popup reusable element:

To show the Group Confirmation Email element instead of directing the Current User to the onboard page:

  1. Remove the Go to page onboard action

Setting the login/signup popup element's "mode" custom state value to confirm ensures that the Group Confirmation Email element is visible after the Current User clicks signup:

How to Change the "We've just sent a confirmation email" Text:

1. Click the caret icon to expand the Elements Tree panel:

2. Click the + icon to expand the Group Login/Signup Container element:

3. Click the Group Confirmation Email element to make it visible in the editor:

4. Click on the Text Confirmation Email Sent element (if you'd like to modify the text shown when the confirmation email is first sent):

The illustration on this page is from Streamline Icons and Illustrations. If you would like to change the illustration used on this page, other options are available . There are also free, MIT-licensed illustrations available from .

Set the login/signup popup reusable element's "mode" custom state (type: text, list: no) to confirm. (You can do this by going to Element Actions --> Set state):

here
Undraw