Plugins
Templates
Template Setup Guides

Zoomio - Video Chat Template

Template page link: https://zeroqode.com/template/zoomio---video-chat-template-1590242244897x499949281628129660

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 Structure

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 Description

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 Description

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