Buff Chat UI for Contact Form 7
This plugin renders an existing Contact Form 7 (CF7) form as a chat-style, one-question-at-a-time UI . Form definition, input validation, and email sending are all delegated to Contact Form 7 itself, so your existing settings, auto-reply emails, and spam protection (reCAPTCHA v3) keep working. This
This plugin renders an existing Contact Form 7 (CF7) form as a chat-style, one-question-at-a-time UI . Form definition, input validation, and email sending are all delegated to Contact Form 7 itself, so your existing settings, auto-reply emails, and spam protection (reCAPTCHA v3) keep working. This plugin is not affiliated with or endorsed by the Contact Form 7 project or its authors.
You can turn any CF7 form into a chat with a single shortcode:
[buff_chat id="123"]
Features
- Automatically converts a CF7 form into a one-question-at-a-time chat UI (by scanning the form tags).
- Answered items remain editable, with a confirmation step before submitting.
- Customize colors, font size, background, and bot icon from the settings screen (or fine-tune with additional CSS).
- Inline narration : add an element with class="buffchat-message" in the form body to show a bot bubble at that position.
- Conditional branching (via Conditional Fields for Contact Form 7) to show or hide questions based on answers.
- reCAPTCHA v3 support (only when configured in the CF7 integration).
- Redirect to a thank-you page after submission.
- Floating widget (site-wide chatbot) : a corner launcher that opens the chat on click; can be shown on all pages.
- Template function buff_chat_ui( $id ) to call it directly from a theme.
- Postal-code to address auto-fill (YubinBango; enabled via microformat classes such as class:p-postal-code ; no API key required).
- Group multiple fields into one card (e.g. address fields) instead of one at a time.
- Validation rules and messages follow Contact Form 7.
- Translation ready (a .pot template is bundled; Japanese is the source language).
Supported form tags
text / email / url / tel / number / range / date / textarea / select / checkbox / radio / acceptance / quiz / file / hidden / submit.