The post Is it possible to schedule messages or automate welcome/guided messages?  appeared first on Online Group Chat Room Plugin for Websites and Live events.

The post Can I trigger chat actions via external APIs? appeared first on Online Group Chat Room Plugin for Websites and Live events.

Steps to Create an iFrame Embed Code

• Locate Your Chat Room Hash – Obtain your chat room’s unique hash from your account dashboard.
• Replace the placeholder XXXXXXXX in the code with your chat room hash code (8 chars).
• Replace the YYY placeholder with the service your chat is associated with (1,2 or 3 digits). This can be shown in the Chrome browser, F12, sources and it starts with service (e.g service299….etc)
• Embed the iFrame Code – copy the code below with the 2 adjustments and Insert the iFrame code into your website. Place it where you want the chat room to appear.

<iframe src="https://serviceYYY.rumbletalk.net/XXXXXXXX/" frameborder="0" allowtransparency="true" allow="microphone; camera" style="width: 692px; height: 470px; overflow: hidden; background-color: transparent;"> </iframe>

** You may adjust the chat dimensions and Styling (Optional)
Modify the style attributes (width, height, background-color, etc.) to fit the design and layout of your platform.

** To connect your own user base, please use our RumbleTalk chat SDK for single sign-on (SSO).

Important Notes

• Features and Compatibility
  • The original JavaScript uses iFrame behind the scenes. However, some features might not work seamlessly in certain browsers or devices using a plain iframe. For optimal performance and load balancing services, we recommend using the standard JavaScript integration when possible.
• Limitations
  • Advanced features such as customization options or event-based functionalities might not function fully with the iFrame method.

The post Embed iframe chat room – NO JS appeared first on Online Group Chat Room Plugin for Websites and Live events.

Prerequisites

Before starting, ensure you have:

1. You will need RumbleTalk account.
2. Once you create your account, a chat room will be created, you will need the hash, which is 8 characters long.
3. Add some text (code) in your page.

Steps to Set Up single sign-on (SSO) with RumbleTalk

1. Setting it up on the RumbleTalk Admin Panel

• Log into the RumbleTalk Admin Panel:
  • Login to your RumbleTalk account and access the admin panel.
• Navigate to the Settings:
  • In the Admin Panel, go to the “Chat Settings” tab.
  • Select “General & Logins” and then choose “Login Options” from the menu.
• Enable SSO:
  • In “Login Options”, find the “Guests” and “User authentication required” options and enable them by toggling the switch. Guest is needed, but it is in name only. No guest user will be able to login.
• Add User Information for SSO:
  • Add YOUR_CHAT_HASH (8-characters code representing your chat) and USERNAME (username of the user).
  • Optional information:
    • PASSWORD – The predefined password.
    • IMAGE – An image URL to be used as the user avatar.
    • FORCE_LOGIN – When set to true, will first log out the currently logged-in user, and then execute the login command. This only affects the user of the browser that executed the command.
    • CALLBACK_FUNCTION – A callback function that will be called (with the result as the first parameter) when the login process is done.
• Add the following code on your website, along with the regular chat code (as seen in Step 3 here):

// in the header
<script>
(function(g, v, w, d, s, a, b) {
    w['rumbleTalkMessageQueueName'] = g;
    w[g] = w[g] ||
    function() {
    (w[g].q = w[g].q || []).push(arguments)
    };
    a = d.createElement(s);
    b = d.getElementsByTagName(s)[0];
    a.async = 1;
    a.src = 'https://d1pfint8izqszg.cloudfront.net/api/' + v + '/sdk.js';
    b.parentNode.insertBefore(a, b);
})('rtmq', 'v1.1.0', window, document, 'script');
</script>

// populate this with the info you have.
<script>
rtmq(
    'login',
    {
        hash: 'YOUR_CHAT_HASH',
        username: 'USERNAME',
        password: 'PASSWORD', // [optional]
        image: 'IMAGE', // [optional]
        forceLogin: 'FORCE_LOGIN', // [optional]
        callback: 'CALLBACK_FUNCTION' // [optional]
    }
);
</script>

3. Implement single sign-on (SSO) with Your Website

• Integrate Token Generation: In your website’s backend, integrate the process of generating and validating tokens using the SSO Secret Key.
• Authenticate Users: Ensure that when users log in via SSO, the system generates a token and provides it to RumbleTalk for authentication.

TIP

When setting up single sign-on (SSO), make sure the “Allow guest logins” option is checked. Note, this does not mean guests will be able to log in.

4. Testing and Validation

• Test the single sign-on (SSO) Integration: Log out of all sessions and attempt to log in through the Id. Verify that the SSO process works correctly, and users can access the chat room without additional login steps.
• Verify User Details: Check that user details are correctly passed through the token and displayed in the RumbleTalk chat.

5. Troubleshooting and Support

• Common Issues: If users face issues logging in, check the accuracy of the SSO URL, entity ID, and public certificate. Ensure the token generation and validation process is correctly implemented.
• Get Help: For persistent issues, consult RumbleTalk support or your IdP’s support team.

Setting up SSO with RumbleTalk simplifies user authentication, providing a seamless experience across platforms. Follow these steps to integrate SSO into your website, ensuring secure and efficient user access.

The post Set up single sign-on (SSO) for your chat room appeared first on Online Group Chat Room Plugin for Websites and Live events.

Add a chat to your REACT website using NPM https://www.npmjs.com/package/react-rumbletalk

npm i react-rumbletalk

Visit our site here.

The post How to add a REACT chat to your project? appeared first on Online Group Chat Room Plugin for Websites and Live events.

Understanding SSO with RumbleTalk

SSO integration with RumbleTalk allows users to log in to chat rooms using their existing credentials from your main platform. This enhances the user experience by eliminating the need for multiple logins and simplifies user management.

Before setting up SSO, ensure you have the following:

• An active RumbleTalk account.
• User authentication information from your primary application.

SSO Setup Steps

Single Sign-On (SSO) simplifies user authentication by allowing users to access the chat with a single set of credentials. This guide provides a step-by-step process to configure SSO for RumbleTalk chat rooms, highlighting the importance of enabling “Allow guest logins” to accommodate all users.

Before setting up SSO for RumbleTalk, ensure you have the following:

1. RumbleTalk Account: An active RumbleTalk account with admin privileges.
2. SSO Provider: A configured custom SSO solution (your user base for example).
3. Access to SSO access: make sure you have the ability to get information from your database, cms or users info.

Configuring RumbleTalk SSO

1. Log into the RumbleTalk Admin Panel:
   • Access the Admin Panel by logging into your RumbleTalk account.
2. Navigate to the Settings:
   • Once in the Admin Panel, go to the “Chat Settings” tab.
   • Select “General & Logins” and then choose “Login Options” from the menu.
3. Enable SSO:
   • In “Login Options”, find the “Guests” and “User authentication required” options and enable them by toggling the switch. (yes guest is indeed needed, but it is only the name, no guest will be able to log in)
4. Add User Information for SSO:
   • Add YOUR_CHAT_HASH (8-characters code representing your chat) and USERNAME (username of the user).
   • Optional information:
     • PASSWORD – The predefined password.
     • IMAGE – An image URL to be used as the user avatar
     • FORCE_LOGIN – When set to true, will first log out the currently logged-in user, and then execute the login command. This only affects the user of the browser that executed the command.
     • CALLBACK_FUNCTION – A callback function that will be called (with the result as the first parameter) when the login process is done.
5. Add the following code on your website, along with the regular chat code (as seen in Step 3 here):

// in the header
<script>
(function(g, v, w, d, s, a, b) {
    w['rumbleTalkMessageQueueName'] = g;
    w[g] = w[g] ||
    function() {
    (w[g].q = w[g].q || []).push(arguments)
    };
    a = d.createElement(s);
    b = d.getElementsByTagName(s)[0];
    a.async = 1;
    a.src = 'https://d1pfint8izqszg.cloudfront.net/api/' + v + '/sdk.js';
    b.parentNode.insertBefore(a, b);
})('rtmq', 'v1.1.0', window, document, 'script');
</script>

// populate this with the info you have.
<script>
rtmq(
    'login',
    {
        hash: 'YOUR_CHAT_HASH',
        username: 'USERNAME',
        password: 'PASSWORD', // [optional]
        image: 'IMAGE', // [optional]
        forceLogin: 'FORCE_LOGIN', // [optional]
        callback: 'CALLBACK_FUNCTION' // [optional]
    }
);
</script>

Verification and Troubleshooting

• Test SSO Access: Verify that users can log in through the SSO provider seamlessly.
• Test Guest Access: Confirm that guests can join the chat without needing to authenticate through SSO.
• Monitor User Feedback: Pay attention to any issues reported by users. If problems arise, revisit the SSO configuration and ensure all details are correctly entered.

Common Issues and Solutions

• Incorrect Credentials: Double-check the SSO credentials. Ensure they match the details provided by your SSO provider.
• SSO Login Not Working: Verify that the “Allow guest logins” option is enabled and properly saved.

TIP

Setting up SSO as your login method requires you to check the “Allow guest logins”. Note, this does not mean guests will be able to log in.

Conclusion

With SSO as your login method, it enhances user experience by providing a unified login process. By following these steps, you can integrate SSO smoothly, ensuring secure and efficient access to your chat rooms.

The post Setting up SSO as your login method appeared first on Online Group Chat Room Plugin for Websites and Live events.