Setup Guide

This guide is the beginning of the documentation with the built-in Notes for the database. Will help you gain a better understanding of how the template and Bubble works.

Starting with the Template

Once you have bought or added a template to your account, you will see a dropdown in the New Application popup that lets you pick a template as the basis for the new application.
☝
Note: this can only be done when you create a new app.
Image without caption
After you've selected a template you bought, complete the other fields with necessary data (i.e: Name of the new app, What kind of application you are building, etc) and press Create a new app.
πŸ’‘
Tip: A template isn't a theme for your app, but a pre-built set of elements and workflows. You can modify the template as you would modify another app.
Wait for Bubble to load the application with all the data.
Image without caption
After the application has loaded, you'll see the bubble assistant on the right side for New Application. You can close it or follow the assistant steps to adjust different settings.
Image without caption
βœ…
Congrats! You have successfully created a Bubble app based on your template. Now, you can proceed with the setups and dive into Bubble no-code development toolset.

Payments

Card payments in this template are powered by Stripe, using the default card checkout providing a secure environment for users. To set up your Stripe account, go toΒ https://stripe.com, and create an account.
☝
Note: You will be allowed to access your dashboard once you have successfully verified your email address and activated your account.
This template is using Bubble's Stripe plugin for payments.
Now we'll configure theΒ Stripe dashboard, and theΒ Stripe pluginΒ within your editor. Please follow the Stripe payments instruction below to configure.
☝
Note: You will be allowed to access your dashboard once you have successfully verified your email address and activated your account.
⚠️
Payments: See the documentation on how to set Stripe Payments in Bubble App.
πŸ’‘
Tip: Genuine card information cannot be used in test mode. Instead, use test Stripe cards credentials.

Google Geocode API key

☝
Note: For map element proper work you will need to create a Google Developer account to get the API key. Follow the steps: https://manual.bubble.io/help-guides/working-with-data/working-with-location-data#set-up-your-app-in-google-developers-console
Image without caption

AI Chatbot Integration

A new feature that is powered by the Cerum Flow platform.
This allows your application to have an AI-powered chatbot, that will answer any customers’ questions, within the framework of uploaded content.
πŸ’΅
Please note that this is a paid feature, thus, to use it within your app, a paid subscription to the Cerum AI platform is required! Find the subscription plan pricing available here: https://www.cerum.ai/flow
⚠️
Chatbot setup: See the documentation on how to set the AI Chatbot in Bubble App.
If you don't need this feature within your app, feel free to remove it. In this case, delete the:
  • Cerum Flow plugin element on the index page:
Image without caption
  • Chatbot window on the index page:
Image without caption

Remove Demo Login

This template comes with demo accounts and demo buttons for testing purposes, which do not require a full sign-up process to test the platform features. Feel free to delete these login options in your app.
πŸ’‘
Tip: Please note that deleting the demo buttons will delete the button workflows as well. Removing these demo options doesn't affect any other aspect of the template.
In order to delete demo items, follow the instructions:
  • Go to the SignUp / Login Popup reusable element and delete the "Demo login" button:
Image without caption
  • Go to the SignUp / Login Popup reusable element, unhide the "Group Log in" and delete the "Demo login" button.
Image without caption
  • Go to the header reusable element, and delete the "Group Menu Admin” element.
Image without caption
⚠️
Admin: See the instructions on how to grant Admin Rights in your template.

Remove Banner

This template comes with a promotional banner above the Header element. Feel free to remove it from your app.
⚠️
Banner: See the instructions on how to remove the Rapid Dev Banner in your template.