#content { background-color: rgb(246, 248, 252) !important; } /* Scope everything to this page */ #cb-builder .row.no-gutters > [class^="col-"], #cb-builder .row.no-gutters > [class*=" col-"] { padding-left: 0 !important; padding-right: 0 !important; } /* Keep side-by-side columns equal height on md+ */ @media (min-width: 768px) { #cb-builder .row.align-items-stretch > [class^="col-"] > div { height: 100%; } } /* Images: always fit without distortion or overflow */ #cb-builder img.img-fluid { max-width: 100%; height: auto; display: block; } #cb-builder .col-md-4 img { width: 100%; } /* When stacked on mobile, prevent preview images from becoming too tall */ @media (max-width: 767.98px) { #cb-builder .col-md-4 img { height: auto !important; object-fit: contain !important; } #cb-builder .row.align-items-stretch { border-radius: 12px; overflow: hidden; } } Chattybot Builder - Make Chattybots! | ESL Video
  • Join your class
    Enter your class code to start
Sign in

Chattybot Builder

Watch Video

Share ChattyBots through the Neo English app.

ChattyBot Builder — Dialogues

Build a turn-by-turn role play where the bot speaks its lines and the student speaks theirs.

STEP 1

Make

  • Enter the following information:
    • Title* — short & clear (e.g., Let’s Make Dinner!).
    • Description* — one-sentence summary (e.g., Anna and Marsha make dinner.).
    • Instructions — what students should do (e.g., Practice the conversation. Your lines are blue.).
    • YouTube URL (optional) — pairs a video for audio reference and context.
  • Enter the script line-by-line. Use + Add line to extend the conversation.
  • Use (parentheses) for stage directions or emphasis if needed.
  • Click “Apply.” Your script compiles and loads in the Preview on the right.
Dialogue ChattyBot Builder preview
STEP 2

Share

  • New Add to Class — instantly available in the Neo English app.
  • New QR Code — opens bots in the Neo English app. Add QR codes to packets, presentations, and web pages.
  • Share Link — anyone with the link can view.
  • Embed ChattyBot (iframe) — paste into a webpage.
  • Canvas LMS — export a .QTI file and import it into your Canvas course.
Sharing options preview
Bring print materials to life with QR Codes.