Title: Sun Form Builder Author: suformdev Published: 2026 年 6 月 29 日 Last modified: 2026 年 7 月 17 日 --- 搜尋外掛 ![](https://ps.w.org/sunformbuilder/assets/banner-772x250.png?rev=3589403) ![](https://ps.w.org/sunformbuilder/assets/icon-256x256.png?rev=3589403) # Sun Form Builder 由 [suformdev](https://profiles.wordpress.org/wpformdev/) 開發 [下載](https://downloads.wordpress.org/plugin/sunformbuilder.1.0.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/sunformbuilder/#description) * [使用者評論](https://tw.wordpress.org/plugins/sunformbuilder/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/sunformbuilder/#installation) * [開發資訊](https://tw.wordpress.org/plugins/sunformbuilder/#developers) [技術支援](https://wordpress.org/support/plugin/sunformbuilder/) ## 外掛說明 **Sun Form Builder** is a modern, lightweight form builder for WordPress that lives natively inside the Gutenberg block editor. Drop the **Sun Form** block into any post, page or template and build the form visually using a rich set of field controls— no coding required. Each form is stored as its own post (`sun_forms`), so you can manage all of your forms from a single dashboard, embed them anywhere with a shortcode, and customize per-form styles that are automatically compiled into a dedicated CSS file. #### Highlights * Build forms visually inside the **Gutenberg block editor** using the `Sun Form` block. * Reusable **Email Templates** powered by Twig, edited with the WordPress CodeMirror editor. * Shortcode embedding from any builder or classic editor: `[sun_form id="123"]`. * Dedicated **Sun Forms** admin menu with form list, email templates and settings. * **Mailchimp** integration out of the box (additional integrations available in the Pro version). * Per-form generated CSS stored under `wp-content/uploads/sun-form-builder/css/` for fast frontend rendering. * SVG upload support enabled for icon/branding usage inside forms. * Conditional asset loading — submission script and styles are only enqueued on pages that actually use a form. * Developer-friendly: clean hooks, custom post types and filters (`block_categories_all`,` upload_mimes`, etc.). #### Field & Form Features * Multiple field types: text, email, textarea, select, checkbox, radio, and more. * Customizable labels, placeholders, validation and required state per field. * Email notifications rendered through a Twig-based template (`{% for key, item in data %}` etc.). * Default email template auto-created on first run so the plugin works immediately after activation. * Admin column showing the shortcode for every form for quick copy & paste. #### Integrations Free version: * **Mailchimp** — connect with your Mailchimp API key under _Sun Forms Settings Integrations_. Available in the Pro version (Sun Form Builder Pro): * GetResponse, ActiveCampaign, MailerLite, Sendinblue, SendFox, Constant Contact * Google reCAPTCHA * Google Sheets * Zoho CRM * Stripe payments ### External services This plugin connects to the **Mailchimp** API to add form subscribers to a Mailchimp audience you have configured. Mailchimp is a third-party service provided by _The Rocket Science Group LLC d/b/a Mailchimp_. **When data is sent to Mailchimp** Requests are sent to the Mailchimp REST API at `https://.api.mailchimp.com/3.0/`( where `` is the data center derived from your API key, e.g. `us1.api.mailchimp. com`, `us21.api.mailchimp.com`, etc.) only in the following cases: * A site administrator saves or updates a Mailchimp API key on _Sun Forms Settings Integrations_ (the key is sent once to authenticate with Mailchimp and verify the connection). * A site administrator configures the Mailchimp integration on a form inside the block editor — the plugin requests the available audiences, interest groups and merge fields from Mailchimp so they can be selected in the editor UI. * A visitor submits a form that has the Mailchimp integration enabled by the site administrator. No data is sent to Mailchimp on any frontend page view, nor when the Mailchimp integration is not enabled for a form. **What data is sent to Mailchimp** When a visitor submits a form configured to use the Mailchimp integration, the following data is sent: * The Mailchimp **API key** stored on the settings page (used for authentication only, sent as an HTTP `Authorization: Basic` header). * The **audience / list ID** that the site administrator has selected for the form. * The visitor’s **email address** from the form. * Any additional **merge fields** that the site administrator has mapped between the form fields and the Mailchimp audience (e.g. first name, last name, address, phone number). No personal data is sent to Mailchimp unless you (the site administrator) explicitly map a Mailchimp integration to one of your forms. **Mailchimp legal documents** * Terms of Use: [https://mailchimp.com/legal/terms/](https://mailchimp.com/legal/terms/) * Privacy Policy: [https://mailchimp.com/legal/privacy/](https://mailchimp.com/legal/privacy/) By enabling the Mailchimp integration in this plugin, you acknowledge that the data described above will be transmitted to and processed by Mailchimp in accordance with their Terms of Use and Privacy Policy. ### Credits Built with love on top of the WordPress block editor. Email templates are powered by [Twig](https://twig.symfony.com/). ## 螢幕擷圖 [⌊Build forms visually with the Sun Form Gutenberg block.⌉⌊Build forms visually with the Sun Form Gutenberg block.⌉[ Build forms visually with the **Sun Form** Gutenberg block. ## 適用於區塊編輯器 這個外掛提供 1 個可供區塊編輯器使用的區塊。 * Form ## 安裝方式 1. Upload the `sun-form-builder` folder to `/wp-content/plugins/`, or install the plugin through the WordPress **Plugins** screen. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Go to **Sun Forms** in the admin sidebar to create your first form. 4. (Optional) Open **Sun Forms Settings** to connect Mailchimp and configure integrations. 5. Embed a form in any post or page using either: 6. * The **Sun Form** Gutenberg block, or * The shortcode `[sun_form id="FORM_ID"]` (the form ID is shown in the Shortcode column of the forms list). ## 常見問題集 ### Do I need the Gutenberg editor to use this plugin? The form builder UI is built as a Gutenberg block, so you’ll use Gutenberg to design forms. Once a form is created, you can embed it anywhere using the `[sun_form id ="..."]` shortcode, including the classic editor and most page builders. ### How do I embed a form in a post or page? Either insert the **Sun Form** block from the _WP Form Builder_ category, or paste the shortcode `[sun_form id="123"]` (replace `123` with the ID shown in the Shortcode column of _Sun Forms All Forms_). ### How do I customize the notification email? Go to **Sun Forms Email Templates**, open a template and edit the HTML in the CodeMirror editor. The plugin uses Twig syntax, so you can loop through submitted fields with`{% for key, item in data %} ... {% endfor %}` and output values like `{{ item.label}}` and `{{ item.value }}`. ### Where are the per-form styles stored? Each form’s compiled CSS is written to `wp-content/uploads/sun-form-builder/css/{ form_id}.css` and is only enqueued on pages that actually contain the form (via block or shortcode). ### How do I connect Mailchimp? Open **Sun Forms Settings Integrations**, paste your Mailchimp API key into the Mailchimp field and click **Save**. ### Does this plugin support file or SVG uploads? Yes. The plugin registers `image/svg+xml` as an allowed mime type so SVG files can be uploaded through the standard WordPress media library. ### Is there a Pro version? Yes. **Sun Form Builder Pro** adds more integrations (reCAPTCHA, Google Sheets, Zoho CRM, additional email marketing services and Stripe payments). The free plugin will automatically stand down if the Pro version is active. ## 使用者評論 這個外掛目前沒有任何使用者評論。 ## 參與者及開發者 以下人員參與了開源軟體〈Sun Form Builder〉的開發相關工作。 參與者 * [ suformdev ](https://profiles.wordpress.org/wpformdev/) [將〈Sun Form Builder〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/sunformbuilder) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/sunformbuilder/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/sunformbuilder/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/sunformbuilder/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/sunformbuilder/)。 ## 變更記錄 #### 1.0.1 * Fixed: Force the block editor for the `sun_forms` post type when the Classic Editor plugin is active. * Added filters `use_block_editor_for_post_type` and `use_block_editor_for_post` at priority 101 to override Classic Editor’s priority-100 classic force. * Added filter `classic_editor_enabled_editors_for_post_type` so Classic Editor treats `sun_forms` as block-editor only. #### 1.0.0 * Initial release. * Gutenberg block `sun-formbuilder/form` for visual form building. * Custom post types `sun_forms` and `sun_email_template`. * Shortcode embedding: `[sun_form id="..."]`. * Per-form CSS generation and conditional asset loading on the frontend. * Twig-based email templates with a default template seeded on first run. * Mailchimp integration and settings page. * SVG upload support. ## 中繼資料 * 版本 **1.0.1** * 最後更新 **2 個月前** * 啟用安裝數 **少於 10 次** * WordPress 版本需求 ** 5.8 或更新版本 ** * 已測試相容的 WordPress 版本 **7.0.5** * PHP 版本需求 ** 8.1 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/sunformbuilder/) * 標籤: * [contact form](https://tw.wordpress.org/plugins/tags/contact-form/)[email template](https://tw.wordpress.org/plugins/tags/email-template/) [form builder](https://tw.wordpress.org/plugins/tags/form-builder/)[Gutenberg block](https://tw.wordpress.org/plugins/tags/gutenberg-block/) [mailchimp](https://tw.wordpress.org/plugins/tags/mailchimp/) * [進階檢視](https://tw.wordpress.org/plugins/sunformbuilder/advanced/) ## 評分 這個項目尚無任何評論記錄。 [撰寫評分](https://wordpress.org/support/plugin/sunformbuilder/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/sunformbuilder/reviews/) ## 參與者 * [ suformdev ](https://profiles.wordpress.org/wpformdev/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/sunformbuilder/)