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 can be applied to any website

EMBEDDING CHATTABLE! may skip this if already done

Visit chattable website to create an account.
Click Dashboard on navigation to create an account.
Click Sign Up and fill out details. Go through verification steps to make your account active for chattable, then login afterwards.
Once done, click Dashboard once again.
Click Select Chat drop down and select your chat code ➡️ Open in new window and copy the chat pop up.
Go back to Dashboard, and click Embed. Copy the two shown below (which are number 1 and 4)

NAME INPUT OPTION FOR CHATTABLE LINK

Copy the link of the name input option

⎗
✓
https://iframe.chat/embed/alternate/?chat=000

replace the 000 with chat ID (get chat ID at step 5)
e.g. <iframe src="https://iframe.chat/embed/alternate/?chat=47297367" id="chattable" frameborder="none"></iframe>

ADDING CHATTABLE applied to any website

Go to your website dashboard. Create index.html and chattable.css

Go to index.html and follow the format below, refer to your clipboard.

⎗
✓
<!DOCTYPE html>
<html>
<head>
***<SCRIPT SRC> HERE***
</head>
<body>
***<IFRAME SRC> HERE***
</body>
***<SCRIPT CHATTABLE STYLESHEET> HERE ***
</html>

Go to chattable.css if you want to edit your chat box styling.