How to create a 'Thank You!' page?

Learn how to configure a payment confirmation page which is displayed after payment.

Introduction

A Thank you page is payment confirmation page displayed after payment.

In this tutorial, we’ll show you how to create a Thank you page.

Configuring a Thank you page in 3 easy steps

We advise following these steps for optimal setup:

  1. Define your requirements
  2. Create a dedicated page or post
  3. Configure your form

1. Define your requirements

Before creating your 'Thank You' page, it’s important to clarify specific needs:

  • Decide whether the form should redirect to an internal page or post, or to an external URL after payment.
  • Consider if you need to personalize the 'Thank You' page with data gathered from the form.

2. Create a dedicated page or post

Start creating your page

Establish a new page or post within your site to serve as the 'Thank You' page. This will be the destination users are directed to after completing a payment.

You can skip this step if your 'Thank you' page is external (it’s on another website).

Add a page on the “Pages → Add New” page in WP admin:

Add a Thank you page

Alternatively, you can add a post on the “Posts → Add New” page in WP admin:

Add a Thank you post

Customize your page with dynamic content

You can skip this step if your 'Thank you' page is static.

You can use placeholder tokens to insert data collected on your form into the page.

Placeholder tokens

Refer to the linked article to see the full list of placeholder tokens.

Your dynamic content needs to be surrounded by shortcodes as follows:

Thank you page example

Let us embed this example as plain text as well, so you can copy and paste it:

[fullstripe_thankyou]
[fullstripe_thankyou_success]

Hello %CUSTOMERNAME%,

Here's your receipt for your payment:

Transaction ID: %TRANSACTION_ID%

Customer Name: %CUSTOMERNAME%
Customer Email: %CUSTOMER_EMAIL%

Amount: %AMOUNT%


Thank you for your business!

cheers,
%NAME%

[/fullstripe_thankyou_success]
[fullstripe_thankyou_default]
No payment data available
[/fullstripe_thankyou_default]
[/fullstripe_thankyou]

Keep in mind the following:

  • Use [fullstripe_thankyou]  and [/fullstripe_thankyou]  shortcodes to denote a Thank you page.
  • Use [fullstripe_thankyou_success]  and [/fullstripe_thankyou_success]  shortcodes to enclose the content displayed after a successful payment.
  • Use [fullstripe_thankyou_default]  and [/fullstripe_thankyou_default]  shortcodes to display a message when the Thank you page is called directly, without a payment.

3. Configure your form

You can turn on redirecting to a 'Thank you' page on the “General” tab of forms, in the “Behavior → After successful payment” section.

Thank you page on your website

In case of showing a page or post, select the “Redirect to a thank you page” option, and select the article from the dropdown:

Thank you page on your website

External Thank you page

If you’d like to show an external 'Thank you' page then select the “Redirect to a custom URL” option:

External Thank you page

Save your settings, and you’re ready to go!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us