Custom Gravity Form Integration:

  1. A custom form created with Gravity Forms was integrated into the profile management page.
  2. This form includes fields for photo, name, role, and organization type, allowing users to update their profile information directly.
  3. WooCommerce Memberships Plugin:

WooCommerce Memberships Plugin:

  1. The custom form utilizes the Gravity Forms User Registration add-on to ensure profile updates are correctly applied to the user’s account.

Implementation Steps

Overriding the Template File:

  1. Copied my-profile-fields.php from the WooCommerce Memberships plugin to the child theme directory: child-theme/woocommerce/myaccount/my-profile-fields.php.
  2. Modified the copied template to replace its content with our custom Gravity Form.
  3. <?php echo do_shortcode('[gravityform id="35" title="true"]'); ?>

Creating and Configuring the Gravity Form:

  1. Designed a Gravity Form (ID: 35) with fields for photo, name, role, and organization type.
  2. Configured the form to use the Gravity Forms User Registration add-on to update user profile information upon submission.

Approval and Testing

  1. Client Approval: The proposed changes were submitted to the client for review. After thorough testing and validation, the client approved the enhancements.
  2. Deployment: The updated template and integrated Gravity Form were deployed to the live site, ensuring users can now manage their profile details in one place.