Pages Overview

This section states the purpose of each page.

✏️ Introduction

In this summary, we will describe each page and its content. The Page Element is the fundamental one that contains all the other elements.

Tip: See Bubble Reference for more information about Pages element https://bubble.io/reference#Elements.Page​ πŸ™‚

β€‹πŸ“„ Pages


This is the main page typically encountered first on the web app that usually contains links to the other pages of the site. A homepage includes a variety of menus that make it easy for users to find the information they need.

The index page shows a slide of users' profiles. A swipe to the left indicates a dislike, while a swipe to the right goes for a like for the user.

On the user's slide, you can look at the photo, name, age, location, and how far they are. Clicking on ="i" icon will follow you to the user profile page, where you will find a photo gallery and a short description of the selected user. The "star" icon allows you to give a Super Like to a user.Besides the swipe to the left and right, there are buttons that "duplicate" swiping - "heart" icon and "cross" icon buttons.

Document image

Index page navigationIn the interface, besides the swipe to the left and right, the buttons that correspond to this functionality are buttons with the "heart" icon and "cross" icon.

Tip: To view additional information about the user, click on the info icon.

Document image

The user can not only change his information on the Edit profile tab but also customize the search on the Match Preferences tab by the following parameters:

  • Maximum Distance
  • Preferred gender
  • Age Range

Don't forget to click the "Save" button after changes πŸ™‚

Document image

Matching tab designIf another user has already swiped you to the right, and you did the same, the following message will appear with the option to start a conversation right now.

Document image

The platform has a limit on the maximum number of profile photos equal to six.

Document image

Super Likes

Super Likes give the user possibility to start the conversation with another one without an actual match taking place (without mutual likes).

To initiate a discussion after Super Like was given, both users should have an active subscription. If the person who was given Super Like has no subscription or bundles of Super Likes purchased, he will not be able to see details or send a message to the person who gave the Super Like until paying for the subscription or a bundle. The author of Super Like will be displayed in the Matches tab as an unidentified user with Super Like icon.

Also, another scenario is possible. If you super liked someone, and this user gave you a Like then, in any case, a standard mutual like (match) will happen. To use the functionality of the Super Likes, you need to purchase them as bundles or get a subscription, giving you a monthly amount of super likes (available on the Subscriptions tab). Also, there you can check the remained amount of Super Likes.

Document image

Payment information

On the Payment Information tab, you can bind your credit cards to your account, and set a default card (to pass payments through). Please note that adding a new card will automatically bond it to your application account and stripe payment system. You can also modify the data of the already added card, by selecting it and pressing in the appeared pop-up "Edit card". If you want to unbind a card, then you need to press the cross icon available on the right upper corner of the bank card. In this tab, you can find available the history of all payments for this account. Each payment includes the following information:

  • Name of the purchase
  • Description (if any)
  • Amount of payment
  • Date of payment
  • Purchased product logo
Document image


The subscription allows you to interact with users that super liked you. Also, a subscription gives you a certain amount of Super Likes monthly. You can purchase a subscription or find the details on the current one in the Subscriptions tab. The payment is powered by Stripe. If you have already added your credit card to the account earlier, then it will be charged automatically.


On the Matches tab you can see two types of users:

  • Users with which you have mutual likes
  • Users who super liked you (displayed within a starred tab)

Closed user type appears when you are super liked by someone, and you don't have a subscription. To find out who super liked you, you need to purchase any type of subscription.

Types of interaction with users (if are opened to you):

  • See a profile
  • Start a conversation
  • Delete
Document image


On the Inbox tab you can see users with whom the conversation is started (in list of chats are displayed only those that have at least one message).​


This page is designed to manage platform data, e.g. Users, Items, Payments… and others. Only users with admin rights are able to access this page (in read-only mode), and those users who have access rights can edit or delete anything here.The dashboard allows the admin to see a list of users, a list of conversations, and general statistics with graphics.

Tip: Initially, the design elements might be hidden in the editor.

Here is how to unhide πŸ‘€ them:

Document image


In this tab, the admin sees the whole list of application users, which can be filtered. The administrator can change user data: edit or delete the user and see their list of conversations from the profile.

Document image


In this tab, the admin can view the conversations, participants, and number of their likes, users' profiles, and the conversation themselves. Also, through the search field, you can search conversations by the name of users that are within this chat.

Document image


In this tab, the admin can view information about the total number of users, categorized and displayed by month/year. The number of users that are on annual subscription. The number of all subscriptions for a year and the total amount paid for them.The information can be filtered by the following types:

  • By year or month
Document image

Users who are administrators of the platform can not only change information about users, but also permanently delete them from the platform.

Document image

Read about how to get administrator access and remove the ability to log in a demo user in the Admin Rights guide.


This page is used for creating an account or logging in to an existing one. To access it, users will click on β€œSignin” button in the header. Besides standard registration, users can also use their social media accounts (e.g. Google or Facebook) to register or log in. On this page, users are offered a demo user to log in and test all the template features. For detailed information on how to remove this button, see the Remove Demo Login section.

The page is used to log in with Facebook. When logging in with Facebook the app extracts the user's first name, last name and profile photo from his Facebook profile.

Tip: After logging in, the users can change their first name, last name and photo.

Document image

Also on this page you can enter the admin panel (or dashboard page) and as a demo user. Read about how to get administrator access and remove the ability to log in a demo user in the guides:

Document image


This page contains a simple form used for resetting the password.

Document image

When user confirms new password, the old one is being reset based on the input values:

Document image


This is a custom-designed page for 404 redirect errors, informing a user that the web page he or she is looking for cannot be found.

Document image

The design of this page consists of only two text fields. Therefore, there are no workflows in the "Workflows" tab.

Document image

πŸ“œ Table of Contents

In order to properly configure the template please read the *required sections of this documentation.