← All platformsCustom HTML site
← All platforms 01 · Custom HTML site

Install your agent on Custom HTML site. Five minutes.

Paste one line before the closing </body> tag. Any static or dynamic site.

Your embed code 

      
    

  
  
Faster path
For a Single-page app (React, Vue, Svelte, Next.js): put the script in your root index.html, NOT inside a component. It loads once and persists across routes.

  
    

      Step 1
      
Step 1 — open your site code (VS Code, Cursor, Sublime, or FTP)

      

    
    
    
    
    EXPLORER
    ▾ src
      layout.html
    
      index.html
      style.css
    
    
    index.html ×
    <!DOCTYPE html>
    <html>
    <body>
      <h1>Your Site</h1>
    </body>
    
    
    
    
    Open your layout/index file
  
  
  
Step 1 — open your site code (VS Code, Cursor, Sublime, or FTP)

    

  

    

      Step 2
      
Step 2 — locate the closing </body> tag in your layout file

      

    
    
    
      <footer>...</footer>
    
      <!-- paste here -->
    </body>
    </html>
    
    
    
    
    Find the closing 
  
  
  
Step 2 — locate the closing </body> tag in your layout file

    

  

    

      Step 3
      
Step 3 — paste the embed line directly above </body>

      

    
    
    
      <footer>...</footer>
    
      <script src="https://chatforge.aiedge247.com/widget.js" data-agent="YOUR-ID" defer></script>
    </body>
    
    
    
    
    Paste, save, ship
  
  
  
Step 3 — paste the embed line directly above </body>

    

  

    

      Step 4
      
Step 4 — deploy or upload. Hard-refresh your site (Cmd+Shift+R).

      

    
    
    
    
    $ git add . && git commit -m "add chat widget"
    $ git push
    Enumerating objects: 5, done.
    To github.com:you/yoursite.git
       a1b2c3d..e4f5a6b  main -> main
    ✓ Deployed. Hard-refresh (Cmd+Shift+R).
    
    
    
    
    Deploy & hard-refresh
  
  
  
Step 4 — deploy or upload. Hard-refresh your site (Cmd+Shift+R).

    

  
  

    Step 5
    
Refresh your site. The chat bubble should appear bottom-right.

    
Open yoursite.com in a new tab and hard-refresh (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows). A dark chat bubble should appear in the bottom-right corner within two seconds.

  

  

    
Troubleshooting

    
Still not visible? Check browser console for CSP errors. Our domain to allow: chatforge.aiedge247.com. Text Cal: 308-249-6894.

    
Or: Text Cal: 308-249-6894

  

  

    
Want Cal to install it for you? Free. Five minutes on a screenshare.

    
No subscription required. Cal installs it personally, confirms the bubble is live on your site, and leaves. No upsell, no obligation.

    Book free install
    Text 308-249-6894