Addon Stripe with Contact Form 7
Addon Stripe with Contact Form 7 is the easiest way to add Stripe payment processing to any Contact Form 7 form on your WordPress site. Whether you’re collecting donations, service fees, booking deposits, or product payments, this plugin connects your forms to Stripe in just a few clicks. When a user submits your form, they are prompted to complete their payment via Stripe. On successful payment, they are automatically redirected to a custom success page of your choice, and the standard Contact Form 7 email notification is sent as usual. No coding or technical knowledge is required. Key Features Easy Setup — Connect to Stripe by simply entering your API keys. No complex configuration needed. Enable Per Form — Turn Stripe payments on or off for each Contact Form 7 form independently. Sandbox / Test Mode — Test your payment flow safely before going live using Stripe’s test environment. Custom Amount & Currency — Set a fixed price and choose from multiple supported currencies. Customer Email Capture — Map the customer’s email from your form directly to the Stripe payment record. Item Description & SKU — Add a product or service description and SKU to each payment. Success Redirect URL — Send customers to a custom thank-you page after a successful payment. Custom Button Label — Change the “Pay with Stripe” button text to match your brand. Payment Entries Log — View a log of all Stripe payment entries from your WordPress dashboard. WPML Compatible — Fully compatible with WPML for multilingual sites. How It Works Install and activate the plugin. Go to Contact > Integration and enter your Stripe API keys. Edit any Contact Form 7 form and open the Stripe tab. Enable Stripe, set your price, currency, and success URL. Save — your form now accepts payments! Requirements WordPress 5.5 or higher Contact Form 7 plugin (installed and active) A free Stripe account (stripe.com)
Masks Form Fields
Add a class in the form field. Example of use with Contact Form 7: [tel your-phone class:phone placeholder "Phone"] Listing of classes available for use. ('span.start, input.start').mff_mask('00/0000'); ('span.date, input.date').mff_mask('00/00/0000'); ('span.time, input.time').mff_mask('00:00:00'); ('span.time2, input.time2').mff_mask('00:00'); ('input.date_time').mff_mask('00/00/0000 00:00:00'); ('input.date_time2').mff_mask('00/00/0000 00:00'); ('input.cep').mff_mask('00000-000', { clearIfNotMatch: true }); ('input.zip').mff_mask('00000'); ('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions); ('input.phone_us').mff_mask('(000) 000-0000'); ('input.taxid').mff_mask('00-0000000'); ('input.ssn').mff_mask('000-00-0000'); ('input.mixed').mff_mask('AAA 000-S0S'); ('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true }); ('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true }); ('input.money').mff_mask('000.000.000.000.000,00', { reverse: true }); ('input.money2').mff_mask('#.##0,00', { reverse: true }); ('input.money3').mff_mask('#,##0.00', { reverse: true }); ('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true }); ('input.money5').mff_mask('#.##0', { reverse: true }); ('input.money6').mff_mask('#,##0', { reverse: true }); ('input.ip_address').mff_mask('099.099.099.099'); ('input.percent').mff_mask('##0,00%', { reverse: true }); ('input.percent2').mff_mask('##0.00%', { reverse: true }); ('input.percent3').mff_mask('990,0%', { reverse: true }); ('input.percent4').mff_mask('990.0%', { reverse: true }); ('input.percent5').mff_mask('#,##0%', { reverse: true }); ('input.percent6').mff_mask('#.##0%', { reverse: true }); Click here for more details on how to add custom mask. Optional – Added option for the format of the Brazilian phone number, with attribute name equal to phonebr. Credits jQuery Mask Plugin
