19min

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

User

It comes with the following fields: Avatar, First Name, Surname, Full Name, Plan Name, userPlan.

Plan

It comes with the following fields: countMeetings, Name.

Pages

index​​

Acts as a login / sign up page, user is created on this page and saved in the database.

meet

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

​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/).

Document image

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