> ## Documentation Index
> Fetch the complete documentation index at: https://help.yuko.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick start: your first upsell

> Build and publish a post-purchase offer with the three-step wizard.

Upsells are built in a three-step wizard — **Trigger → Offer → Style**.
This guide creates a simple post-purchase offer: after any customer pays,
they see one discounted add-on product they can accept in one click.

<Info>
  Make sure the post-purchase page is enabled first — see
  [Installation & setup](/post-purchase-upsells/installation).
</Info>

<Steps>
  <Step title="Create the upsell">
    Go to **Upsells** and click **Create upsell**.
  </Step>

  <Step title="Step 1 — Trigger">
    1. Under **Name this offer for your own reference**, enter something
       like `Post-purchase add-on`. Customers never see this name.
    2. Under **Select Upsell Trigger**, choose **Post Purchase Upsell**.
    3. Under **Show Upsell offer when → Customer orders**, keep
       **Any products** so the offer shows for every order.
    4. Click **Save (Next Step)**.
  </Step>

  <Step title="Step 2 — Offer">
    1. Click **Select products** and pick the product to offer.
    2. Set a discount — for example **Discounted in percentage** with
       `15`. Discount values must be whole numbers.
    3. Optionally enable **Exclude products already in customer's order**
       so buyers aren't offered something they just bought.
    4. Leave **Upsell offer #2** and **Downsell offer** off for now.
    5. Click **Save (Next Step)**.
  </Step>

  <Step title="Step 3 — Style">
    1. Review the live preview and adjust the **Message** section's title
       (the countdown **Timer** is on by default at 15 minutes).
    2. Pick a **Color scheme** and **Layout** in the **Upsell products**
       section, and set the **CTA Text** and **Decline Text**.
    3. Click **Save and publish**.
  </Step>

  <Step title="Test it">
    Place a test order on your storefront and pay for it.

    <Check>
      After payment — before the thank-you page — you should see your
      offer. Accept it and the product is added to the order without
      re-entering payment details.
    </Check>

    <Note>
      Post-purchase offers only appear for supported payment methods —
      when testing, pay with a regular credit card checkout rather than a
      wallet or third-party gateway.
    </Note>
  </Step>
</Steps>

## Next steps

<CardGroup cols={2}>
  <Card title="Post-purchase offers" href="/post-purchase-upsells/upsells/post-purchase-offers" icon="bolt">
    The full configuration guide: triggers, discounts, and funnels.
  </Card>

  <Card title="Thank-you page offers" href="/post-purchase-upsells/upsells/thank-you-offers" icon="circle-check">
    Offers on the order confirmation page, with shipping discounts.
  </Card>

  <Card title="Checkout offers" href="/post-purchase-upsells/upsells/checkout-offers" icon="credit-card">
    In-checkout offers for Shopify Plus stores.
  </Card>

  <Card title="Styling your offer" href="/post-purchase-upsells/customization/styling" icon="palette">
    Layouts, color schemes, timer, and custom labels.
  </Card>
</CardGroup>

## Need help?

<CardGroup cols={3}>
  <Card title="Book a call" icon="calendar-days" href="https://cal.com/yukoteam/yuko">
    Schedule a free call with our team for personal setup assistance.
  </Card>

  <Card title="Contact support" icon="comments" href="#crisp-chat">
    Chat with us directly — we're happy to help with any question.
  </Card>

  <Card title="Install Yuko Post Purchase Upsells" icon="download" href="https://apps.shopify.com/yuko-post-purchase-upsell">
    Get [Yuko Post Purchase Upsells](https://apps.shopify.com/yuko-post-purchase-upsell) from the Shopify App Store.
  </Card>
</CardGroup>


## Related topics

- [Overview](/post-purchase-upsells/overview.md)
- [Quick start: your first limit](/order-limits/quickstart.md)
- [Quick start: your first offer](/bundles-discounts/quickstart.md)
- [Quick start: set up your cart](/cart-drawer/quickstart.md)