MemberPress: Add Custom Message Before Payment Methods Section On Registration Pages

// Add custom JavaScript to display a message before the payment method icons

function add_payment_method_message() {

    ?>

    <script type="text/javascript">

        document.addEventListener('DOMContentLoaded', function() {

            // Get the element with the class "mepr-payment-methods-icons"

            var paymentMethodsIcons = document.querySelector('.mepr-payment-methods-icons');

            if (paymentMethodsIcons) {

                // Create a new paragraph element for the message

                var message = document.createElement('p');

                message.textContent = 'Your custom payment message goes here';

                // Assign a CSS class and ID to the paragraph

                message.className = 'custom-payment-message';

                message.id = 'payment-message';

                // Insert the message before the payment methods icons

                paymentMethodsIcons.parentNode.insertBefore(message, paymentMethodsIcons);

            }

        });

    </script>

    <?php

}

add_action('wp_footer', 'add_payment_method_message');