Last updated: 2022-08-10

Widgets and integration

Widgets

Two widget types are offered: One has a small widget in a bottom corner of the owner's choice, where a chatbox would typically go. The second option is a larger overlay widget which appears over top of the website's content after a specified number of seconds. It is changeable through the Configuration page of the CamToCall Control Panel.

Examples of both widgets can be found on the Interactive Demo page.

Integration with your website

CamToCall is integrated with your website by adding a single line of code to your source code. This code is visible at the bottom of the overview page of your CamToCall control panel alongside the different widget types available. This line of code should be added to the body section of your website's code. If you are having any difficulty with the integration of CamToCall with your website we are happy to assist you if you contact us.

Rooms

Room creation

Creating a room enables you to stream to your website and to communicate with people who click on your widget to initiate a video call.

To create a room, you will be asked for several bits of information including:
- A unique identifier - this can be whatever you want it to be, and will not be visible to anyone but the CamToCall account user.
- Your name - this will be visible to end-users in both the small and large widget integrations.
- A description - This is a longer description that is shown only in the large widget.

Once you have an account you will have several different types of video calls to choose from. If you select the default, when someone clicks your widget from your website, the video call will be completed within the browser (embedded). Alternatively, you can select from one of the other options (Zoom, Google Meet, Microsoft Teams) and provide an action URL (where the user will be redirected to when they click on your CamToCall widget).

Multiple rooms

Only one person can stream to any one room at any time. However, each account can have multiple rooms. This means that if you have a team and multiple people are streaming to different rooms at the same time, the viewer to your website will only see one of the people that’s online, giving the team the ability to assist multiple customers simultaneously. This also gives employees the opportunity to drop off the site at any time without affecting the consumer's view as another employee's call would take their place.

Billing

Plans

There are several different billing plans. They are based on two different factors, streaming time and viewing time.

The Free plan provides you with a 5 hours of streaming and 10 hours of viewing time to give you a chance to test out CamToCall on your website.

The Basic plan costs $60 per month and gives you 40 hours of streaming per month and 200 viewing hours per month.

The Enterprise plan allows 24/7 streaming capabilities alongside negotiable viewing hours.

Streaming vs viewing

- Streaming time: the number of hours your team has been streaming through our servers.
- Viewing time: the number of hours people have been on your site when you’re streaming to your website. If you stream for one hour and during that time you had 10 users on your homepage, each for 5 minutes, this would be 50 minutes of viewing time. Please note, that if you’re using the embeddable code set to Both, your viewing time will be doubled as they are technically viewing you twice.

Accumulation of hours

All plans have hours which accumulate. This means any of your unused viewing or streaming hours that were unused each month will be placed in your account for your future use.

Changing your payment method or canceling your subscription is easy and can be done simply from the Payment page of the CamToCall Control Panel.

Streaming

CamToCall Streamer

The easiest way to stream is by using the CamToCall Streamer, for which there is a link in the Room Info page of the Control Panel.

Alternative software

If you would rather use your own livestreaming software, such as OBS, simply select one of your rooms from your CamToCall dashboard and you will find the server stream info at the bottom. If you are streaming using anything other platform than the CamToCall Streamer, make sure you select a Keyframe Interval of 2s.

Video calls

Default (embedded)

When creating your room with the default video call type, a video call room is automatically set up and can be accessed from your Room page of your Control Panel.

Action URL

If you would rather use Google Meet, Zoom, Teams or another tool for your video calls, simply select the appropriate Video call type option when creating your Room through the Control Panel.

On Room creation, you will be prompted for an Action URL. This is the URL that clicking the video call button within the widget will link to. An example, if you wanted to use Zoom, would be something like https://us06web.zoom.us/j/8326877559?pwd=eUY0T2VLMVVXYm9ocmU1Tjl1TnlnQT09

Streaming and video calling from the same computer

If you are looking to broadcast to your website and have video calls on the same computer, we advise that you do both within the same browser. If you use different browsers, or try to run the Zoom or similar software, there is an issue in Windows which prevents a video source from being used by two pieces of software simultaneously.

Configuration

Styling

The configuration of your widget is completely customizable. You can personalize the color of the background gradient by clicking on the box at either end of the gradient. To complement the color, you can change the strength of the gradient by moving the slider just below the preview. Just under the gradient slider, there is an option to change your text color on the widget itself.

When your widget pops up on your website, there will be an animation that pulses through the widget drawing users attention to its location. You have an option to change the color or remove the pulse entirely.

The heading text, another feature within the configuration of your widget, is displayed as the main line of text in the widgets. We recommend writing something short and exciting to further draw users' attention. Some examples could be: Speak to us now!, 24/7 professional help!, etc.

Notifications

You can set up notifications to be alerted to when somebody requests a video call. This is helpful if you are streaming to the website while also doing other work. Notifications can be requested to be sent by SMS or with an automated phone call. SMS and Phone call notifications will be sent from the number +1 (970) 528-8787.

Timings

Initial delay - The time between when the page loads and when the CamToCall widget connects to the video server. At least 1 second is recommended. If you are having problems loading your website with the CamToCall widget enabled, increase this number.

Small widget visibility gap - The gap between when the CamToCall widget has started loading (set in Initial Delay) to when the video becomes visible. If video stutters upon loading, increase this number.

Big widget visibility gap - The gap between when the CamToCall widget has started loading (set in Initial Delay) to when the video becomes visible. If video stutters upon loading, increase this number.

Scheduling a meeting

Under the “Schedule a later meeting link” in the configuration tab, you can use Calendly, SavvyCal, or a different platform and place the URL in the box. This feature will users to schedule a meeting as an alternative to an instant video call. The link will be put in both the large and small widgets. If you wish to disable this function, leave the space blank and it will not appear.