Initial release. Install to add a live WooCommerce order dropdown field to any Contact Form 7 form \u2014 perfect for support, returns, and order enquiry forms.<\/p>"},"ratings":{"1":0,"2":0,"3":1,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3475261,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3475261,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3475261,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3475261,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2766715,"resolution":"1","location":"assets","locale":"","width":1892,"height":853},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2766715,"resolution":"2","location":"assets","locale":"","width":1894,"height":765},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2766715,"resolution":"3","location":"assets","locale":"","width":1915,"height":891},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2766715,"resolution":"4","location":"assets","locale":"","width":1367,"height":856}},"screenshots":{"1":"CF7 form editor \u2014 \"woocommerce_order\" tag button highlighted in the form toolbar","2":"CF7 form template \u2014 generated [woocommerce_order] shortcode tag shown in the form body","3":"Form-tag Generator modal \u2014 required field, name, ID, class, and order status fields with Insert Tag button","4":"Front-end contact form \u2014 WooCommerce order dropdown listing orders by number, status, and date"}},"plugin_section":[],"plugin_tags":[269426,269427,170482,269424,269425],"plugin_category":[],"plugin_contributors":[256981],"plugin_business_model":[],"class_list":["post-160850","plugin","type-plugin","status-publish","hentry","plugin_tags-cf7-woocommerce-integration","plugin_tags-contact-form-7-order-list","plugin_tags-contact-form-7-woocommerce","plugin_tags-order-dropdown-cf7","plugin_tags-woocommerce-order-field","plugin_contributors-howdytheme","plugin_committers-howdytheme"],"banners":{"banner":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/banner-772x250.png?rev=3475261","banner_2x":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/banner-1544x500.png?rev=3475261","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/icon-128x128.png?rev=3475261","icon_2x":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/icon-256x256.png?rev=3475261","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/screenshot-1.png?rev=2766715","caption":"CF7 form editor \u2014 \"woocommerce_order\" tag button highlighted in the form toolbar"},{"src":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/screenshot-2.png?rev=2766715","caption":"CF7 form template \u2014 generated [woocommerce_order] shortcode tag shown in the form body"},{"src":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/screenshot-3.png?rev=2766715","caption":"Form-tag Generator modal \u2014 required field, name, ID, class, and order status fields with Insert Tag button"},{"src":"https:\/\/ps.w.org\/order-dropdown-contact-form-7-for-woocommerce\/assets\/screenshot-4.png?rev=2766715","caption":"Front-end contact form \u2014 WooCommerce order dropdown listing orders by number, status, and date"}],"raw_content":"\n
Order Dropdown Contact Form 7 For WooCommerce<\/strong> adds a powerful new form field type to Contact Form 7 that renders a dynamic dropdown list of WooCommerce orders. Customers can select an order directly from the form \u2014 making it ideal for support requests, return and refund enquiries, order follow-ups, and any form where a customer needs to reference a specific WooCommerce order.<\/p>\n\n The plugin registers a custom Requires both Contact Form 7 and WooCommerce<\/strong> to be installed and activated.<\/p>\n<\/blockquote>\n\n \ud83d\udcc4 Documentation<\/a> | \ud83d\udd34 Live Demo<\/a><\/p>\n\n\n\n Once installed, a new woocommerce_order<\/strong> field type appears in the Contact Form 7 tag generator. Insert the tag into any CF7 form and the field renders as a Example tag:\n [woocommerce_order woocommerce_order-968 status:wc-processing|wc-on-hold]<\/p>\n\n The selected order value is then available as a mail tag, so it gets included in the notification email sent to you when the form is submitted.<\/p>\n\n\n\n WooCommerce Order Dropdown Field<\/strong>\n* Adds a new Filter Orders by Status<\/strong>\n* Control exactly which orders appear in the dropdown using the Visual Tag Generator in CF7 Editor<\/strong>\n* A dedicated tag generator panel is added directly inside the Contact Form 7 form editor \u2014 no manual shortcode writing needed\n* Configure the field name, HTML ID, CSS class, and order status filter all from a clean UI\n* Generated tag is previewed live and inserted into the form with one click\n* Includes a mail tag reference tip so you know exactly how to include the selected value in your notification emails<\/p>\n\n Required Field Support<\/strong>\n* Mark the order dropdown as a required field by checking the \"This is a required field\" option in the tag generator (adds the Custom ID & Class<\/strong>\n* Set a custom HTML Mail Tag Integration<\/strong>\n* The selected order value is automatically available as a CF7 mail tag\n* Insert the mail tag into the CF7 Mail tab to include the selected order in form notification emails sent to admins or customers<\/p>\n\n Fully Responsive<\/strong>\n* The order dropdown is responsive and adapts gracefully on mobile and small screens\n* Font size is automatically adjusted on screens under 767px for comfortable readability on smartphones and tablets<\/p>\n\n Clean & Secure<\/strong>\n* All submitted data is sanitized using When using the Separate multiple statuses with a pipe character: From the WordPress Plugin Directory:<\/strong><\/p>\n\n Manual Upload:<\/strong><\/p>\n\n Yes. Both Contact Form 7<\/strong> and WooCommerce<\/strong> must be installed and activated. The plugin registers a custom CF7 form tag and queries WooCommerce orders \u2014 it cannot function without either plugin.<\/p><\/dd>\n After activating the plugin, open any Contact Form 7 form in your WordPress admin. You will see a new woocommerce_order<\/strong> button in the tag generator toolbar above the form editor. Click it to open the tag generator panel.<\/p><\/dd>\n In the tag generator, enter the desired WooCommerce status slugs in the Order Status<\/strong> field, separated by the pipe character Yes. In the tag generator panel, check the \"This is a required field\"<\/strong> checkbox. This appends The plugin supports CF7 mail tags. After inserting the tag, go to the Mail<\/strong> tab of the CF7 form editor and insert the corresponding mail tag (shown at the bottom of the tag generator panel) into your email body. The selected order number, status, and date will appear in the email when the form is submitted.<\/p><\/dd>\n Yes. Use the Class<\/strong> field in the tag generator to assign one or more custom CSS classes to the dropdown, then target those classes in your theme's stylesheet or the WordPress Customizer's Additional CSS field.<\/p><\/dd>\n Yes. A responsive CSS rule is included that adjusts the dropdown font size on screens narrower than 767px, ensuring comfortable usability on mobile devices.<\/p><\/dd>\n\n<\/dl>\n\n\n[woocommerce_order]<\/code> form tag and adds a visual tag generator to the Contact Form 7 editor, so you can build and insert the field without touching any code.<\/p>\n\n\n
How It Works<\/h4>\n\n
<select><\/code> dropdown on the front end. Each option displays the order ID, current order status, and the order creation date \u2014 giving customers enough context to identify their order at a glance.<\/p>\n\nKey Features<\/h4>\n\n
[woocommerce_order]<\/code> form tag to Contact Form 7\n* Renders a fully functional <select><\/code> dropdown populated with live WooCommerce orders\n* Each dropdown option displays the order number, status, and creation date in the format: #123 (Status: processing) - (Date: Jan 15, 2024)<\/code> \u2014 making it easy for customers to identify the right order<\/p>\n\nstatus:<\/code> option\n* Supports all standard WooCommerce order statuses: wc-pending<\/code>, wc-processing<\/code>, wc-on-hold<\/code>, wc-completed<\/code>, wc-cancelled<\/code>, wc-refunded<\/code>, wc-failed<\/code>\n* Filter by multiple statuses at once using pipe |<\/code> separators \u2014 for example: status:wc-processing|wc-on-hold|wc-completed<\/code>\n* Leave the status option empty to show orders of all statuses<\/p>\n\n*<\/code> suffix to the tag)\n* Full CF7 validation integration \u2014 shows CF7's standard validation error message if the required field is left empty on submission\n* Proper aria-required<\/code> and aria-invalid<\/code> accessibility attributes are applied automatically<\/p>\n\nid<\/code> attribute on the dropdown for JavaScript targeting or CSS anchor styling\n* Add one or more custom CSS class<\/code> names to the dropdown for full styling control<\/p>\n\nsanitize_text_field<\/code> before processing\n* Lightweight \u2014 only a minimal CSS file is enqueued on the front end; no unnecessary JavaScript dependencies\n* Follows WordPress and Contact Form 7 coding standards throughout<\/p>\n\n\n\nExample Use Cases<\/h4>\n\n
\n
Order Status Reference<\/h4>\n\n
status:<\/code> option, use the following WooCommerce status slugs:<\/p>\n\n\n
wc-pending<\/code> \u2014 Payment pending<\/li>\nwc-processing<\/code> \u2014 Payment received, order being processed<\/li>\nwc-on-hold<\/code> \u2014 Awaiting payment confirmation<\/li>\nwc-completed<\/code> \u2014 Order fulfilled and complete<\/li>\nwc-cancelled<\/code> \u2014 Order cancelled<\/li>\nwc-refunded<\/code> \u2014 Order refunded<\/li>\nwc-failed<\/code> \u2014 Payment failed or declined<\/li>\n<\/ul>\n\nstatus:wc-processing|wc-on-hold<\/code><\/p>\n\n\n\n
\n
\n
Does this plugin require Contact Form 7 and WooCommerce?<\/h3><\/dt>\n
Where do I find the new order dropdown field in CF7?<\/h3><\/dt>\n
How do I filter the dropdown to show only certain order statuses?<\/h3><\/dt>\n
|<\/code>. For example: wc-processing|wc-on-hold<\/code>. You can also add the status:<\/code> option manually in the form tag. Leave the field empty to show all order statuses.<\/p><\/dd>\nCan I make the order dropdown a required field?<\/h3><\/dt>\n
*<\/code> to the tag type, and CF7 will show a validation error if the visitor submits the form without selecting an order.<\/p><\/dd>\nHow does the selected order appear in the notification email?<\/h3><\/dt>\n
Can I add custom CSS to style the order dropdown?<\/h3><\/dt>\n
Is the plugin mobile-friendly?<\/h3><\/dt>\n
1.0<\/h4>\n\n
\n