Integrate Razorpay for Contact Form 7 vs Masks Form Fields

This Razorpay Add-on is a WordPress plugin for Contact Form 7. It seamlessly integrates the Razorpay Payment Gateway with the forms created through Contact Form 7 plugin. Developers can now add this for easy payments in their Contact Form 7 on WordPress platform for their website’s customers. Note: The sole dependency of this plugin is “Contact Form 7”. It is mandatory to install the same first and then continue with the Razorpay Addon. If you want any customization or found any bugs you can contact us here. Features You will have the following features in the Razorpay panel (payments and settings) after successful installation- Individual activation/deactivation of Razorpay in different forms Individual detail addition (item id, item price, name, etc.) in different forms Both “Test” or “Live” mode API integration credentials inputs of ID and secret key present Company name can be added “Return URL” option for a landing page after payment All the payments listed under Razorpay Payment page on WordPress dashboard Payments can be filtered according to forms, status, dates, etc. View more information related to individual payments in a popup. A payment can be searched using internally generated Order ID. “Error” upon entering wrong credentials Key Features in Premium Edition Pre-defined Pricing Options: Enable users to select from preset pricing options configured within the form, overriding the default item price. Ideal for offering multiple price points predefined by the administrator. User-defined Pricing: Allow users to enter their own price, providing greater flexibility and enabling custom pricing based on user input. FormData Collection: Efficiently gather and store user-submitted form data related to payments. This feature ensures you capture all relevant details provided by users during the Razorpay payment process, offering valuable insights into their interactions and enhancing your record-keeping capabilities. Export CSV: Easily export comprehensive order, payment, and user-submitted form data into a CSV file for efficient record-keeping and analysis. Custom Order ID Prefix: Set custom prefixes for Order IDs to better organize and track your orders. Personalize your order management system with identifiable prefixes. Order Shortcode: Display detailed order information such as Order ID, Item ID, Item Name, and Item Price on the Thank You page using a simple shortcode. Order Success Redirect: Customize the redirect URL after a successful payment, directing users to either an internal Thank You page or an external URL of your choice. Customize Razorpay Payment Popup: Personalize the Razorpay Payment Popup to match your website’s branding by customizing the logo, theme color, and backdrop color. Autofill Customer Information: Automatically pre-fill customer details such as Name, Email, and Phone in the Razorpay Payment Popup, streamlining the payment process by reducing the need for repeated data entry. Email Notification: Disable the default email sent after form submission. Instead, use cf7rzp mail tags within the Mail Tab’s “Message Body” settings to customize notifications. An email will be sent only after a successful payment, including the order details. Get Premium with various features & support.

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