Integrating Widgets on Order Status and Thank You Pages

In this document, you will learn how to enhance customer engagement by adding various widgets to the order status and thank you pages. These widgets include the referral widget, points earn widget, write a review widget, and birthday reward widget, all aimed at increasing interaction post-purchase.

Step 1

Begin by understanding how to add various widgets to the order status and thank you pages. These widgets include the referral widget, points earn widget, write a review widget, and birthday reward widget, which collectively enhance customer engagement after placing an order. Start with the referral widget.

Step 2

Configure the front-end setup that will be displayed to the customer.

Step 3

Define the content that will be shown to logged-in customers. Manage the content configuration here.

Step 4

Similarly, for users who are logged out, you can specify the description, call-to-action (CTA), and the CTA text.

Step 5

This is how you can configure the widget. Next, you will see how it appears on the customer's screen on the order status page. For instance, when someone views the order status page, they will be able to see the refer and earn widget along with its description.

Step 6

Proceed to configure the sharing options. Decide the text that will appear when customers share it across different platforms.

Step 7

Utilize the referral link to offer a discount on purchases.

Step 8

Here’s how the setup appears on WhatsApp and Facebook. When customers click on WhatsApp, they will view this specific message.

Step 9

This is how you can configure the description for the referral widget.

Step 10

Upon completion, proceed to Shopify to add these widgets.

Step 11

Please note that customization options are available only for the referral widget. Other widgets do not offer this feature.

Step 12

These widgets will be directly showcased on the order status and thank you pages. Move to Shopify and, once there, click on 'Themes' followed by 'Customize'.

Step 13

After customizing, click on 'Home Page', then navigate to 'Checkout and Customer Accounts'.

Step 14

Once on the checkout page, select and proceed to the order status page.

Step 15

On the order status page, click 'Add Block'. Add the four mentioned widgets one by one, beginning with the referral widget. Decide if it should be hidden for guest users.

Step 16

For now, leave the setting as false and return to the previous menu.

Step 17

Proceed to add another block for the points earning widget.

Step 18

This is how the display will appear, showing how many points are earned on a specific order.

Step 19

Next, add the 'write a review' widget. After every purchase, customers will be prompted to review the product.

Step 20

Customers can write a review for the purchased product.

Step 21

Similarly, add the birthday widget. Customers can input their birthday to receive rewards.

Step 22

Once configured, click 'Save'. Changes will reflect on the order status page within five minutes.

Step 23

Here’s how it will look on the live screen.

Step 24

The settings have now been saved.

Step 25

Navigate to the front end where an order has been placed.

Step 26

This is the order screen. Here, you can see the points earning widget has been added.

Step 27

Review the number of points a customer will earn.

Step 28

Above, you'll see the 'Enter Your Birthday' widget and reward options. Following this is the 'Rate Your Experience' review widget for customers to rate their purchased products. Lastly, there is the referral widget.

Step 29

You can adjust the placement of these widgets to suit your preference.

Step 30

Similarly, implement the same for the thank you page.

Step 31

In Shopify, click on the thank you page and add the widgets similarly.

Step 32

Customers will be able to view all these widgets on the thank you page as well. They have already been added.

Step 33

You can review and make any necessary customizations here, including changing widget placements. This concludes the tutorial.

Step 34

Thank you for your attention.