How Can We Help?
< Back
You are here:
Print

Embed iframe chat room – NO JS

If your platform requires an iFrame code (e.g., for integration with different broadcasting services), you can embed your chat room using the following method. While we primarily recommend using our JavaScript integration for full feature compatibility, this alternative iFrame method is available.

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.

Categories