how to have name input on chattable chatbox

with embed tut of the alternative chatbox with name input, unlike the normal embed does not have one. name input iframe is after the embed chattable tutorial. you may skip if done~ this is a neocities version of embedding

EMBEDDING CHATTABLE! may skip this if already done

  1. create an account and chat on chattable
  2. follow the Green box, go to your dashboard and select the dropdown list and you'll see your CHAT ID, copy it
    -

Follow the:
Pink box - the chat IDs
Orange box - get the embed of your chat

  1. after clicking the embed (orange box), follow the instruction of embedding. follow the beige box only (step 1,2,4)
    -

Open your code and do the ff:

  • In your home page, paste the script between <head></head> tags (step 1)
  • In your homepage, paste the iframe embed link inside <body></body> tags (step 2)
  • In your homepage, paste the script of linking css file for your chat, paste at the end of your code (step 4)
  1. In neocities dashboard, create a file named chattable.css and paste the script of enabling css file (step 4) then save
    -
    this is also like linking your stylesheet, but here, we are linking this stylesheet for your chat box. It will not affect your homepage

NAME INPUT OPTION FOR CHATTABLE

  1. in your iframe embed link, replace with this link
    https://iframe.chat/embed/alternate/?chat=000
  2. replace the 000 with chat IDs
    e.g. <iframe src="https://iframe.chat/embed/alternate/?chat=47297367" id="chattable" frameborder="none"></iframe>
Edit Report
Pub: 16 Feb 2025 15:20 UTC
Views: 35