PDF Templates

In this tab, you can create as many templates as you wish for the PDF the users will download when using the PDF button in their Thank you page.

By clicking the button users will download the same PDF.

The plugin automatically creates a simple template if you have previously selected create and choose a custom template in Customization> PDF as a PDF template to use.

How to create a new template

Just click +Add new template.

This would open up the template editing page, select one of the options, define the name and edit it based on your needs using the YITH block options available.

The options and blocks that you will be able to use to create the template as you prefer are the following:

• Text: build your texts by using a paragraph, heading, and list style;
• Media: you can add images to your blocks;
• Design: choose the layout from buttons, columns, separator, and spacer;
• YITH: ready-to-use Thank you page plugin blocks to quickly add the:
  • Thank You Page Order Number
  • Thank You Page Products Table
  • Thank You Page Products Totals
  • Thank You Page Customer Information
  • Thank You Page Order Date
  • Thank You Page Payment Method
  • Thank You Page Coupon Code
  • Thank You Page Paragraph

Plugin block options

Thank You Page Order Number

This block will allow you to show the order number in the place of your preference inside the PDF template, when adding this block, you will find a set of options and you will be able to rename “order” as you prefer.

• Dimensions: set the margin (right, top, bottom, left) and padding

• Color: set the color for the text;
• Typography: set the font size and letter case;
• Advanced: here, you can enter additional CSS classes.

example:

Thank You Page Products Table

If you want to add the product table to the PDF template, you can take advantage of the Thank You Page Products Table block. When adding this block, you will find a set of options.

Enable/disable what you want to show among:

• product thumbnail
• product name
• product SKU with the product name
• quantity
• price
• total

You can also change the titles of the product table items as you prefer.

• Titles: customize titles by setting the color and border color, size, and letter case;

• Advanced: here, you can enter HTML anchor and additional CSS classes.

example

Thank You Page Products Totals

If you want to add the total table to the PDF template, you can take advantage of the Thank You Page Products Totals block. When adding this block, you will find a set of options.

• Table settings: customize the color and background color, and size of the table;
• Subtotal labels: set color and size of the subtotal text;

• Total settings: customize the color and size of the total;
• Advanced: here, you can enter HTML anchor and additional CSS classes.

example

Thank You Page Customer Information

If you want to show the customer details in the PDF template, you can take advantage of the Thank You Page Customer Information block. When adding this block, you will find a set of options and you will be able to rename “customer info” as you prefer.

Customer’s data will be added through the following placeholders:

• BILLING PLACEHOLDERS:
  • {{billing_first_name}}
  • {{billing_last_name}}
  • {{billing_company}}
  • {{billing_address_1}}
  • {{billing_address_2}}
  • {{billing_city}}
  • {{billing_state}}
  • {{billing_country}}
  • {{billing_email}}
  • {{billing_phone}}
  • {{billing_postcode}}

• SHIPPING PLACEHOLDERS:
  • {{shipping_first_name}}
  • {{shipping_last_name}}
  • {{shipping_company}}
  • {{shipping_address_1}}
  • {{shipping_address_2}}
  • {{shipping_city}}
  • {{shipping_state}}
  • {{shipping_country}}
  • {{shipping_phone}}
  • {{shipping_postcode}}

• Dimensions: set the margin (right, top, bottom, left) and padding;
• Color: set the color for the text;

• Typography: set the size and letter case;
• Advanced: here, you can enter additional CSS classes.

Example

Thank You Page Order Date

If you want to show the quote date info in the PDF template, you can take advantage of the Thank You Page Order Date block. When adding this block, you will find a set of options and you will be able to rename the “dates” as you prefer.

• Dimensions: set the margin (right, top, bottom, left) and padding;

• Color: set the color for the text;
• Typography: set the font size and letter case,
• Advanced: here, you can enter additional CSS classes.

example

Thank You Page Payment Method

This block will allow you to show the payment method used during the checkout. When adding this block, you will find a set of options.

• Dimensions: set the margin (right, top, bottom, left) and padding;
• Color: set the color for the text;

• Typography: set the font size and letter case;
• Advanced: here, you can enter additional CSS classes.

example

Thank You Page Coupon Code

If you want to share coupons with users and target future sales you will be able to tie an already created woocommerce coupon code to it. When adding this block, you will find a set of options and you will be able to give the ”title” you prefer.

• Box border: set the color of the box border;
• Style: here you will find 9 possible border styles;

• Title: set the text color;
• Coupon Label: set the color and size of the coupon text;
• Color: set the background color of the box;

• Dimensions: set the padding;
• Advanced: here, you can enter additional CSS classes.

example:

Thank You Page Paragraph

If you are looking to customize the PDF with a custom message you can take advantage of the Thank You Page Paragraph. When adding this block, you will find a box to enter a freehand text and a set of options.

• Dimensions: set the margin (right, top, bottom, left) and padding;
• Color: set the color for the text;

• Typography: set the size and letter case;
• Advanced: enter additional CSS classes.

example

Through the plugin and the use of Gutenberg and your creativity, you can build as many custom PDF templates as you want. Below, you can see one of the unlimited results you can achieve.