23 online23
Sign in
or
Sign in with Google Don't have an account? Sign upForgot my password
Sign up

Embedding the Chat

This English text is provided for information only; the binding version is the Turkish one: Turkish original

Three ways to embed

You can put Yudum chat on your own site as a fixed box (an iframe), as a floating chat bubble that opens in the bottom-right corner, or as just the sign-up and sign-in form. There is one account: someone who joins on your site uses the same account everywhere on Yudum. Copy the code below and paste it into your page's HTML.

🔒

For security these codes work only on domains we have approved. This stops your chat being embedded on sites you do not control — on an unapproved domain the iframe simply stays blank. To have your site added, apply through Contact / Support.

1) iframe — a fixed box

Places the chat wherever you want it as a fixed box. Adjust width and height to suit your layout.

<iframe src="https://www.yudum.net/webchat/"
        width="400" height="600"
        style="border:1px solid #e2e2ea;border-radius:12px;max-width:100%"
        allow="microphone; camera; autoplay; clipboard-write"
        title="Yudum Chat"></iframe>

2) Floating button — script

Adds a “Chat” button in the bottom-right corner; clicking it opens and closes the chat window. Paste the code just before your closing </body> tag.

<script>
(function(){
  var u="https://www.yudum.net/webchat/";
  var f=document.createElement("iframe");
  f.src=u; f.allow="microphone; camera; autoplay; clipboard-write";
  f.style.cssText="position:fixed;right:20px;bottom:82px;width:380px;height:560px;"+
    "max-width:92vw;max-height:75vh;border:0;border-radius:14px;background:#fff;"+
    "box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:99999;display:none";
  var b=document.createElement("button");
  b.innerHTML="💬 Chat";
  b.style.cssText="position:fixed;right:20px;bottom:20px;z-index:99999;background:#7c3aed;"+
    "color:#fff;border:0;border-radius:30px;padding:12px 20px;cursor:pointer;"+
    "font:600 15px sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.25)";
  b.onclick=function(){f.style.display=f.style.display==="none"?"block":"none";};
  document.body.appendChild(f); document.body.appendChild(b);
})();
</script>

3) Sign-up and sign-in form

Only Yudum's sign-up or sign-in form appears on your site — no header, menu or ads. Whoever fills it in goes straight into the chat inside the same box, without typing the password again. Replace yoursite.com at the end of the address with your own domain (it must match the one on our allow-list).

<iframe src="https://www.yudum.net/kayit?gomulu=yoursite.com"
        width="420" height="760"
        style="border:1px solid #e2e2ea;border-radius:12px;max-width:100%"
        title="Join Yudum"></iframe>
<iframe src="https://www.yudum.net/giris?gomulu=yoursite.com"
        width="420" height="560"
        style="border:1px solid #e2e2ea;border-radius:12px;max-width:100%"
        title="Sign in to Yudum"></iframe>

Getting your domain approved

The embed code runs only on domains we have approved. To add yours:

  1. Write to Support from the contact page, giving the address of the site you want to embed on (for example https://yoursite.com).
  2. We check the domain and add it to the allow-list.
  3. After approval the codes above work on your site. On any other domain it will not.

English home · Turkish original