Embedding the Widget on Your Website



Add Suhep's chat widget to your website with a single code snippet.

Getting Your Embed Code



  • 1.Go to Admin → Widget Builder
  • 2.Customize your widget appearance
  • 3.Click Get Embed Code
  • 4.Copy the code snippet


    • Installation



    Paste the snippet before the tag on your website:

    html
    <script src="https://suhep.com/widget/embed.js" data-site-id="YOUR_SITE_ID"></script>


    Platform-Specific Instructions



    WordPress:
  • •Go to Appearance → Theme Editor → footer.php
  • •Paste before


    • Shopify:
  • •Go to Online Store → Themes → Edit Code
  • •Open theme.liquid
  • •Paste before


    • Next.js / React:
  • •Add to your _document.tsx or layout component


    • HTML:
  • •Paste directly in your HTML file


    • Verification



    After adding the code:
  • 1.Visit your website
  • 2.Look for the chat bubble in the bottom-right corner
  • 3.Click it and test a question
  • 4.Check your Suhep dashboard for the test interaction