Live Preview

See each screen update as you edit it in the Design tab, then run a real test conversation before you publish.

In short: In Hyperleap AI's Design tab, the preview updates as you edit each screen. To test how the chatbot actually answers, select Test Behaviour (or press Cmd/Ctrl + T) to start a fresh test conversation.

The Preview Follows Your Screen

On the Design tab, the preview on the right shows the screen you picked: the chat button, the lead form, the conversation window, the commands list, or the whole widget for Global. It updates as you type, in both the Content and Branding views.

  • Click to jump. On the Lead Form and Conversation screens, click an element in the preview, such as the heading, the form fields, or a message bubble. The builder switches to Content or Branding as needed and scrolls to that setting.
  • Lead form switched off? The preview shows the form greyed out with a note, because visitors will skip straight to the conversation. Turn it back on in the Lead Capture section.

Test a Real Conversation

The Design preview shows how things look, not how your chatbot answers. To chat with it, select Test Behaviour at the top of the builder, or press Cmd/Ctrl + T. The builder switches to the Behaviour tab and starts a fresh test conversation in the preview panel.

Tip:
Run a test after any change to the greeting, predefined options, or AI follow-ups. They only show their full behaviour in a real conversation.

Next Steps

With the Design tab set up, move on to the Behaviour Tab to write your system prompt, choose a model, and import an industry preset. For a full pre-launch checklist, see Testing Your Chatbot.

Explore Hyperleap AI

An AI front desk that answers customer questions, collects contact details, and books appointments on your website and messaging channels.