Kudovia

Shopify experience-design guide

How to arrange referral, upsell, and survey widgets on your Shopify Thank you page

Three useful app blocks can quickly become three competing calls to action. Give each widget a clear role, choose one primary objective, and keep the order-confirmation experience in control.

One primary actionOne secondary actionOne compact or deferred action
Order confirmedThank you for your purchase
1
UpsellAdd one more item
2
ReferralKnow someone who would love this?
3
FeedbackWhat convinced you to order?

Each widget is asking the customer to do a different job

An upsell, referral invitation, and feedback poll may all be valuable. But they are not interchangeable.

Upsell

Buy something else

The customer is being asked to make another commercial decision while the original purchase is fresh.

Referral

Share with someone else

The customer shifts from buying to recommending the product to a friend or colleague.

Survey

Provide information

The customer is asked to explain their decision, answer a question, or rate the experience.

Showing all three with equal visual weight does not create three priorities. It creates uncertainty about what the customer should do next.

A Thank you page should have one primary optional action—not three blocks all competing to become the headline.

Important distinction

A Shopify post-purchase offer is not always a Thank you-page widget

Shopify can support a dedicated post-purchase offer experience after payment and before the Thank you page. That is different from an upsell app block placed directly on the Thank you page.

Dedicated post-purchase pageAfter payment, before confirmation

A specialized offer step that may let the customer add to the order before reaching the Thank you page.

Thank you-page upsell blockInside the confirmation experience

An offer displayed alongside order confirmation, referral, survey, and other app blocks.

This guide is about the second situation: several optional app blocks competing for attention on the Thank you page itself.

Decision guide

Choose the widget order according to your primary goal

Immediate order value

Upsell → Referral → Survey

Use this when the next purchase decision is the most important and the offer is relevant to the order just completed.

Primary emphasis:

Upsell offer and action button

Customer advocacy

Referral → Upsell → Survey

Use this when the store’s strategic goal is word of mouth and the purchase itself creates a strong moment of enthusiasm.

Primary emphasis:

Referral reward and personal sharing link

Purchase attribution

One-question poll → Upsell → Referral

Use this when the merchant urgently needs to understand which channel, message, or recommendation produced the order.

Primary emphasis:

One concise question with quick-answer choices

Minimal customer effort

Choose one widget

Use this when the store wants the cleanest possible confirmation experience or when mobile space is especially constrained.

Primary emphasis:

The single action with the greatest expected value

Simple rule

Put the action most closely tied to the merchant’s current objective first. Do not let every installed app decide that its own block is the priority.

When should the referral widget come first?

A referral-first layout can make sense when customer advocacy is more valuable than asking for another immediate purchase.

The referral invitation will be stronger when the reward is easy to understand. Read Shopify referral reward ideas for products and vouchers.

That may be true when:

  • The product naturally creates conversation
  • Customers often know other likely buyers
  • The brand has strong repeat purchase or community appeal
  • The upsell is not especially relevant to the completed order
  • The merchant wants to build a durable acquisition channel rather than maximize the current transaction
Share and earn

Know someone who would love this?

Share your personal link. When an eligible friend places a qualifying order, you earn progress toward your reward.

Need the installation steps first? Read how to add a referral program to your Shopify Thank you page.

When should the survey come first?

A survey should lead only when the information is genuinely more valuable than an immediate offer or referral.

A strong survey-first use case is a single attribution question:

One quick question

What most influenced your decision to order today?

Friend or family recommendationSearch engineSocial mediaReview or articleOther

A short question can produce useful information with little effort. A long survey, open-response questionnaire, or multi-step feedback form is better handled later.

Use the Thank you page for one answer. Use follow-up email for a research project.

Design hierarchy

One widget should look primary, one secondary, and one compact

Vertical order matters, but visual weight matters too.

Three consecutive cards with equally large headings, saturated buttons, and prominent borders will still compete—even when they are technically arranged in the right order.

PrimaryClear headline and one strong action

Give the highest-priority widget the most space and the clearest button.

SecondaryVisible without dominating

Keep the second action easy to understand but visually quieter.

CompactOne question or text link

Reduce the final action to the minimum interaction needed.

Ways to reduce competition

  • Use only one highly saturated primary button
  • Shorten secondary-widget copy
  • Use a text link or compact controls for the third action
  • Avoid repeating large illustrations in every block
  • Keep spacing generous enough that each block feels distinct
  • Review the result on a narrow mobile screen

Attention limits

When are three Thank you-page widgets too many?

Three widgets are too many when the customer must scroll through several competing offers before reaching essential order information—or when no action clearly deserves attention.

The page feels like another checkout

Multiple offers and large buttons can make the customer feel that the transaction is not actually finished.

The survey requires thought

Detailed feedback competes with actions that are easier and more immediate.

The mobile page becomes excessively long

A layout that appears reasonable on desktop may become a long stack of cards on a phone.

The widgets repeat the same visual emphasis

Several bright buttons and promotional headings leave the customer without a clear next step.

What should you move elsewhere?

Order status pageReferral link for later access

Customers may return while checking fulfillment and can find the referral invitation again.

Follow-up emailLonger survey or detailed feedback

Ask for more effort after the customer has had time to use the product or reflect on the experience.

Dedicated post-purchase offerTime-sensitive upsell

When supported by the app and store configuration, keep the offer distinct from the confirmation page.

Four practical Thank you-page layouts

Layout 1Revenue first
  1. Order confirmation
  2. Upsell
  3. Referral invitation
  4. Compact survey

Best for stores prioritizing immediate order expansion.

Layout 2Word of mouth first
  1. Order confirmation
  2. Referral invitation
  3. Upsell
  4. Compact survey

Best for highly recommendable products and advocacy-led growth.

Layout 3Insight first
  1. Order confirmation
  2. One-question attribution poll
  3. Upsell
  4. Referral invitation

Best when the merchant needs clearer acquisition data.

Layout 4Minimal
  1. Order confirmation
  2. One primary widget
  3. Essential order information

Best when clarity, speed, and mobile simplicity matter most.

A referral block that fits the page

Add post-purchase word of mouth without turning customers into affiliates

Kudovia gives customers a personal referral link after purchase and lets the merchant place the referral widget on the Thank you page, the Order status page, or both through Shopify’s editor.

This is designed for customer word of mouth rather than professional partner management. Read the comparison of Shopify referral and affiliate programs.

  • Personal referral links
  • Product or voucher rewards
  • Merchant-selected sharing channels
  • Thank you-page support
  • Order status-page support
  • No commissions
  • No revenue share
View Kudovia in the Shopify App Store30-day free trial, then $15 per month.

Do not let installation order determine customer priority

Apps are installed one at a time, but the final Thank you page should be evaluated as one customer experience.

Decide which action matters most, arrange the compatible blocks accordingly, and remove or defer anything that does not justify the attention it demands.

The merchant—not the app developer—controls where compatible blocks appear through Shopify’s checkout and accounts editor. Shopify supports repositionable block extensions within the available placements.

For a simple referral-program structure, read how to launch a Shopify referral program without paying commissions.

Frequently asked questions

Shopify Thank you-page widget placement

What order should Shopify Thank you-page widgets appear in?

Order confirmation and essential order information should remain first. After that, the best widget order depends on the merchant’s primary goal. A common starting order is upsell, referral invitation, then a short survey, but referral-first or survey-first layouts can be appropriate for different objectives.

Should I put an upsell before a referral widget?

Usually, when immediate additional revenue is the primary objective. A referral widget can come first when customer advocacy is more important than another purchase decision.

Should a survey appear before or after a referral widget?

A short attribution question can appear early when collecting purchase insight is the merchant’s primary goal. Otherwise, a survey generally works better after the primary commercial or referral action.

Are three Thank you-page widgets too many?

They can be. Every widget asks for attention. Merchants should give one action primary emphasis, one secondary emphasis, and make the third compact or move it to the Order status page or a follow-up message.

Can Shopify merchants move app blocks on the Thank you page?

Compatible block extensions can be positioned by the merchant through Shopify’s checkout and accounts editor, within the placements supported by Shopify and the app.

Is Shopify’s post-purchase page the same as the Thank you page?

No. A dedicated post-purchase offer can appear after payment but before the Thank you page. The Thank you page is the purchase-confirmation page shown after checkout.

Protect the customer’s attention

One clear priority will usually outperform three equally loud widgets.

Preserve the order confirmation, choose the page’s primary job, and make every secondary action earn the space it occupies.

Confirm the purchase firstChoose one primary optional actionReduce the visual weight of secondary actionsMove longer interactions elsewhere