You can view the Payment Popup by clicking the Payment Button on the live website.
Open Payment Popup
After you add the Payment Icon, you'll find the Payment Popup in the Modal Popups panel in Quick Access.
You can also find the Payment Popup in the Page Navigator under the Block Thumbnail.
Payment Popup In Products
You can find the link to the Payment Popup in the Products Panel of the Quick Access Pane.
Product List Element
The Payment Popup contains the Product List Element, as we plan to support multiple Products in the future. You can show multiple products in one Product Popup. You can stylize the Product Title, Price, and Description.
NOTE: The popup shows the sample data, and you will see the Product you specified in the Product Tab on the Live website.
Payment Area
Specify the properties of the Payment Area, where you see the actual pay button options of the payment systems added to your E-Commerce website.
Clicking on the Payment Area lets you modify all Payment Settings supported by Services, which is also more convenient.
Payment Area Methods
Set the Payment Area Methods so customers can choose their preferred payment method on your website.
Payment Area PayPal Properties
You can access the PayPal properties in the Property Panel by defining the PayPal button layout on the live site.
Payment Area Stripe Properties
We added the Stripe Panel, allowing you to style the Stripe button in the Payment Popup on a live website.
Payment Area Messages
You can edit and style the messages displayed to your customers while they purchase on your website in the Payment Area Messages Panel.
Payment Area Colors
Finally, you can stylize the Method selector in the Payment Popup on the Colors Panel.
Payment Popup Tips
You can see the Titles and tips for the Payment Area options in the Payment Popup, which explain the purpose of this area and that the actual payment buttons will display and work only on the live website.
Publish Payment
Publish or export the site, and then click the live Payment Button. If you set the PayPal Client ID correctly, you will see the PayPal payment buttons.
Payment Success
If your payment is successful, you will receive a success message.
Payment Errors
You may also receive an error message about a failed payment or other errors. For example, the following message explains that you set the Product incorrectly.
Payment Popup Translations
You can customize all fields in the Payment Popup to support translations and localization. This simplifies the payment experience across languages and provides customers with clear, consistent information during checkout.
