How to Use Products in Payment Element in Forms

Modified on Thu, 12 Sep at 1:20 PM



We are excited to introduce new feature Products in Forms to enhance your Forms experience! With this update, users can seamlessly add products to their forms with better customization and layout options.

?What's New?

  • Payment Type: Now you have an option to either sell product or collect custom amount from the forms.

  • Ability to select products, include descriptions and images, and choose layouts.

  • Users will also be able to select different variants which are available for the specific product

  • Quantity of product will be respected as per inventory management.

  • Inclusion of tax calculation when someone purchase the product.

?How to Use?

  • Under the Integrations, locate the "Payment" element.

  • Drag and drop the payment element onto your form canvas.

  • Connect the payment gateway

  • Toggle between live and test modes.

  • Click on "Add Product" to select from available options.

  • Customize product details, including description, image, and layout.

  • You can customize the look by choosing themes and styling options.

  • Save your changes and preview the form to see the products in action.

??Key Highlights??

Customizations:

  • You can add up to 20 products

  • Three different layout options are available.

  • These forms can be easily added in the funnels and can be used as one step order form with unlimited customization.

Tracking payments:

  • Upon form submission, the payment amount, order id and payment status are included in the submission details.

  • On clicking Order ID, users will be able order details.

  • These details can also be exported via export options.

Email Notifications:

Email notifications also reflect the status and amount of payment.

Workflow Trigger:

Payment received trigger can be used with "Forms" as source.

?Notes:?

  • Recurring products are not supported right now.

  • NMI and Authorize.net requires First Name as mandatory field while having payment element in the form.

  • Refund amount will not be captured right now

  • Old way of API based Stripe connect is not supported.

  • In Calendars with custom form payment element, Payment element will not display.

  • Multi payments with Multi native forms not supported in funnel yet

  • Undo/Redo is not supported with Payment element yet

Examples:

Screenshot 2024-04-11 at 5

Screenshot 2024-04-11 at 5

Screenshot 2024-04-11 at 5

Screenshot 2024-04-11 at 5

Screenshot 2024-04-11 at 5

Screenshot 2024-04-11 at 5


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article