<main>
<article class="userContent">
<p>This usecase describes the integration of the Live Chat or Co-Browsing UI into your own platform.</p><p>Steps</p><ol><li>Manage users via API</li><li>Generate public link</li><li>Embed Link as Iframe</li><li>CORS configuration</li></ol><h2 data-id="1.-manage-users-via-api">1. Manage users via API</h2><p><code class="code codeInline" spellcheck="false" tabindex="0">This step is optional.</code></p><p>You can either generate the users via the API or manage it manually via the backend.</p><p><a href="https://developers.chatvisor.com/#operation/createUsingPOST_5" rel="nofollow noreferrer ugc">Go to API Documentation</a></p><h2 data-id="2.-generate-public-login-link">2. Generate public login link</h2><p>For integrating the User Interface into your own platform you have to generate a public login link for the user via the API. With the public login link it is possible to integrate the existing part of the backend user interface into your own platform.</p><h3 data-id="2.1-livechat">2.1 LiveChat</h3><p>This view contains only the Live Chat.</p><div class="embedExternal embedImage display-large float-none">
<div class="embedExternal-content">
<a class="embedImage-link" href="https://docs.chatvisor.com/img/api/apilivechat.png" rel="nofollow noreferrer noopener ugc" target="_blank">
<img class="embedImage-img" src="https://docs.chatvisor.com/img/api/apilivechat.png" alt="alt-text" height="180" width="320" loading="lazy" data-display-size="large" data-float="none"></img></a>
</div>
</div>
<p><br></p><p><a href="https://developers.chatvisor.com/#operation/getUrlOfChatUsingGET" rel="nofollow noreferrer ugc">Go to API Documentation</a></p><h3 data-id="2.2-co-browsing-session">2.2 Co-Browsing Session</h3><p>This view contains a single Co-Browsing session. If you want your own UI or logic to get the session id (i.e. via Chat) then you can directly generate a public link for the specific session. This endpoint will return <code class="code codeInline" spellcheck="false" tabindex="0">404</code> if the session does not exist.</p><p><a href="https://developers.chatvisor.com/#operation/getUrlOfSessionBySessionIdWithUserUsingGET" rel="nofollow noreferrer ugc">Go to API Documentation</a></p><h3 data-id="2.3-co-browsing-optin-ui">2.3 Co-Browsing Optin UI</h3><p>This view contains the interface for entering a code to join the specific session. If you simply want to let the agent enter the session id, this is the right endpoint for you.</p><p><a href="https://developers.chatvisor.com/#operation/getUrlOfSessionsView" rel="nofollow noreferrer ugc">Go to API Documentation</a></p><h2 data-id="3.-embed-link-as-iframe">3. Embed Link as Iframe</h2><p>As a result of step 2 you get a URL what you can directly set as <code class="code codeInline" spellcheck="false" tabindex="0">src</code> attribute for an iframe.</p><pre class="code codeBlock" spellcheck="false" tabindex="0"><iframe src="<PUBLICLINK>" />
</pre><h2 data-id="4.-cors-configuration">4. CORS configuration</h2><p>Currently, it is not possible to configure the CORS/X-Frame-Origin headers for your domain via the UI. Please contact us to configure CORS headers for your tenant.</p>
</article>
</main>