> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.nector.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Thank You & Order Status Widgets # Integrating Widgets on Order Status and Thank You Pages ${frame}[](https://www.youtube.com/embed/ERWXjKYUL8Q) ### Introduction Post-purchase engagement is one of the most powerful ways to increase customer retention and satisfaction. By adding interactive widgets—such as referral, points-earned, review, and birthday widgets—to your Order Status and Thank You pages, you give customers more reasons to engage with your brand immediately after completing a purchase. This guide walks you through configuring and placing these widgets using the Nector Dashboard and Shopify. ###### Step 1 - Understand the Widgets You Can Add These widgets can be displayed on order status and thank you pages: • Referral Widget • Points Earn Widget • Write a Review Widget • Birthday Reward Widget Each is designed to improve engagement right after a customer places an order. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image1_1agkmv3.jpg) ###### Step 2 - Configure the Front-End Setup Start with the Referral Widget and configure how it should appear to customers. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image2_3rgyzj.jpg) ###### Step 3 - Set Logged-In Content ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image3_1r005gk.jpg) ###### Step 4 - Set Logged-Out Content Configure what logged-out users see, including: • Description • CTA button • CTA text ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image4_1cy211n.jpg) ###### Step 5 - Preview Widget on Order Status Page This is how customers will see your configured referral widget on the order status page with its description. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image5_199ycat.jpg) ###### Step 6 - Configure Sharing Options Decide the text customers will share across platforms like WhatsApp or Facebook. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image6_15ln78o.jpg) ###### Step 7 - Use Referral Link Settings Connect your referral link so customers receive discounts when they share. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image7_1o5c2xv.jpg) ###### Step 8 - Preview How Sharing Looks This shows the message customers will see when sharing via WhatsApp and Facebook. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image8_vd1zfb.jpg) ###### Step 9 - Finalize Referral Widget Description Adjust your final description to ensure clarity and appeal. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image9_10jobge.jpg) ###### Step 10 - Move to Shopify for Widget Placement Go to Shopify to add the widgets onto your pages. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image10_v65a4w.jpg) ###### Step 11 - Important Note Only the Referral Widget includes customization options. Other widgets have predefined designs. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image11_1mah0qm.jpg) ###### Step 12 - Widgets Auto-Display on Pages Widgets automatically show on order status and thank you pages once added. Go to Themes → Customize. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image12_57gv7h.jpg) ###### Step 13 - Navigate to Checkout & Customer Accounts From the left panel, click Home Page → Checkout & Customer Accounts. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image13_1hafuhw.jpg) ###### Step 14 - Open Order Status Page Select the Order Status Page to begin adding widgets. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image14_1l01ro.jpg) ###### Step 15 - Add Your First Widget Click Add Block and insert: • Referral Widget Decide whether to hide it for guest users. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image15_1vwunj6.jpg) ###### Step 16 - Set Guest Visibility For now, leave guest visibility as false and go back. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image16_63am7o.jpg) ###### Step 17 - Add Points Earn Widget Insert the widget showing customers how many points they will earn. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image17_6g71j1.jpg) ###### Step 18 - Preview Points Earn Display Customers can instantly see the reward points associated with their order. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image18_1gz186j.jpg) ###### Step 19 - Add Write a Review Widget After every purchase, prompt customers to review the product(s). ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image19_rfgyb9.jpg) ###### Step 20 - Review Writing Experience Customers can click to submit a review for their purchased items. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image20_voupmz.jpg) ###### Step 21 - Add Birthday Widget This allows customers to enter their birthday for reward eligibility. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image21_1d9mpds.jpg) ###### Step 22 - Save Changes Click Save. Changes will reflect on the order status page within 5 minutes. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image22_1cw7ajb.jpg) ###### Step 23 - Live Preview Here’s how your configured widgets appear on the live order status page. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image23_1x8c01u.jpg) ###### Step 24 - Settings Saved Your widget setup has now been successfully saved. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image25_dz1opo.jpg) ###### Step 25 - Go to Front End with an Order Placed Open an order status page of an existing order to preview widgets. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image26_14or2id.jpg) ###### Step 26 - View Points Earn Widget You’ll see the points earn widget displayed on the order screen. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image27_al4otf.jpg) ###### Step 27 - Points Earn Calculation Review the exact number of points the customer will earn for this order. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image26_104loe5.jpg) ###### Step 28 - Additional Widgets Above the review widget, you’ll see: • Birthday widget • Review widget (“Rate Your Experience”) • Referral widget ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image27_vdoxsh.jpg) ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image28_1t1v8my.jpg) ###### Step 29 - Adjust Widget Placement Feel free to rearrange widget positions according to your page layout. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image29_kvvcg7.jpg) ###### Step 30 - Repeat on Thank You Page Apply the same widget setup for the Thank You Page. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image30_bz1s90.jpg) ###### Step 31 - Add Widgets on Thank You Page Open the Thank You Page in Shopify and add the same widgets. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image31_1yhgwn3.jpg) ###### Step 32 - Customer View on Thank You Page Customers will see all four widgets on the thank you page. You may reposition them as needed. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image32_17pjygr.jpg) ###### Step 33 - Modify as Needed Review all widgets and adjust settings or placements for a better customer experience. This completes your widget integration. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image33_1ysw7wr.jpg) ###### Step 34 - Completion Thank you for following this setup guide! ![](https://storage.crisp.chat/users/helpdesk/website/-/d/9/9/4/d9947dc4cf2ed000/image34_11bwgva.jpg) ###### Wrap-Up You’ve successfully learned how to: ✔ Add referral, review, birthday, and points widgets to order status & thank you pages ✔ Customize referral widget content ✔ Configure sharing options ✔ Add widgets via Shopify’s theme editor ✔ Preview and adjust placement for best results With these widgets in place, your post-purchase experience becomes richer and more interactive—helping boost referrals, reviews, and repeat purchases.