• First, log in to your Wix account.
• Edit your website.
• Go to your RumbleTalk element/chatbox.
• Click Settings.

• Select Admin.

• You will be redirected to your RumbleTalk account.
• Next, click Upgrade.

• Choose what you want to upgrade (rooms, admins, keywords, etc.).

That’s it! You’ve now successfully upgraded your account.

The post How to upgrade an account using Wix? appeared first on Online Group Chat Room Plugin for Websites and Live events.

1. Log in to your RumbleTalk account and get your chat code
   You can get your code on the Embed tab and click the Get Code button. Click Copy to place it in your clipboard.

a. Sign up and start chatting
i. Sign up by clicking here.
ii. Type your email address and choose a password.
iii. * This information will be used to log in to your admin panel.

b. Get your chat
Now you are in the admin panel dashboard.
Just choose your preferred embedding option: 
● Webpage embed – Add the chat as part of the page. You can control the size and dimension (see it on this page).
● Floating embed – clicking on the checkbox floating, will let you add the chat as a floating toolbar chat

i. Go to the Embed section.
ii. Click on the Get Code button.
iii. Copy (Ctrl-C or ⌘+C) the HTML-embedded code
iv. Paste (Ctrl-V or ⌘+V) the code where you want RumbleTalk to appear on your HTML page.
NOTE: RumbleTalk live chat is elastic chat, meaning it will consume all of the space you allocate for it. You can check out our article about chat embed.

2. In your WebFlow editor, paste the chat code using the “Custom code embed” feature. You can check the WebFlow code embed.

Congratulations, you have successfully placed your chat on the WebFlow site.

The post Embed a RumbleTalk chat on WebFlow appeared first on Online Group Chat Room Plugin for Websites and Live events.

Use RumbleTalk by embedding

1. Log in to your RumbleTalk account and get your chat hash code.

You can get your chat hash code under the current chat. The hash code is composed of 8 characters. It might be a mix of letters, numbers, and symbols.

2. On the RumbleTalk plugin demo page, you can paste your hash code of the chat to generate a chat code that will be embedded in any Bubble website.

The “Allow Login SDK” option logs current users using the Bubble app users database.

This is the result of the unchecked Login SDK. It has the codes for displaying the normal group chat.

This is the result of the checked Login SDK. It has codes for displaying the group chat with a function to automatically log current users inside the chat.

**Note: Change the text of “change_here” according to your current user data.

3. Open bubble.io. On the left side, select the Design tab. In the UI Builder, click the HTML under Visual Elements.

4. Place your HTML tag in the desired position where the chat will be set.

5. Paste your chat code replacing the “<i>edit me…</i>” text and close the window of the HTML tag (located on the upper-right of the gray box).

* For the Login SDK, you can highlight first the words “change_here”.

After highlighting the “change_here”, click the “Insert dynamic data”.

This will allow you to put your “Current User“ inside the chat.

After selecting “Current User”, click the name you want to use by the current user. In my case, I chose the “ ‘s username ”. This option depends on your fields inside the Bubble database.

Congratulations! You have made your RumbleTalk Group Chat on Bubble.io. 

Adding a username

* This section is only for new users who don’t set up their database at Bubble.io

1. In the Bubble Editor, select the Data option.

2. The Data option brings you to your Bubble’s database. Click the Create a new field.

3. Once clicked, a pop-up window will appear. Set the Field name to username and the Field type to User. After supplying the following fields, click Create.

Congratulations, you have added a field of username to your Bubble database.

You can add data by selecting App data and clicking New Entry.

After adding data, you can try a specific user to log into your Bubble App by clicking Run as → in the specific row of the user that you want to use.

That’s it!! Your database is ready.

The post Integrate RumbleTalk to Bubble.io appeared first on Online Group Chat Room Plugin for Websites and Live events.

Use RumbleTalk to Bubble by embedding

1. Log in to your RumbleTalk account and get your chat code.

You can get your code on the “Embed” tab and click the “Get Code” button. Click the “Copy” button to place it in your clipboard.

2. Open bubble.io. On the left side, select the “Design” tab. In the “UI Builder”, click the “HTML” under the Visual Elements.

3. Place your HTML tag in the desired position where the chat will be set.

4. Paste your chat code replacing the “<i>edit me…</i>” text and close the window of the “HTML” tag (located on the upper-right of the gray box)

Congratulations! You have made your RumbleTalk Group Chat on Bubble.io.

The post How to integrate RumbleTalk chat plugin to Bubble appeared first on Online Group Chat Room Plugin for Websites and Live events.

Embed RumbleTalk Group Chat Module in a Drupal Page

NOTE: Before you proceed, you must log in to your Drupal Website as an Administrator.

1. Go to the “Block Layout” page

Go to the Block Layout page by clicking the Structure tab, which is located at the menu bar of your Drupal page.

2. Place block of RumbleTalk Group Chat

On the Block Layout page, scroll down to the Content area, where your chat will be placed. Click Place block to place the RumbleTalk Group Chat module.

After you click Place block, it will show you a pop-up window that has all the available blocks including RumbleTalk Group Chat. Search for the RumbleTalk Group Chat block and click on Place block.

3. Configure block for RumbleTalk Group Chat

By clicking the Place block button, you will be redirected to the other pop-up window, which is Configure block. In this window, you can customize your block depending on your preferences. After customizing, click Save block.

4. Go back to site and check your RumbleTalk Group Chat block

After you customize your RumbleTalk Group Chat block, go to the page where you placed your chat.

5. Open RumbleTalk Group Chat Settings

There are two options for opening the RumbleTalk Group Chat Settings.

First Option:

If it’s the first time you installed the RumbleTalk Group Chat module, this option is the best for you.

In this option, you can simply click the Settings link, which will direct you to the RumbleTalk Group Chat Settings page.

Second Option:

If you already have RumbleTalk installed, go to Configuration > Web services. Click RumbleTalk Group Chat.

6. Set up your chat and save

In the RumbleTalk Group Chat Settings, you can set up your chat by placing your hashcode, height, width, and members only button.

After you have set up and saved the chat settings, go back to your page where you placed your chat.

NOTE: The Edit Chat Settings button is only available for the Admin view only.

Congratulations, you have now a RumbleTalk Group Chat on your Drupal page.

How to change chat settings in Drupal?

NOTE: Before you proceed, you must log in to your Drupal Website as an Administrator.

1. Open RumbleTalk Group Chat Settings

There are two options for opening the RumbleTalk Group Chat Settings.

First Option:

You can open your chat settings by opening the chat where you have placed the block. Click the Edit Chat Settings button to redirect you to the settings page.

Second Option:

You can open your chat settings directly using the menu bar. Click the Configuration tab. Choose RumbleTalk Group Chat.

2. Change the chat according to your preference

On the RumbleTalk Group Chat Settings page, you can now edit and place the new hashcode, height, and width. After changing, click Save.

That’s it.

If you need assistance, you can send us a message at https://rumbletalk.com/about_us/contact_us/.

The post How to Embed RumbleTalk Group chat module in a Drupal page? appeared first on Online Group Chat Room Plugin for Websites and Live events.

1. Open RumbleTalk Group Chat Settings

There are two options for opening the RumbleTalk Group Chat Settings.

First Option:

You can open your chat settings by opening the chat where you have placed the block. Click the Edit Chat Settings button to redirect you to the settings page.

Second Option:

You can open your chat settings directly using the menu bar. Click the Configuration tab. Choose RumbleTalk Group Chat.

2. Change the chat according to your preference

On the RumbleTalk Group Chat Settings page, you can now edit and place the new hashcode, height, and width. After changing, click Save.

That’s it.

The post How to change chat settings in Drupal? appeared first on Online Group Chat Room Plugin for Websites and Live events.