Create a TeamViewer Button - TeamViewer Support
<main> <article class="userContent"> <p>It’s possible to add a customized TeamViewer button on your website which links to the TeamViewer <strong>QuickSupport</strong>, <strong>QuickJoin</strong>, <strong>Full Version</strong>, or <strong>TeamViewer website</strong>.</p><div class="blockquote"><div class="blockquote-content"><p class="blockquote-line"><em>This article applies to all TeamViewer users.</em></p></div></div><p><br></p><h3></h3><h2 data-id="how-to-create-a-teamviewer-button">How to create a TeamViewer Button</h2><p>You can use our <strong>Button Generator page</strong> to create a TeamViewer button according to your needs. The page will create HTML code that you can copy and paste onto your website. You can find this page here: <a href="https://www.teamviewer.com/en/company/badge-generator/?_ga=2.238905157.498449442.1670227540-2025583914.1666017428" rel="nofollow noreferrer ugc">Badge Generator - TeamViewer</a></p><p>You can choose from three modules - <strong>QuickJoin, QuickSupport, or the Full version</strong> - or have the button link to the <strong>TeamViewer website</strong>. </p><p><br></p><p>To create a TeamViewer button, please follow the instructions below:</p><ol><li>Click on the button below or open the website <a href="https://www.teamviewer.com/en/company/badge-generator/" rel="nofollow noreferrer ugc">https://www.teamviewer.com/en/company/badge-generator/</a></li><li>Choose a language for the button.</li><li>Choose from <strong>QuickSupport</strong>, <strong>QuickJoin</strong>, <strong>Full Version</strong>, or the <strong>TeamViewer website</strong></li><li>Choose the displayed text or enter a custom text.</li><li>Choose a button layout.</li><li>Copy the code snippet.</li><li>Paste the code snippet into your website source code at the desired location.</li></ol><pre class="code codeBlock" spellcheck="false" tabindex="0"><!-- TeamViewer Logo (generated at https://www.teamviewer.com) --> <div style="position:relative; width:200px; height:125px;"> <a href="https://www.teamviewer.com/link/?url=842558&id=1608291565422" style="text-decoration:none;"> <img src="https://static.teamviewer.com/resources/badges/teamviewer_badge_flat2.png" alt="Download TeamViewer Remote Control" title="Download TeamViewer Remote Control" border="0" width="200" height="125" /> <span style="position:absolute; top:93.5px; left:5px; display:block; cursor:pointer; color:White; font-family:Arial; font-size:14px; line-height:1.2em; font-weight:bold; text-align:center; width:190px;"> </pre><p><strong>Example for the button layout:</strong></p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6032394/uploads/GF04IS0C5PCQ/image.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6032394/uploads/GF04IS0C5PCQ/image.png" alt="image.png" height="139" width="214" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p><br></p><h3 data-id="-1"></h3><h2 data-id="link-to-customized-module">Link to customized module</h2><p>If you created a customized Host or QuickSupport module in the <a href="https://login.teamviewer.com/LogOn/" rel="nofollow noreferrer ugc">TeamViewer Management Console</a>, you could also use your download link with the button. </p><p>The benefit of this option is that the download link from the customized module is platform-independent. That means the same link will automatically download the relevant Windows, Mac, or Linux version of the installer file, depending on your customer's OS. </p><p>They will also be prompted with a module showcasing your company logo and colors. </p><p>📌 <strong>Note</strong>: Using a customized module requires a TeamViewer license.</p><p> </p><h3 data-id="-2"></h3><h2 data-id="how-to-link-your-customized-module"><strong>How to link your Customized Module</strong></h2><p>To link to TeamViewer modules with your <a href="https://login.teamviewer.com/nav/menu/designanddeploy" rel="nofollow noreferrer ugc">corporate design</a>, follow steps 1 through 6 above. </p><p>Once you pasted the code snippet in your website's HTML, you will make <strong>one small change:</strong> replace the URL after "<a href=" with your own custom module's URL, as indicated below:</p><pre class="code codeBlock" spellcheck="false" tabindex="0"><!-- TeamViewer Logo (generated at https://www.teamviewer.com) --> <div style="position:relative; width:200px; height:125px;"> <a href="ENTER YOUR CUSTOM MODULE URL HERE" style="text-decoration:none;"> <img src="https://static.teamviewer.com/resources/badges/teamviewer_badge_flat2.png" alt="Download TeamViewer Remote Control" title="Download TeamViewer Remote Control" border="0" width="200" height="125" /> <span style="position:absolute; top:93.5px; left:5px; display:block; cursor:pointer; </pre><p><br></p> </article> </main>
