Plugins
Templates
Zoomio - Video Chat Template

Introduction

Zoomio - Video Chat Template is a no-code template that allows to collaborate and create conversation using video chat between two people by inviting to a meeting room . It has responsive design. The template allows subscription to three different plans and payment through Stripe. For video chat template has integrated Tokbox API (https://tokbox.com/pricing)

Features

  • Responsive design
  • Video chat via Tokbox
  • Stripe payments
  • User Dashboard

Data Structures

Data type
Field
Type
List?
Notes
User
The user is created during the registration in the project and is saved in the Project Database, the fields can be changed at any time and the profile settings.
User
Avatar
Image
User
First Name
Text
User
Surname
Text
User
Full Name
Text
User
Plan Name
Text
User
userPlan
Plan
Yes
Plan
The plans are needed to be attached to the user after the User selects the desired plan and makes the payment. The user saves in the database all the plans purchased by him.
Plan
countMeetings
Number
Plan
Name
Text

Pages

Page Title
States
Element
Notes
index
Acts as a login / sign up page, user is created on this page and saved in the database.
meet
video
iframe html
This page is created to be sent to the invited person in video chat.
reset_pw
Here the user can change his password in case he forgot it.
login
Here the user can log in to his account to start a conference.
room
After the user has created or logged in to his account he is redirected to this dashboard page, where he can make changes to his information or start a conference with another person.
404
If the user tries to open a page that does not exist in the project, he hits this page.

Reusable Elements

Reusable Element
States
Type
Notes
Footer
In Footer you can find links to all pages of the project logo and copyright.
Header
In the Header you will find the project logo and the possibility to log in, or the information about the logged in user.
Signup / Login Popup
This Popup is required to be implemented on all pages where the user is required to log in.

Things to Note

Room page

On the page (room) is integrated an iframe that connects with Tokbox to make possible the video connection between two members, you can see in the attached screenshot. To connect with Tokbox you need to create a developer account and get your tokbox iframe embededID from the site (https://tokbox.com/).

Payments

The application allows you to choose the desired plan: Free Trial, Starter, Growth.
Free Trial Plan - Allows access to the application for 7 days from the date of selecting the plan and includes 2 video sessions.
Starter Plan - Includes 5 video sessions and the monthly cost is $ 10 for a month.
Growth Plan - Includes 15 video sessions and the monthly cost is $ 29 for a month.
All payments are made through Stripe. This template uses default Stripe plugin, as main payment gateway. [See the documentation on how to set Stripe Payments in Bubble App.]
More on Stripe subscriptions: https://stripe.com/docs/billing/subscriptions/overview

Demo to preview the template

Last modified 3mo ago