Magento 2 Checkout Success Page v3.x Configuration

Configuring Checkout Success Page Extension

Please, follow the instructions below to learn how to properly configure the Checkout Success Page for Magento 2.

General

Step-by-step guide:

  1. Go to the Plumrocket tab in the main menu > navigate to the Checkout Success Page tab > Configuration.
  2. The “Enable Extension” option allows you to enable or disable this Checkout Success Page Extension.
  3. Please, enter the unique Serial Key received after the purchase of this extension in this field. Note: In most cases, Serial Key will be filled in automatically, and a green checkmark will be displayed. If there is no key entered, please, read the Serial Key Activation article to get more information on how to insert the key manually.
Configuring Magento 2 Checkout Success Page extension - General Section

Main Settings

Step-by-step guide:

  1. The “Success Page Template” option allows you to choose the template for your checkout success page.
Configuring Magento 2 Checkout Success Page extension - Main Settings

Subscription Settings & Product Suggestions Section

Step-by-step guide:

  1. Enable the “Display section” to let your customers sign up for newsletters. The activation of this option allows your guest customers to create their accounts at your store.
  2. Enable or disable the displaying of the “Product Suggestions Section”.
  3. In the “Number of Products” section, choose the number of suggested products to be displayed on your Magento 2 Checkout Success Page.
  4. In the “Product Types” section, select the product type for the products that will be displayed as suggested. It can be Cross-sells , Up-sells, Related Products, and Recently Viewed Products. Note: In order to display your Related Products, Cross-sells, Up-sells in the “Product Suggestions Section”, they should be pre-configured for a specific product that has been purchased. To do this, please read the Configuring Cross-sells in Magento 2 article.
Configuring Magento 2 Checkout Success Page extension - Subsctiption Settings and Product Suggestions Section

Social Share Section

Step-by-step guide:

  1. Enable or disable the Social share option by setting the “Display Section” field to Yes or No accordingly.
  2. In the “Message” field, specify the text of a message your customers will see while sharing your page.
  3. Please enter your Facebook App ID to display the Social Share Section if you have already created Facebook application. Otherwise, please set up Facebook API first to get your Facebook App ID.
Configuring Magento 2 Checkout Success Page extension - Social Share Section

Discount Coupon Section

Step-by-step guide:

  1. This option allows you to enable or disable the Discount coupon section, where your customers will be offered automatically generated coupons or static codes for their next purchases at your Magento 2 store. In order to create automatically generated coupons, please read the Creating Shopping Cart Price Rules In Magento 2 article.
  2. Choose how often you need the discount coupon to be displayed by selecting Yes or No in the “Display Coupon Only Once” section. If you select Yes, the customer will see the discount coupon only once. Otherwise, they will see this section each time they place new order.
  3. Select customer groups who will be able to see your discount offer in the “Display for Customer Groups” section.
Configuring Magento 2 Checkout Success Page extension - Discount Coupon Section

Step-by-step guide:

  1. In the “Use Coupon Code” section, you can configure what type of discount your customers will get. It can be a static coupon or coupon based on Shopping Cart Price Rule (see above). If you select the Custom coupon code option, it will be valid only for the coupon codes generated by the third-party extensions.
  2. In the “Custom Coupon Code”, specify the name of the code created by a third party extension. This field will show up only if in the “Use Coupon Code” section you choose the Custom coupon code option.
  3. Enter the message displayed in the discount coupon code in the “Discount Coupon Message” section.
  4. In this section, select the background image of the discount coupon.
Configuring Magento 2 Checkout Success Page extension - Discount Coupon Section

Right CMS Block Section & Bottom CMS Block Section

Step-by-step guide:

  1. The CMS Block section allows you to display right CMS block, where you can advertise your other special deals for customers.
  2. Enter the content of your CMS block in the “Content” section.
  3. “Bottom CMS Block Section” allows you to display advertisement block at the bottom of the page.
Configuring Magento 2 Checkout Success Page extension - Right CMS Block Section

Facebook Page Section & Better Order Confirmation Email

Step-by-step guide:

  1. Enable or disable the “Display section” for your Facebook section on the Order Success Page by selecting Yes or No from the drop-dwon menu.
  2. In this field, specify your Facebook URL.
  3. Enable or disable the “Use Better Confirmation Email” option.
  4. Select the template of the confirmation email in the “Email template” section.
  5. In the ” Suggested Product Types” section, select the products to be included in the Better Confirmation Email.
Configuring Magento 2 Checkout Success Page extension - Facebook Page Section and Better Order Confirmation Email

Design Section

Step-by-step guide:

  1. “Link Color” option: allows you to select the color of the links on the Checkout Success Page.
  2. “Link Hover Color” lets you choose the hover color of the links displayed on the Checkout Success Page.
  3. “Button Background Color” option: allows you to select the background color of buttons on your Checkout Success Page.
  4. “Button Text Color” option: lets you select the text color on the buttons of the Checkout Success Page.
  5. “Button Hover Background Color” option: lets you select buttons background hover color on the Checkout Success Page.
  6. “Button Hover Text Color” option: allows you to select button text hover color on the Checkout Success Page.
Configuring Magento 2 Checkout Success Page extension - Design Section

Conversion Tracking

Step-by-step guide:

  1. “Affiliate Tracking Code”: paste the tracking code for your Affiliate network in this field to be automatically added to the Checkout Success page. Depending on what you need to track, you can use the following variables:
    • {$orderId} – order increment id
    • {$postCode} – post code from order
    • {$region} – region from order
    • {$city} – city from order
    • {$country} – country from order
    • {$totalQty} – total qty of order
    • {$discountAmount} – discount amount
    • {$shippingAmount} – shipping amount
    • {$tax} – tax
    • {$itemList} – list of items in string format
    • {$currencyCode} – currency code
    • {$customerName} – customer name
    • {$customerEmail} – customer email
    • {$customerId} – customer id
    • {$subtotal} – subtotal of order
  2. Click Save Config to save all settings.
Configuring Magento 2 Checkout Success Page extension - Conversion Tracking

Setting Next Order Coupon for a Product

If you need to have the ability to generate different coupon codes for the next purchases based on the products included in the order – please follow the steps below.

Step-by-step guide:

  1. Go to Catalog > Inventory > Products, and select the required product to set the coupon for.
  2. Navigate to the “Next Order Coupon” option and set the needed coupon to be generated for the next purchase. Note: If there are multiple products with different shopping cart price rules coupons, the coupon with the highest rule priority will be applied. In case you leave this option blank, then the coupon that was set up in the extension configuration will be applied.
  3. Save your changes by pressing the “Save” button.
Configuring Magento 2 Checkout Success Page extension - Setting Next Order Coupon for a Product

Testing Checkout Success Page for Magento 2

Step-by-step guide:

  • To test your changes, you can preview your Checkout Success Page and Better Order Email by pressing the Preview Page and Preview Email buttons accordingly.
  • Once all the changes have been done, press the Save Config button.
Configuring Magento 2 Checkout Success Page extension - Preview Checkout Success Page and Preview Better Order Email

Preview of the Checkout Success Page

Step-by-step guide:

When clicking the Preview Page button, you can preview all the templates available for the Checkout Success page.

Configuring Magento 2 Checkout Success Page extension - Checkout Success Page Preview

Let’s take a closer look at Template 1.

Step-by-step guide:

  1. Here is how your Subscription and guest registration section will look like.
  2. In this section, your customers can like your page on Facebook.
  3. This section displays previously selected types of products to be suggested.
  4. In the Bottom CMS Block section, you can advertise custom marketing messages to your customers.
  5. In the Social Share section, users can share their order details on social networks.
  6. This section displays the Discount Coupons for your customers.
  7. Right CMS Block section allows you to display special offers for your customers.
Magento 2 Checkout Success Page v2.x Configuration

Preview of the Better Order Email

Step-by-step guide:

When clicking the Preview Email button, you can preview all the templates available for the Better Order Email.

Configuring Magento 2 Checkout Success Page extension - Better Order Email Preview

Let’s take a closer look at Email Template 1:

Step-by-step guide:

  1. Here is the block with your customer’s order details.
  2. Here is the discount your customer may use after the purchase. If the discount coupon section is enabled for Checkout Success Page, it will be shown in your order confirmation email.
  3. This section allows your customer to like your page on Facebook. If the Facebook Page section is enabled for Checkout Success Page, it will be shown in your order confirmation email.
  4. This block displays suggested products your customer will see in their Better Order Confirmation email.
Preview of the Better Order Email

Configuring Google Customer Reviews Extension

The Checkout Success Page plugin comes bundled with a free Magento 2 Google Customer Reviews extension so that you can easily collect Google Reviews. The extension displays a Survey Opt-In popup on the checkout Success page, asking customers to take part in a one-minute survey. If a buyer agrees, they will receive an email from Google asking them to rate their shopping experience and optionally share a brief comment.

To configure Google Customer Reviews, go to the “Google Customer Reviews” tab in the left menu bar. Then, follow the Google Customer Reviews Configuration article to set it up properly.

Configuring Magento 2 Checkout Success Page extension - Google Customer Reviews

Was this article helpful?