[WordPress] 外掛分享： Contact Form 7 – Repeatable Fields

WordPress 外掛 Contact Form 7 – Repeatable Fields 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Contact Form 7 – Repeatable Fields」是 2018-03-18 上架。
  • 目前有 6000 個安裝啟用數。
  • 上一次更新是 2024-10-22，距離現在已有 193 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
  • 有 21 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

felipeelia |

外掛標籤

cf7 | repeater | repeatable | contact form 7 |

內容簡介

這個外掛可以在 Contact Form 7 中新增可重複的欄位群組。

注意：已測試支援 Contact Form 7 5.1.6。

使用方式
表單頁簽

將想要的欄位用 [field_group your_group_id_here][/field_group] 包起來。短碼除了 WP 短碼格式，也接受 Contact Form 7 欄位參數格式的額外參數。

例如：

[field_group emails id="emails-groups" tabindex:1]

[radio your-radio use_label_element default:1 "radio 1" "radio 2" "radio 3"]
[select* your-menu include_blank "option1" "option 2"]
[checkbox* your-checkbox "check 1" "check 2"]
[/field_group]

郵件頁簽

在郵件送出設定中，使用您的群組 ID 包裝欄位。您可以使用 [group_index] 標籤來列印群組索引，以及額外的 __ 來列印特定索引的欄位。

例如：

這個使用者輸入的第二個電子信箱是：[your-email__2]

這些是群組：
[emails]
群組 #[group_index]
核取方塊：[your-checkbox]
電子信箱：[your-email]
單選按鈕：[your-radio]
下拉選單：[your-menu]
[/emails]

新增和移除按鈕的客製化

你可以在你的佈景主題中新增過濾器來自訂新增和移除按鈕。

例如：

// In your theme's functions.php
function customize_add_button_atts( $attributes ) {
return array_merge( $attributes, array(
'text' => '新增條目',
) );
}
add_filter( 'wpcf7_field_group_add_button_atts', 'customize_add_button_atts' );

可用的過濾器有：

wpcf7_field_group_add_button_atts

過濾新增按鈕的屬性。

參數：
* $attributes：新增按鈕屬性的陣列，包含：
* additional_classes：要新增到按鈕的 CSS 類別
* text：按鈕上的文字

回傳值：按鈕屬性的陣列

wpcf7_field_group_add_button

過濾新增按鈕的 HTML。

參數：
* $html：預設新增按鈕的 HTML

回傳值：按鈕的 HTML

wpcf7_field_group_remove_button_atts

過濾刪除按鈕的屬性。

參數：
* $attributes：刪除按鈕屬性的陣列，包含：
* additional_classes：要新增到按鈕的 CSS 類別
* text：按鈕上的文字

回傳值：按鈕屬性的陣列

wpcf7_field_group_remove_button

過濾刪除按鈕的 HTML。

參數：
* $html：預設刪除按鈕的 HTML

回傳值：按鈕的 HTML

貢獻

您可以在GitHub 儲存庫中貢獻程式碼、問題和意見。

如果你喜歡這個外掛，請給個評價，謝謝🙂

原文外掛簡介

This plugin adds repeatable groups of fields to Contact Form 7.
NOTE: Tested with Contact Form 7 5.7.7.
Usage
Form tab
Wrap the desired fields with [field_group your_group_id_here][/field_group]. The shortcode accepts additional parameters, in WP shortcode format and in CF7 fields parameters format as well.
Example:
[field_group emails id="emails-groups" tabindex:1]

[radio your-radio use_label_element default:1 "radio 1" "radio 2" "radio 3"]
[select* your-menu include_blank "option1" "option 2"]
[checkbox* your-checkbox "check 1" "check 2"]
[/field_group]

Mail tab
In the mail settings, wrap the fields with your group id. You can use the [group_index] tag to print the group index and an additional __ to print a field at a specific index.
Example:
The second email entered by the user was: [your-email__2]

These were the groups:
[emails]
GROUP #[group_index]
Checkbox: [your-checkbox]
E-mail: [your-email]
Radio: [your-radio]
Select: [your-menu]
[/emails]

Check out the Wiki

Hooks available – How to customize the add and remove buttons
Frequently Asked Questions

Contribute
You can contribute with code, issues and ideas at the GitHub repository.
If you like the plugin, a review is appreciated 🙂

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Contact Form 7 – Repeatable Fields」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.1 | 1.0.0 | 1.0.1 | 1.0.2 | 1.1.1 | 1.1.2 | 1.1.3 | 2.0.0 | 2.0.1 | 2.0.2 | trunk |

延伸相關外掛（你可能也想知道）

  • Contact Form 7 Database Addon – CFDB7 》「CFDB7」外掛可將「聯絡表單7」的提交內容保存在WordPress資料庫中，並可匯出CSV檔案。, 只要安裝此外掛，它便會自動開始捕捉來自聯絡表單7的表單提交。, CF...。
  • ReCaptcha v2 for Contact Form 7 》Contact Form 7 v5.1 於 2018 年 12 月停止支援 reCaptcha v2，以及 [recaptcha] 標籤。此外掛從 Contact Form 7 5.0.5 重新帶回了這項功能，同時重新加入了 ...。
  • Contact Form 7 Captcha 》使用這個外掛，您需要透過 Google 網站註冊 API 金鑰：https://www.google.com/recaptcha/admin, 此外掛實現了「我不是機器人」複選框。在生成金鑰時，請選擇...。
  • Contact Form 7 – Dynamic Text Extension 》Contact Form 7 是一個出色的 WordPress 外掛，也是免費 WordPress 聯絡表單外掛的首選之一。 Contact Form 7 - Dynamic Text Extension (DTX) 通過添加動態...。
  • Conditional Fields for Contact Form 7 》此外掛可以讓您的 Contact Form 7 表單加入條件式邏輯。, 當您編輯您的 CF7 表單時，您會看到一個額外的標籤，名為「條件式欄位群組」。您放置在起始標籤和結...。
  • Contact Form 7 Extension For Mailchimp 》WordPress Extension for Mailchimp (Chimpmatic Lite)可將Contact Form 7與Mailchimp Audience集成。使用Mailchimp的最新API自動將Contact Form 7提交的信息...。
  • Contact Form 7 Image CAPTCHA, WPForms Image CAPTCHA, Contact Form 7 Spam Image CAPTCHA, WPForms Spam Image CAPTCHA, GDPR 》在你的Contact Form 7表單中添加一個SVG圖像驗證和蜜罐。這個驗證符合GDPR要求，因為圖像是內嵌的SVG格式，所以這個外掛程序不會像Google的ReCAPTCHA那樣通過...。
  • Advanced Contact form 7 DB 》p>這是一個簡單易用的外掛程式，可儲存透過 Contact Form 7 表單收到的所有查詢詳細資料。只需安裝並啟用此外掛程式，就可以在 wp-admin 中存儲所有詢問。, ...。
  • Database for Contact Form 7, WPforms, Elementor forms 》Contact Form 7 Entries 外掛程式會自動將使用者在 Contact Form 7、WPforms、CRM Perks Forms 及其他流行聯絡表單外掛程式提交的表單儲存到 WordPress 資料...。
  • Ultimate Addons for Contact Form 7 》ate a grid or column layout with Contact Form 7 using the Columns / Grid Layout Addon in Ultimate Addons For Contact Form 7. This allows you to dis...。
  • Drag and Drop Multiple File Upload for Contact Form 7 》拖放多檔案上傳器是一個簡單、直接的 WordPress 外掛擴充套件，可與 Contact Form7 一起使用，讓用戶可以使用拖放功能或網頁表單的常見瀏覽檔案來上傳多個檔...。
  • Contact Form 7 Multi-Step Forms 》我需要一個可以跨越多個頁面的聯繫表單，並且最終會發送一封帶有所有收集信息的電子郵件。這個外掛通過擴展熱門的 Contact Form 7 外掛來實現這一點。, 這個...。
  • Country & Phone Field Contact Form 7 》「Country & Phone Field Contact Form 7」外掛是一個 Contact Form 7 的附加功能。這個外掛會在 Contact form 7 中添加兩個新的表單欄位：國家清單（表...。
  • CF7 Google Sheets Connector 》CF7 Google Sheet Connector是一個外掛插件，可在您的WordPress基於Contact Form 7表單和Google Sheets之間建立一個橋樑。 ** 🚀 是一個最受歡迎的WordPress...。
  • Date Time Picker for Contact Form 7 》此插件可以透過 CSS 類別將 Contact Form 7 文字欄位轉換為日期選擇器、時間選擇器或日期時間選擇器。安裝完插件後，您只需要在 Contact Form 7 CSS 類別編輯...。

文章
Filter
Apply Filters
Close
Mastodon