We use metabox to add custom fields to a users profile. The fields capture data on the users children (allergies, emergency contact, etc.) which we need when these children attend our extra-curricular programs. The group is cloneable so that parents can add multiple children.
Parents book through our website and are asked to assign a child to each activity booked on the final checkout page. We have custom plugin which handles this very well.
Parents are able to enter their child's details on their my account page (the woocommerce myaccount area with a custom endpoint). When editing / entering these field groups in the my account area, everything works fine. Data is saved, edits are saved and clones are saved.
The custom endpoint in the my account area is added through a small plugin, where we create the endpoint and display the following shortcode through php
[mb_user_profile_info id="child-details" submit_button="Submit" confirmation="Your information has been successfully submitted. Thank you."]
From a UX point of view however, users have complained that not being able to add a child and enter or update the child info as part of the checkout process is frustrating. We therefore embedded the form into the cart page by inserting the same shortcode as above into the cart page (through the page builder), thereby allowing the user to handle this data input / verification while they review their order in this step.
The field values display just fine (i.e. the details of any children added through the my account area). One if also able to clone the group and enter multiple childrens details into the forms. When one clicks on submit, the confirmation text is displayed, stating that the submission was successful.
But unfortunately none of the data is saved.
We thought we should perhaps be using another shortcode, the frontend-form maybe? We tried
[mb_frontend_form id="child-details"] but then the fields don't show up?