Ask ChatGPT Button Generator
Add a sleek, interactive "Ask ChatGPT" button to your website. Help your visitors discover what AI says about your brand.
Configure Widget
Live Preview
InteractiveYour website content preview...
Ask ChatGPT about usSee what it says.
Widget Implementation Code
<style> #_gcc{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)} #_gcc.h{opacity:0;transform:scale(.9) translateY(20px);pointer-events:none} #_gcc a{display:flex;align-items:center;gap:16px;background:#fff;border-radius:9999px;padding:8px 24px 8px 8px;text-decoration:none;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #f4f4f5;color:#18181b;transition:all .3s ease} #_gcc a:hover{transform:translateY(-4px);box-shadow:0 25px 30px -5px rgba(0,0,0,.15)} #_gcc .i{width:48px;height:48px;border-radius:9999px;background:#f9fafb;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,244,245,.5);overflow:hidden} #_gcc .i img{width:40px;height:40px;object-fit:contain} #_gcc .t{display:flex;flex-direction:column} #_gcc .n{font-size:14px;font-weight:700;line-height:1.2} #_gcc .b{font-size:12px;color:#71717a;line-height:1.2} #_gcc .x{margin-left:16px;padding:4px;border-radius:9999px;border:none;background:0 0;cursor:pointer;color:#a1a1aa;display:flex;align-items:center;justify-content:center;transition:all .2s} #_gcc .x:hover{background:#f4f4f5;color:#52525b} </style> <div id="_gcc"><a href="https://chatgpt.com/?prompt=Tell%20me%20about%20temso.ai" target="_blank" rel="noopener noreferrer"><div class="i"><img src="https://assets.tina.io/9b8c5233-b998-42b0-a153-e8484e4a6cd2/powering_visibility_icons/KM6CyUHXk8vBenb0S9tATobvy0I.png" alt="ChatGPT"></div><div class="t"><span class="n">Ask ChatGPT about us</span><span class="b">See what it says.</span></div><button class="x" aria-label="Close"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18M6 6l12 12"/></svg></button></a></div> <script>(function(){var r=document.getElementById('_gcc'),t;if(localStorage._gcc){r.remove();return}r.querySelector('.x').onclick=function(e){e.preventDefault();e.stopPropagation();clearTimeout(t);r.classList.add('h');localStorage._gcc='1'};t=setTimeout(function(){r.style.opacity='1'},1e3)})();</script>!
Copy this code and paste it just before the </body> tag of your website. No dependencies required.