Magento extensions & Pay-as-you-go development

10 years of business 2112 reviews 4.9 average rating
User guide

The Improved Success Page extension allows you to fully customize the order success page that displays after customers pass an order. This extension will help you to create a much more attractive page by managing the design as well as the content of the page. 

You'll have the possibility to add and display blocks of information about products, customers, shipping and billing, discounts but also cross-sell, up-sells products...

By adding useful information to your order success page, you will considerably improve your customers' shopping experience and make each success page individual. 

Terminology

  • Widget: It is a snippet of code that makes it possible to display a wide range of content and place it at specific block references in your store. 
  • Variable: it is a reusable piece of information that can be created once and used in multiple places, such as email templates, blocks, and content pages.
  • Block: A block is a modular unit of content that can be positioned almost anywhere on the page. Blocks can be used to display static information such as text, images, and embedded video, as well as dynamic information.

How to use Improved Success Page for Magento 2

STEP 1: Configure the general settings

First of all, you can enable the extension from:
StoresSettingsConfigurationWyomindImproved Success Page

General Settings

In the general settings, you can enable the extension as well as the debugging tools. 

Enable the Improved Success Page extension

To activate the extension, set Enable Improved Success Page on YES.

Enable debugging tools

To activate and display debugging information on the order confirmation page, set Enable debugging tools on YES.

A box will appear on your previews and help you to check your pages. 

Google Map Settings

Page Title

If configured, the title will appear on top of the page, before the header content. 


Your order

Google API key

There you will be able to add your API key in the Google API key field.

Indeed, you need an API key to display the shipping and billing address as well as the address of the pick-up location (when using Click & Collect or Pickup@Store) on the Google map.

If you don't have an API key yet, check our FAQ to know how to get your own key.

STEP 2: Configure the order success page

You can create or edit the template of the Improved Success Page from: 
ContentImproved Success PageManage ORder Success Pages

  

From the Action dropdown, you can:

  • Edit a page
  • Duplicate a page
  • Preview a page
  • Delete a page

Edit an existing page or create a new one by clicking on Add new Page.

Configure the page

General

In that section, fill in the general information of the success page. 

  • Name
    Give a name to your page. 
    Base
  • Enabled
    You can easily switch the page to enabled/disabled. 

Conditions

Define the conditions of the success page. 

  • Screen size
    Define the width range for which the order success page will be displayed.
    This allows you to display specific pages according to the customer's device: desktop, mobile, tablet...
  • Storeviews
    Select the store view(s) from which the success page will be available.
  • Payment Methods
    Select the payment method(s) that will trigger this success page.
  • Shipping Methods
    Choose the shipping method(s) that will trigger this success page.
  • Customer Groups
    Select the customer group(s) from which the success page will be available.
Note that if no configuration corresponding to the conditions is found, the Magento order success page will be used.

Header

You can easily edit the header of the page adding any kind of information via texts, widgets, variables, images... 

The content will be displayed on the top of the order success page.

Content

You first need to choose into how many rows your success page will be divided. You have the choice between:

  • 1 row
  • 2 rows
  • 3 rows

Each row can be separated into:

  • 1 column
  • 2 columns
  • 3 columns

 

If you select more than 1 column, you'll have the possibility to define the proportion of each one. 

For each column, you can add one or several blocks:

  • Products
    Ordered Products
  • Customer
    Subscribe newsletter
  • Shipping
    Shipping Method
  • Billing
    Billing Address
  • User Defined Block
    You can use all the blocks you have defined. 
    Contact us info
  • Click & Collect and Pickup@Store
    As the extension is compatible with Click & Collect and Pickup@Store, you can use all the blocks available with these extensions.
    Store Name
  • Estimated Delivery Date
    The extension is also compatible with Estimated Delivery Date, you'll then be able to display the estimated delivery date and message for the order on your pages.
    Message

    

You also have the possibility to use CSS rules for each block. For this, tick the Use Css/Less rules box and fill in the field with a rule:
border: 1px dotted grey

 

Also, a floating preview box will help you to have a quick look at the page display.

You also have the possibility to edit the footer of the page adding texts, widgets, variables, images... 

The content will be displayed at the bottom of the order success page.

Manage your content

You can manage the content in each one of your order success pages and add images, widgets, variables... 

Insert an image

The Improved Success Page extension gives you the opportunity to add images to your order success page.

Click on Insert/ Edit image and select an image.

Finally, click on OK.

Below is a preview of the front-end display.

Insert a variable

With the Improved Success Page extension, you can add variables to your order success page.

Click on Insert variable and select a variable.

Finally, click on Insert Variable.

Below is a preview of the front-end display.

Insert an order variable

You can also add order variables in your order success pages.

Click on Insert widget and select Order variable as the Widget Type

Select the order variable you want to add to your page, for example, the Increment Id.

Finally, click on SAVE.

Below is a preview of the front-end display.

Insert a widget

Improved Success Page allows you to add widgets to your pages.

Click on Insert widget and select a widget, for example: CMS Page Link - Button

Note that the CMS Page Link Button is a new widget automatically added by the extension.

 

Enter a custom text and title for the button and select the CMS Page, for example, the homepage.

Finally, click on Insert Widget.

Below is a preview of the front-end display.

STEP 3: Preview the Order Success Page

So that it is easier for your to test and check the display of your success page without having to pass an order each time, you have the possibility to preview the pages. 

From the preview box

You can preview the order success page from:
ContentElementsOrder Success Page

 

Add the order id in the Preview with field and click on GO .

This will open a new window and display the preview of the page. 

From the order success pages grid

You can preview the order success page from:
ContentElementsOrder Success Page

 

Choose the page you want to check and from the Action dropdown, select Preview.

This will open a new window and display the preview of the page. 

From the success page editor

Once the success page is configured, you can click on Save and Preview.

This will open a new window and display the preview of the page. 

Considerably enhance your customers' shopping experience with Improved Success Page for Magento® 2!

Offer an enhanced order success page full of information

Provide your customers with loads of useful information on the confirmation page such as shipping and billing details, account information, order summary...

Completely manage the design of the order success page

  • Add images, CMS blocks, and variables to your page and arrange them as you want to create a more relevant order success page.
  • Create and define specific pages according to the customer's screen size.

It is not over!

  • Enable newsletter subscriptions before your customers quit the order success page.
  • Don't lose your customers now: display related products, cross-sells, and up-sells on your order success page so that they stay more on your online store.
  • Offer discounts and coupon codes to customers to encourage future purchases.

Features

  • Easy to install and to use
  • Enable/Disable the page in one click
  • Define conditions based on the screen size, store views, payment and shipping methods, customer groups
  • Customize and arrange the content of your pages as you want
  • Preview the order success page from the extension back-end
  • Enjoy a responsive design
  • Provide a full order summary on the order success page
  • Add customers' shipping and payment information
  • Add the newsletter subscription block
  • Insert variables, order variables, widgets, images, texts to the page template
  • Display product recommendations: Related Products, Up-sells, Cross-sells
Freqently Asked Questions
Pre-sales informations

This extension works with Magento Community Edition and also Magento Enterprise Edition. To know if Improved Success Page is compatible with your Magento version, please check the Compatibility tab.

License and domains

A license is valid for an unlimited period of time on one single Magento installation

  • If you're using more than one Magento installation, you will have to buy a separate license for each instance.
  • if you're running several domains on a same Magento installation, you will need only one license for all of them.
Although your license doesn’t have a limited period of validity, your support period does. By purchasing an extension, you’ll be granted a 6-month support period for free. Passed this period, you will have to pay for a new one (see FAQ: Extend your Support period)

You can pre-register your live domain to your license in advance.

Thanks to this option, you'll be able to get the extension ready to use on your domain before it goes live.

To pre-register your production domain: 

  1. Go to:
    mY accountLicenses & DOwnloads
  2. Click on  next to the extension you want your domain to pre-register on.
  3. Click on the link at the bottom of the page saying:
    Do you want to pre-register your domain in order to be ready to go live?
  4. Finally, enter your domain name and click on pre-register now .
Attention, this doesn't mean your license is activated. You'll still have to activate it on your new domain when the extension is installed. 

One license is valid for an unlimited period of time on one Magento installation only. However, it is possible to extend or transfer your license in 2 cases: 

  • If you would like to add your testing environments to your license. 
    In that case, it is possible to extend your license to an unlimited number of domains for free.
    For example: mywebsite-staging.com or mywebsite-dev.com
  • If you want to transfer your license to another live domain.
    In that case, the support period for your license must still be active.

To be able to use Improved Success Page on both your production and testing environments, follow the instructions below:

  1. Download Improved Success Page.
    (see FAQ: Extensions download)
  2. Install Improved Success Page on your environment.
    (see FAQ: Extensions installation)
  3. Activate the license.
    (see FAQ: Extensions activation from the backoffice or Extensions activation from the CLI)

Also, if you are managing a large amount of domains, please contact us so that we can automatically whitelist these domains.
Extension versioning and download

In order to download Improved Success Page, log into your Wyomind account:

    1. Go to:
      my accountLicenses & downloads 
    2. Click on the  icon next to Improved Success Page.

      A new window opens.

    3. Choose the version of Improved Success Page.
      You will be able to choose the most recent version of Improved Success Page (for both Magento 1 and Magento 2).
    4. Click on  .

Your download can start.

When purchasing an extension from wyomind.com, you benefit from a lifetime upgrade. You can at any time download the latest version of the extension directly from your account. 

To upgrade Improved Success Page, follow the steps below:

  1. Go to:
    my accountLicenses & Downloads
  2. Click on  next to Improved Success Page.
  3. Choose the latest version of Improved Success Page (for Magento 1 and Magento 2).
  4. Click on download .
  5. Install the new version of Improved Success Page to update your Magento admin. 

Extensions Installation/Uninstallation

You can install Improved Success Page manually.

  1. Download Improved Success Page (zip file) on:
    mY ACCOUNTLicenses & Downloads
     
    Refer to the FAQ: Extensions download
  2. Once Improved Success Page is downloaded, open the folder and unzip it.
  3. Copy the content of the unzipped folder and paste all files and directories in your Magento 2 root directory.
  4. In your Command Line Interface, execute:
    bin/magento setup:upgrade 

    If you are using a production mode, execute also:

    bin/magento setup:static-content:deploy  
    bin/magento setup:di:compile  

You can install Improved Success Page using Composer software in two cases:

  • if you purchased Improved Success Page on Magento Marketplace.
  • if you purchased Improved Success Page on Wyomind.com AND requested access to our repository:
    repo.wyomind.com
  1. Add to your composer configuration our repository:
    composer config repositories.wyomind composer https://repo.wyomind.com 

  2. Execute Composer command:
    composer require wyomind/improvedsuccesspage
  3. Then go in your Command Line Interface and execute:
    bin/magento setup:upgrade ​
  4. If you are using a production mode, also execute:
    bin/magento setup:static-content:deploy  ​
    bin/magento setup:di:compile​

To uninstall Improved Success Page, start with disabling the extension running the following command:

bin/magento module:disable Wyomind_ImprovedSuccessPage

Then, you have 2 ways to uninstall the extension depending on how the extension has been previously installed: 

  • Manual installation

    Run the improvedsuccesspage-uninstall.sh file (you can find it in the extension zip folder) from your Magento root directory:

    sh improvedsuccesspage-uninstall.sh

     

  • Installation via Composer

    Run the below command line:

    composer remove wyomind/improvedsuccesspage

Once the uninstallation is over, refresh your cache and enable the compiler back again (if you use it). 

You can install Improved Success Page via Web Setup Wizard if you purchased it from Magento Marketplace only.

To know how to proceed, all steps are described in the link below: 
http://docs.magento.com/m2/ce/user_guide/system/component-manager.html

Next step is to activate your license:
Extension activation

Extensions activation

Once Improved Success Page is installed, you have to activate the license. For previous versions, you can activate the license from your back-office:

    1. Go to your Magento admin panel. A message pops up at the top of the page.


      If the message doesn't appear then you must check that:

         1. The Adminhtml_Notifications and Wyomind_Core modules are well enabled.
         2. The HTML output of the Adminhtml_Notifications and Wyomind_Core modules are not disabled in:
      storesconfigurationadvanced advanced
         3. The encryption key well exists in app/etc/env.php:
      <?php
       return array(
       'backend' => array(
       'frontName' => 'admin'
       ),
       'crypt' => array(
       'key' => '1e8f3c6772b7a6a6689c3c8cefa4ccf0'
       ),
       /* ... */
       )
      ?>​
    2. Copy your activation key in:
      StoresConfigurationWyomind Your extension

      You can find your activation key in 2 different places:
      In the confirmation email that you received after purchasing Improved Success Page.
      In your Wyomind account:My account Licenses & downloads
      Select Improved Success Page and click on  .

      A new page opens where you'll find your activation key (see below).


    3. In your Magento admin go to:
      StoresConfigurationWyomind Your extension

      Paste the activation key in the Activation Key field and choose between the automatic (yes) or the manual (no) activation method:
      By choosing Yes, the connection to Wyomind license server will be automatic.
      By choosing No, you will have to log on to Wyomind license server yourself.

    4. Click on Save config .
    5. A message appears at the top of your admin panel. Click on that link: 
      Activate it now!
    6. Copy and paste the license code in the License code field from your admin or simply click on Activate now! 


    7. Finally, refresh your cache, log out and log in back straight after, to complete the installation.

When the extension includes other modules, repeat the steps described above for each one, using the corresponding activation keys (each module has its own activation key).

Add another domain to your license


To activate the license on another domain (test, staging...):

  1. Once the extension is installed on the new domain, copy your activation key in:
    StoresConfigurationWyomind Your extension
  2. After having saved the configuration, a notification appears. Click on Add this domain to my license.

  3. A transfer request will then be sent to our team within an hour.
    Once the request is taken care of, you will receive a confirmation email.
    If your transfer request is accepted, you can use Improved Success Page on both environments at the same time.

Note that the order in which you activate your license on your domains does not matter. You can start with your staging/dev/local environment or with your live domain, the process will be the same.

Also, if you have loads of staging domains, or if you are an agency managing load of domains for your customers, please contact us so that we can automatically whitelist these domains.

Once Improved Success Page is installed, you have to activate the license.

For this, you can use the below command line (change the Activation key with the corresponding value):

bin/magento wyomind:license:activate Wyomind_ImprovedSuccessPage <YOUR_ACTIVATION_KEY>

To retrieve the list of all the available modules as well as the licenses status, please use:

bin/magento wyomind:license:status

 

 Among the different status, you can find: 

  • registered = your license is registered
  • pending = you need to run the activation command line
  • invalidated = the license has been invalidated due to a wrong activation key or a license infringement

 

To activate several licenses at the same time, use:

bin/magento wyomind:license:activate \
Wyomind_Extension1,Wyomind_Extension2 \
ACTIVATION_KEY_1,ACTIVATION_KEY_2

or:

bin/magento wyomind:license:activate \
Extension1,Extension2 \
ACTIVATION_KEY_1,ACTIVATION_KEY_2
Extensions use

In order to use Improved Success Page, you need to have a Google API key filled in the extension's settings. 

Google APIs are now paying services. Find the pricing for Maps, Routes and Places here.

To create an API key:

  1. Log into https://console.developers.google.com
    There, you'll be asked to agree the Terms of Service.
    You can then click on Agree and Continue 

  2. You will first need to create a new project with a name, an organization and a location.
  3. To that project you will have to link some API's by clicking on Enable APIs and services .
  4. From the library you will be able to add the services you want.
  5. In order to use Improved Success Page, you will need to enable the below APIs by clicking on Enable 

    - Maps JavaScript API

    - Geocoding API

    - Distance Matrix API

    - Directions API

  6. When enabled, you'll be able to see the traffic, errors and latency for each API. 
  7. You should see all the enabled APIs from the APIs section. 
  8. FromAPIs & ServicesCredentials, you will be able to create credentials. 
    Click on Create credentials  and then choose API key.
  9. You'll also have the possibility to restrict your API key by websites, applications, IP addresses...
  10. Once restricted or not, the API key will be listed among the credentials. 
  11. The final step for this to work is to link your account to a billing account from the Billing section. 
Find more info on how to get an API key
Magento® Compatibility

Magento® Open Source

(Magento® Community Edition)

  • 2.4.3
  • 2.4.2
  • 2.4.1
  • 2.4
  • 2.3.7
  • 2.3.6
  • 2.3.5
  • 2.3.4
  • 2.3.3
  • 2.3.2
  • 2.3.1
  • 2.3
  • 2.2.9
  • 2.2.8
  • 2.2.7
  • 2.2.6
  • 2.2.5
  • 2.2.4
  • 2.2.3
  • 2.2.2
  • 2.2.11
  • 2.2.10
  • 2.2.1
  • 2.2

Adobe® Commerce

(Magento® Enterprise Edition)

  • 2.4.3
  • 2.4.2
  • 2.4.1
  • 2.4
  • 2.3.7
  • 2.3.6
  • 2.3.5
  • 2.3.4
  • 2.3.3
  • 2.3.2
  • 2.3.1
  • 2.3
  • 2.2.9
  • 2.2.8
  • 2.2.7
  • 2.2.6
  • 2.2.5
  • 2.2.4
  • 2.2.3
  • 2.2.2
  • 2.2.11
  • 2.2.10
  • 2.2.1
  • 2.2
User's reviews
Log into your account to leave your review and get up to 3 months of free support.
Changelog
  • Possibility to add the customer's email in a content block

Enhancement

  • Improved license management system (Clear code)

Enhancements

  • Sample data updated
  • Better display for shipping/billing methods and addresses

Enhancements

  • Possibility to add the products' images in the grid
  • Sample data enhanced for the demo store

Compatibility

  • Compatibility with Magento marketplace
  • Compatibility with the Framework
Demo store
Front-end
Back-end
Login
ImprovedSuccessPage
Password
ImprovedSuccessPage123

Stay tuned and get a coupon code of 10% off any purchase while creating your account!

Subscribe now for updates, promotions and products launch twice a month at most.

Please indicate a valid email