Zoomio - Video Chat Template
Template page link: https://zeroqode.com/template/zoomio---video-chat-template-1590242244897x499949281628129660
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)
Responsive design
Video chat via Tokbox
Stripe payments
User Dashboard
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 | | |
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 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. |
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/).
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
Live Demo: https://zoomiotemplate.bubbleapps.io/