================================================================ SUPPORT CHAT - upload for syzitisi.com ================================================================ STEP 1 - UPLOAD (5 minutes) ---------------------------- cpanel.syzitisi.com -> File Manager -> public_html Upload this zip, right-click it, choose "Extract", then delete the zip. You should end up with: public_html/ desk/ <- agent dashboard chat/ <- customer chat widget Live at: https://syzitisi.com/desk/ https://syzitisi.com/chat/ STEP 2 - TURN ON HTTPS (do not skip) ------------------------------------- cPanel -> Security -> SSL/TLS Status Tick syzitisi.com and www.syzitisi.com -> "Run AutoSSL" Your DNS now points at the right server, so this will work. It matters: screen sharing is BLOCKED by browsers on plain http://, and customers typing an email and phone number will see a "Not secure" warning. STEP 3 - DEPLOY THE CHAT ENGINE ------------------------------- These two folders are only the screens. The engine is a Node server, which shared hosting cannot run. Code: https://github.com/webgurusolutions/support-chat (private) On render.com: Sign up with GitHub -> New -> Blueprint -> pick "support-chat" -> Apply. It will ask you for: SEED_ADMIN_EMAIL = you@syzitisi.com SEED_ADMIN_PASSWORD = a strong password you choose That becomes your dashboard login. There are no default accounts, and the password never appears in the logs. Copy the URL it gives you, e.g. https://support-chat-xxxx.onrender.com STEP 4 - CONNECT THE TWO (2 minutes) ------------------------------------- Back in cPanel File Manager, edit these two files: public_html/desk/config.js public_html/chat/config.js Change this line in BOTH, pasting your Render URL (no trailing slash): window.__SUPPORT_CHAT_API__ = "https://support-chat-xxxx.onrender.com"; Then on Render, set: PUBLIC_URL = https://support-chat-xxxx.onrender.com CORS_ORIGINS = https://syzitisi.com,https://www.syzitisi.com Save, wait for Render to restart, and it is live. STEP 5 - PUT THE CHAT ON YOUR SITE ---------------------------------- Add this before on any page: TROUBLESHOOTING --------------- "Cannot reach the API ..." config.js still empty, or the Render server is asleep/starting. "Invalid email or password" SEED_ADMIN_* not set on Render, or it has not restarted yet. Blank page Folder must contain index.html, config.js and assets/. Screen share does nothing HTTPS is not on yet - run AutoSSL. No sound on a new chat Click the bell icon in the top bar; browsers block audio until you click. ================================================================