Creating a Custom Payment Form w/Stripe

Good afternoon. I am redesigning my membership site choices.pink, using the stripe payment system and would like to know how the stripe payment popup/form could be customized. Thanks so much in advance.

  • Rupok
    • Support Ninja

    Hi Bryan,

    would like to know how the stripe payment popup/form could be customized

    Can you please describe what type of customization are you trying to do? If you are trying to add a custom logo and colorful input field icons, then can you please check this solution? https://premium.wpmudev.org/forums/topic/stripe-checkout-with-a-bling#post-1177533

    This feature is coming in our next version of Membership 2 Pro. Until then, you can use the workaround from that link I just provided above.

    If you don't need this and need other type of modification, can you please describe in details? We can guide you better if we are clear about your requirements.

    Please send us as much details as you can. I'm looking forward to hearing from you and resolving this issue as soon as possible.

    Have a nice day. Cheers!
    Rupok

  • Zeus
    • Site Builder, Child of Zeus

    Hi Rupok. This would be great: "If you want to add your company logo or change design, can you please send us your target design? I believe that can be done with little jQuery and CSS and we will be glad to help you in achieving your target."
    I would love to attach my logo and have some css options as shown in the other solution.

  • Rupok
    • Support Ninja

    Hi Bryan,

    I would love to attach my logo and have some css options as shown in the other solution

    The other solution shows custom logo with matching color input fields icons. To attach your custom logo in Stripe checkout popup, please login to your server with any FTP Application and go to "/wp-content/plugins/membership/app/gateway/stripe/view/" folder. There you will find a file named "class-ms-gateway-stripe-view-button.php". Open that file and add the following lines after line 45:

    $stripe_data['image'] = 'http://yoursite.com/image.png';
    $stripe_data['locale'] = 'auto';

    Please replace "http://yoursite.com/image.png" with your actual logo URL and save the file. From now on, your custom logo will be shown in your Stripe Checkout. And input fields icons will automatically changed to matching color with your custom logo.

    Instead of adding with jQuery and CSS, this will be better approach because this is the native way.

    Please let us know if you have any further inquiry. We will be glad to help.

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.