Using Pipes with Contact Form 7 Multi-Step Forms
-
Contact Form 7の送り分け機能であるパイプ機能を、Contact Form 7 Multi-Step Formsでも使用する方法です。
Thank you Corey-san for advising me to post the solution.
This topic is for people who want to use Pipes with Contact Form 7 Multi-Step Forms.The solution is adding a hidden tag and the Javascript codes.
For example…Dropdown menu using Pipes:
[select* item id:selectBox class:required class:selectBox first_as_label "Choose item" "A|[email protected]" "B|[email protected]" "C" "D" "E"]Add a hidden tag and some JavaScript:
[select* item id:selectBox class:required class:selectBox first_as_label "Choose item" "A|[email protected]" "B|[email protected]" "C" "D" "E"]
[hidden your-item ""]<script>
document.addEventListener('DOMContentLoaded', function() {
var selectElement = document.querySelector('[name=item]');
var hiddenInput = document.querySelector('[name=your-item]');
selectElement.addEventListener('change', function() {
var value = selectElement.value;
hiddenInput.value = value;
});
});
</script>Pipes emails are stored in [item], the item names are stored in [your-item].
Set the [item] tag in the recipients section (e.g., To [item]).The articles that I got a hint(all written in Japanese):
https://webabc.hatenablog.jp/entry/2023/01/10/ContactForm7-CoditionalFields-MultiStepForms-CombinedUse
https://mono96.jp/wordpress/know-how-wordpress/47400/This solution works only in Free Version.
For the Pro ver, please contact to Technical Support.
I’ve already shared the other solution.Feel free to ask me if you have any questions.
N’hésitez pas à me demander si vous avez des questions. Merci.
- You must be logged in to reply to this topic.
