Embed and add your chat room on your website Free

If you have a website, and you want to add a chat room to it, you can add World of Chat for free. You will just need to embed it into the page, create a new page and copy the code below. I will say this code does not always look great on all pages, so you may need to alter the sizing a little bit. Below are some tips on how to do that. It is a good idea to check this on your smartphone as well as your desktop, as the desktop version tends to show fine, but it’s the mobile version which can sometimes be too big for the screen, so it works for most devices.

Why add Our Chatroom Widget?

Adding chat rooms or a chat facility to your website can significantly enhance user communication and engagement. By embedding our chatroom, you get a cost-effective, easy way to make your site more interactive without needing to manage the chat environment yourself. This allows visitors to engage in active conversations, thereby improving the overall user experience.

Key Benefits for Adding Chatroom

  • Simple Integration: No need to install an app or plugin. Just add some code to your HTML or perform simple CSS customizations.
  • Webcam Support: Our chatroom includes webcam functionality, enabling face-to-face communication.
  • Real-Time Messaging: Enjoy traditional instant messaging for real-time interactions.
  • User-Friendly Interface: Features private and public online chats, group chats, and more.
  • Rich Media Sharing: Send images, GIFs, and YouTube videos directly in the chat.
  • Chatbot built-in: We have a help chatbot on the site for users to communicate with.

Embedding our chatroom is a straightforward way to enhance your website’s functionality and improve user engagement, all without extra moderation on your part. The chat widget supports instant messages and facilitates real-time conversation among users, creating a lively online community.

How to add the Chat room to your site

For WordPress sites

Create or Edit a Page/Post:

  • Navigate to “Pages” or “Posts” on the left-hand menu and select “Add New” or edit an existing page or post where you want to add the chat room.

Switch to HTML View:

  • In the editor, switch to the “Text” view using the classic editor, or add a “Custom HTML” block using the Gutenberg block editor.

Insert the Embed Code:

  • Copy and paste the provided code into the HTML view or Custom HTML block.

Update/Publish:

  • Click “Update” or “Publish” to save your changes.

Remember to add a menu link to your platform, so people can find the chat and engage more easily with your community.

For HTML Websites

  1. Open Your HTML File:
    • Open the HTML file where you want to add the chat room using a text editor like Notepad, Sublime Text, or any HTML editor.
  2. Insert the Embed Code:
    • Paste the following code where you want the chat room to appear.
  3. Save Your Changes:
  4. Save the HTML file and upload it to your web server if necessary.

Embedded into page chatroom code

        <div style="text-align: center;">
            <iframe 
                src="https://chat.worldofchat.co.uk" 
                width="100%" 
                height="100%" 
                frameborder="0" 
                scrolling="no"
                style="border: 0; display: block; width: 100vw; height: 100vh;">
            </iframe>
            <p>
                <a href="https://www.worldofchat.co.uk" target="_blank" style="text-decoration: none; color: #000;">Visit World of Chat</a>
            </p>
            <p>
                <a href="https://chat.worldofchat.co.uk" target="_blank" style="text-decoration: none; background: #0073aa; color: #fff; padding: 10px 20px; border-radius: 5px;">Full Screen</a>
            </p>
        </div>

To adjust the size of your embedded chat room by changing the percentage values, follow these steps:

  1. Locate the width and height attributes inside the <iframe> tag.
  2. Change the percentage values for both width and height to your desired size.

Examples:

  • To make the chat room narrower, change the width attribute from 100% to a smaller percentage, like 75%.
  • To make the chat room shorter, change the height attribute from 100% to a smaller percentage, like 50%.

If you are having problems getting it to display well on mobiles you can use this version

        <div style="text-align: center;">
            <iframe 
                src="https://chat.worldofchat.co.uk" 
                width="100%" 
                height="500px" 
                frameborder="0" 
                scrolling="no"
                style="border: 0; display: block; width: 100%; height: 500px;">
            </iframe>
            <p>
                <a href="https://www.worldofchat.co.uk" target="_blank" style="text-decoration: none; color: #000;">Visit World of Chat</a>
            </p>
        </div>

If you have any problems you can message me at webmaster at worldofchat.co.uk, please be aware this code may change now and again, as moves to new domains or servers I will update this page if it does change, but you may need to redo this occasionally

Key Benefits to live chat:

  • Simple Integration: No need to install an app or plugin. Just add some code to your HTML or perform simple CSS customizations.
  • Webcam Support: Our chatroom includes webcam functionality, enabling face-to-face communication.
  • Real-Time Messaging: Enjoy traditional instant messaging for real-time interactions.
  • User-Friendly Interface: Features private and public online chats, group chats, and more.
  • Rich Media Sharing: Send images, GIFs, and YouTube videos directly in the chat.

Access and Moderation:

The chat does let people access it as a guest, you can also register a free account, it does not take to long to do this, and you don’t need to leave the chatroom itself, so people will not need to leave your website.

When you embed our chat room on your website, your users can access the chat features, including webcams and instant messaging. However, they will not be able to demonstrate or control the chat platform itself. If desired, you can have a dedicated chat room and be a moderator to manage the interactions, please message me on or offsite if you want to discuss this.

We will not be adding any X-rated chat rooms to the site. If you are looking for an X-rated chat room, unfortunately, we won’t be able to accommodate your request.

No Admin Access

Please don’t ask me for access to the admin of the chat, I won’t be giving that to anyone, as that would enable people to change all of the settings on the site, which are very sensitive data. That is one of the downsides of embedding someone else’s software you cannot administrate it fully