How to print the Payment Summary of my order form?

How to print the Payment Summary of my order form?

You can print the Payment Summary of your online order form separately from your form fields with the use of some CSS coding. This is very helpful for buyers who tend to keep evidence of the things they pay online. Certainly, having only the payment summary printed has got its advantages in different situations. Here’s how you can allow your users to print only the payment summary of the order form:

1. In the SettingsAdvanced section of your form, tick the Add a Print button on the form option and press Save.

how to print the payment summary from the order form

2. Go to the SettingsThemes section of your form and click on the Use Custom CSS link.

how to print the payment summary from the order form

3. In the lightbox, paste the following code and press Apply.

@media print
{
form.form{
visibility: hidden ;
display:none;
}
#payment_preview2{
visibility: visible;
position:absolute;
top:0;
}
}

how to print the payment summary from the order form

4. Save your changes in the Themes section of your online order form and you are done.

From now on, people who will press the Print button on your form will print only the payment summary. Note: Click on Calculate before printing, otherwise your printed payment summary will be blank.

Related articles:
How to print digital signatures from a single submission?
How to print form submissions?

Olivian Stoica
Olivian Stoica
Oli's enthusiasm for helping our fellow users led him to write thorough know-how articles and tutorials that would make form building a bliss on 123FormBuilder.

Leave a Reply

Your email address will not be published. Required fields are marked *