CINXE.COM
Screenleap for Websites
<!DOCTYPE html> <html> <head> <title>Screenleap for Websites</title> <meta name="robots" content="index, follow"/> <meta name="description" content="Screenleap for Websites allows you to easily add live interaction to your website without coding."/> <meta property="og:site_name" content="Screenleap"/> <meta property="og:image" content="https://www.screenleap.com/img/facebook_thumbnail.png"/> <link rel="stylesheet" href="https://d2e4kn0wu3avrd.cloudfront.net/css/6f1db4f19ef4ceef01c08088d1f2e6a7/style.css" type="text/css" media="screen"><link rel="stylesheet" href="https://d2e4kn0wu3avrd.cloudfront.net/css/e26eae674e92237a3d54d5a2a6174ee7/print.css" type="text/css" media="print"> <link rel="shortcut icon" type="image/png" href="/favicon.ico"> <link rel="manifest" href="/manifest.json" /> <meta property="og:title" content="Screenleap for Websites"/> <meta property="og:description" content="Screenleap for Websites allows you to easily add live interaction to your website without coding."/> </head> <body id="integrationHome" class="marketing integration-marketing win "> <script> try { window.onerror = function(){return true}; } catch (e){log(e)} function addOnload(func) { if (typeof func != 'function') return; if (typeof window.onload == 'undefined' || typeof window.onload != 'function') window.onload = func; else { var oldOnload = window.onload; window.onload = function(){ try{ oldOnload(); } catch(e) { logException(e); } func(); } } } </script> <div id="topBar"> <div id="topBarBannerTop"></div> <div class="w960px"> <div class="margin relative"> <div class="float-right"> <ul> <li class="nav-separator"><a href="/integration/signup">Pricing & sign up</a></li> <li class="nav-separator"><a href="/contact-sales">Contact sales</a></li> <li><a id="signInLink" href="/integration/login">Sign in</a></li> </ul> </div> <div id="screenleapLogo"> <a href="/integration" class="screenleap-logo">Screenleap <img src="/img/integration/for_websites.png" id="forWebsites" width="109" height="40" alt=""/></a> </div> </div> </div> <div id="topBarBannerBottom"></div> </div> <div id="content"> <div class="w960px"> <div class="content"> <style type="text/css"> #integrationHome a { color: #333; } #integrationHome .feature a { text-decoration: underline; } #integrationHome .feature a:hover { color: #fff; background-color: #333; text-decoration: underline; } </style> <div id="heroDiv"> <div id="hero"> <h1>Add live interaction to your website without coding.</h1> <h2>Interact with your users in real-time using screen sharing, live video, audio, and more—directly from your website.</h2> </div> <button class="sign-up-button" onclick="loc('/integration/demo')" style="width:397px">Try the demo</button> </div> </div> </div> </div> <div id="feature"> <div class="w960px"> <div class="feature"> <span id="myScreenHighlight"></span> <span id="myScreen">live-interaction website integration</span> <br> <br> <ul class="clearfix no-bullet"> <li style="margin-left:10px"> <h3>No Coding Required</h3> <p>Integrate by copying a snippet of code to your website. Customize your integration without the need for programming. </li> <li style="margin-left:20px;margin-right:60px"> <h3>Live Interaction</h3> <p>Engage with your users in real-time using screen sharing, live video, 2-way audio, and chat.</p> </li> <li style="margin-right:5px"> <h3>No Software Needed</h3> <p>Neither you nor your users need to download or install any additional software in order to use.</p> </li> </ul> <ul class="clearfix no-bullet"> <li style="margin-left:10px"> <h3>Easy Customization</h3> <p>Customize your integration by toggling settings from the configuration page: enable only the features you need and hide those you don't.</p> </li> <li style="margin-left:20px;margin-right:60px"> <h3>Automatic User Join</h3> <p>There's no need to manually send an invite link or code to your users. They will automatically join your live session when you start sharing.</p> </li> <li style="margin-right:5px"> <h3>Full Branding Control</h3> <p>Everything happens directly from your website, so you have complete control over the look-and-feel that you present to your users.</p> </li> </ul> <br> <br> <br> <div class="horizontal-split-line bold"> EASY SETUP</div> <ul class="clearfix no-bullet"> <li style="margin-left:10px"> <h3>1. Enter Your Website's URL</h3> <br> <div class="center"><img src="/img/integration/integration_home_setup_specify_website_url.png" width="285" height="43" alt="specify website url" style="border:1px solid #ccc;box-sizing:content-box"/></div> <p>Specify your website's URL in your integration setup page.</p> </li> <li style="margin-left:20px;margin-right:60px"> <h3>2. Insert Code Snippet</h3> <br> <div class="center"><img src="/img/integration/integration_home_setup_insert_code_snippet.png" width="285" height="43" alt="insert code snippet" style="border:1px solid #ccc;box-sizing:content-box"/></div> <p>Copy the code snippet from the setup page into your webpage.</p> </li> <li style="margin-right:5px"> <h3>3. Customize From Settings</h3> <br> <div class="center"><img src="/img/integration/integration_home_setup_customize_integration_settings.png" width="285" height="43" alt="customize from settings" style="border:1px solid #ccc;box-sizing:content-box"/></div> <p>Customize your integration from the settings page.</p> </li> </ul> <br> <br> <div class="center"><a href="/integration/overview">View the website integration documentation</a> »</div> <br> <br> <br> <br> <div class="horizontal-split-line bold">USES</div> <ul class="clearfix no-bullet"> <li style="margin-left:10px"> <h3><a href="/integration/use-cases#online-meetings">Online Meetings</a></h3> <p>Create meeting rooms on your website for hosting online meetings. Allow attendees to automatic join when your meetings start.</p> </li> <li style="margin-left:20px;margin-right:60px"> <h3><a href="/integration/use-cases#sales-presentations">Sales Presentations</a></h3> <p>Funnel website prospects into live sales demos and conversations and automatically redirect them to a sign-up/lead-generation form afterwards.</p> </li> <li style="margin-right:5px"> <h3><a href="/integration/use-cases#customer-support">Customer Support</a></h3> <p>Allow your customer support reps to easily see your customers' screens, so they can provide them with faster and more effective support.</p> </li> </ul> <ul class="clearfix no-bullet"> <li style="margin-left:10px"> <h3><a href="/integration/use-cases#ad-hoc-collaboration">Ad-Hoc Collaboration</a></h3> <p>Turn any webpage into an ad-hoc collaboration room. Create persistent war rooms for collaborating with people inside and outside your company.</p> </li> <li style="margin-left:20px;margin-right:60px"> <h3><a href="/integration/use-cases#marketing-webinars">Marketing Webinars</a></h3> <p>Host online webinars and automatically capture attendee information for later follow-up. Integrate with your marketing automation tools to improve conversion.</p> </li> <li style="margin-right:5px"> <h3><a href="/integration/use-cases#online-classes">Online Classes</a></h3> <p>Host your online classes directly from your website: it's easier for your students to join and eliminates error-prone management of class meeting links.</p> </li> </ul> <br> <br> <div class="center"><a href="/integration/use-cases">Learn more about and try the demo for each use case</a> »</div> <br> <br> <br> <br> </div> <div class="horizontal-split-line-long bold">CUSTOMER REVIEWS</div> <div id="reviews"> <div class="review" onclick="window.open('https://www.trustpilot.com/reviews/628e2492045d025d3a9e46dc', '_blank')" style="margin-right:24px" rel="nofollow"> <div class="stars"> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> </div> <div class="date">May 25</div> <div class="header">Screenleap is amazing</div> <div class="text">Screenleap is amazing. I have never had an issue with it as many times as I've used i... </div> <div class="name">Kali</div> </div> <div class="review" onclick="window.open('https://www.trustpilot.com/reviews/61e6fbc5e1196e51d767b7c6', '_blank')" style="margin-right:24px" rel="nofollow"> <div class="stars"> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> </div> <div class="date">January 18</div> <div class="header">Easy and Convenient</div> <div class="text">Fantastic and simple way to share information with someone remotely.</div> <div class="name">Lori</div> </div> <div class="review" onclick="window.open('https://www.trustpilot.com/reviews/612eba65cc0087e8ef6a9f2c', '_blank')" rel="nofollow"> <div class="stars"> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> <svg viewBox="0 0 48 48"> <path fill="#88ce2a" d="M0 46.330002h46.375586V0H0z"></path> <path d="M 39.5339 19.7114 L 13.2302 38.8006 l 3.8382 -11.7978 L 7.0211 19.7114 h 12.419 l 3.8374 -11.7986 l 3.8374 11.7986 h 12.419 z M 23.2785 31.5101 l 6.2545 -4.5341 l 3.859 11.785 Z Z" fill="#fff"></path> </svg> </div> <div class="date">August 31</div> <div class="header">This the easiest screen sharing I've…</div> <div class="text">This the easiest screen sharing I've ever seen. I'm already recommending this company... </div> <div class="name">Rob</div> </div> </div> <div id="reviews-footer">Rated <b>4.5</b> / 5 based on <a href="https://www.trustpilot.com/review/www.screenleap.com" rel="nofollow" class="bold underline">445 reviews</a>.</div> <br> <br> <br> <div class="horizontal-split-line-long bold">GET STARTED</div> <div class="center"><button class="sign-up-button" onclick="loc('/integration/signup')">Sign up now</button></div> <br> <br> </div> </div> <div id="footer"> <div class="w960px"> <div class="margin"><ul class="clearfix"> <li><a href="https://www.screenleap.com/screen-share">Products</a></li> <li>|</li> <li><a href="https://www.screenleap.com/integration">Website Integration</a></li> <li>|</li> <li><a href="https://screenleap.ottoclip.com/guides">Guides</a></li> <li>|</li> <li><a href="https://www.screenleap.com/support">Support</a></li> <li>|</li> <li><a href="https://www.screenleap.com/about">Company</a></li> <li>|</li> <li><a href="https://blog.screenleap.com/">Blog</a></li> <li>|</li> <li><a href="https://www.screenleap.com/terms">Terms</a></li> <li><a href="https://www.screenleap.com/privacy">Privacy</a></li> </ul> <div id="copyright">Copyright © 2024 Screenleap, Inc. All rights reserved.</div> </div> </div> </div> <span id="currentPath">/integration</span> <script src="https://d2e4kn0wu3avrd.cloudfront.net/js/c5b58cbfac36b593ba894ae14921835a/jquery.js"></script><script src="https://d2e4kn0wu3avrd.cloudfront.net/js/aaa55669af0ebf898ae5bb574ffe9621/backbone-min.js"></script><script src="https://d2e4kn0wu3avrd.cloudfront.net/js/4f978e93161b7eb3ec5393014588bdd1/tools.js"></script><script src="https://d2e4kn0wu3avrd.cloudfront.net/js/d6bf6e38abe86b7cf13b0311553a9cc3/dev.js"></script><script> addOnload(function(){ window.onerror = reportJavaScriptError; if ($('#signOut').is(':visible')) { loadScript('//accounts.google.com/gsi/client'); } }); addOnload(function() { }); </script> <div id="mBar" class="m-bar"><div class="clearfix"><div class="bar-con"><div class="float-right"><a href="#" onclick="hideUserMessage();return false" class="button" id="mBarOk">OK</a></div><div id="mBarMsg"></div></div></div></div> <div id="wBar" class="w-bar"><div class="clearfix"><div class="bar-con"><div class="float-right"><a href="#" onclick="hideWarningMessage();return false" class="button">OK</a></div><div id="wBarMsg"></div></div></div></div> <div id="eBar" class="e-bar"><div class="clearfix"><div class="bar-con"><div class="float-right"><a href="#" onclick="hideErrorMessage();return false" class="button" id="eBarOk">OK</a></div><div id="eBarMsg"></div></div></div></div> <div id="progressBar"><span id="progressBarText"></span>...<img src="https://d2e4kn0wu3avrd.cloudfront.net/img/cf0b4e085e68a6db3b19b90be42e18e8/indicator.gif" class="indicator" alt=""/></div> <script src="https://d2e4kn0wu3avrd.cloudfront.net/js/79c4d12421a7b1e03c12a77c6abfbeaa/jquery-ui.js"></script><script src="https://d2e4kn0wu3avrd.cloudfront.net/js/c635b58057fa435a4e4f65c8a5edffdb/screenleap.js" id="screenleapJS"></script><script src="https://d2e4kn0wu3avrd.cloudfront.net/js/1501323e58b4598bc1a7b731b669bab1/main.js"></script><script src="https://d2e4kn0wu3avrd.cloudfront.net/js/0083e9a046014aa969ea83842155791e/app.js"></script><script> addOnload(function(){ }) </script> </body> </html>