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 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. Display-only tags (count, response, etc.), image CAPTCHA (Really Simple CAPTCHA), Cloudflare Turnstile, and Stripe are not supported (their output is skipped). For spam protection in the chat UI, use reCAPTCHA v3 or quiz.

1. Install and activate Contact Form 7 (required).
2. Install and activate this plugin.
3. Find the ID of the CF7 form you want to convert, and place the shortcode on a page or post: [buff_chat id="123"]
4. Optionally adjust colors, text, icon, etc. under "Settings -> Buff Chat UI".

Shortcode attributes

• id - CF7 form post ID (required)
• title - heading (defaults to the form title)
• intro - opening greeting
• avatar - bot icon image URL
• thanks - redirect URL after submission
• mode - inline (default) or float (floating display)
• position - position for float: bottom-right / bottom-left

Calling from a template Use <?php buff_chat_ui( 123 ); ?> to output the chat. For a floating widget, use buff_chat_ui( 123, array( 'mode' => 'float' ) ). To get the markup as a string, use buff_chat_ui_get( 123 ). Floating widget (site-wide chatbot) Under "Settings -> Buff Chat UI -> Floating display", enable "Show on all pages", set the target form ID and position, and a chatbot-style launcher appears in the footer of every page. For a single page only, use [buff_chat id="123" mode="float"].

1.0.0

• Initial release.