> For the complete documentation index, see [llms.txt](https://docs.roadmap.so/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.roadmap.so/loyalty-and-rewards/points-and-ways-to-earn/add-display-only-tiles-to-the-ways-to-earn-block.md).

# Add display-only tiles to the Ways to Earn block

Showcase rewards that don't award points, like referral rewards and birthday vouchers, as tiles in the Ways to Earn block, with an optional link button and active dates.

The Ways to Earn block shows your point-earning actions, but plenty of rewards live outside the points system: referral rewards, birthday discount vouchers from the [Discount Code Generator](/loyalty-and-rewards/membership-tiers-and-referrals/send-discount-codes-for-birthdays-and-tier-promotions.md), seasonal perks. **Display Only** tiles put those rewards in the block too, so customers see the full picture of what your program offers in one place.

As the form puts it: this tile awards no points; use it to show a reward you set up somewhere else.

### Set one up

{% stepper %}
{% step %}

#### Add a Display Only entry

In **Loyalty Program → Points**, click **Add way to earn** and choose **Display Only**.
{% endstep %}

{% step %}

#### Write the tile content

Set the **Display name** and **Description** to match the reward you're showcasing, for example *Refer a friend* with *Receive 200 points for every successful referral!*. Keep the default icon or upload your own.
{% endstep %}

{% step %}

#### Add a button, if you want one

The button is optional and only shows when both fields are filled in:

* **Button label**: the text on the button, for example *Refer Now*.
* **Button link**: where the button sends the customer, for example `/pages/rewards#refer-a-friend`, or an anchor that scrolls to another block on the same page.
  {% endstep %}

{% step %}

#### Set the active dates

**Active Dates** control when the tile shows: a start date and time, plus an optional end date. Perfect for campaign perks that should retire themselves.
{% endstep %}

{% step %}

#### Choose who sees it

Use **Membership tier eligibility** to show the tile to specific tiers only, or leave it empty for everyone. Then set the status to **Active**.
{% endstep %}
{% endstepper %}

### Good uses

* **A referral tile**: surface your referral program's offer inside the block, with the button linking to where customers share. Match the copy to your configured [referral rewards](/loyalty-and-rewards/membership-tiers-and-referrals/manage-referrals.md).
* **A birthday voucher tile**: if birthdays earn a generated discount code rather than points, a tile tells customers the perk exists.
* **Campaign perks**: anything temporary you want visible next to the everyday earners; give it an end date and it retires itself.

{% hint style="info" %}
Display Only tiles never award points; the description is yours to keep accurate. If you change the underlying reward (a referral amount, a voucher value), update the tile copy to match.
{% endhint %}

### Related guides

* [Ways to earn points: overview](/loyalty-and-rewards/points-and-ways-to-earn/ways-to-earn-points-overview.md)
* [Manage referrals](/loyalty-and-rewards/membership-tiers-and-referrals/manage-referrals.md)
* [Send discount codes for birthdays and tier promotions](/loyalty-and-rewards/membership-tiers-and-referrals/send-discount-codes-for-birthdays-and-tier-promotions.md)
* [Customize the loyalty widgets](/loyalty-and-rewards/getting-started/customize-the-loyalty-widgets.md)

{% stepper %}
{% step %}

#### Add a Display Only entry

In **Loyalty Program → Points**, click **Add way to earn** and choose **Display Only**.
{% endstep %}

{% step %}

#### Write the tile

Set the title and description to match the reward you're showcasing, for example *Refer a friend: you both get $10*. The tile supports everything a normal earner tile does: a custom icon, membership tier eligibility, and Active or Draft status.
{% endstep %}

{% step %}

#### Add a button, if you want one

Fill in the button settings to give the tile a hover flip that reveals a button, linking to any page: your referral section, a landing page, or anywhere else. Leave the button settings empty and the tile stays a static card with no flip.
{% endstep %}
{% endstepper %}

<figure><img src="https://393112916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ8asLD4FVCFagK40xEr4%2Fuploads%2FdG2WGvKZy2YdPS9Rcmuc%2FScreenshot%202026-09-08%20at%201.41.17%E2%80%AFPM.png?alt=media&amp;token=f627817d-edb2-418d-90bf-de4b32fb3d7d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://393112916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ8asLD4FVCFagK40xEr4%2Fuploads%2FgDOrRHZ2SYIPEjnJZCYN%2FScreenshot%202026-09-08%20at%201.48.02%E2%80%AFPM.png?alt=media&amp;token=d1678358-c8c0-4d94-bac4-662cd072db4b" alt=""><figcaption><p>Storefront button display of the display only tile</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.roadmap.so/loyalty-and-rewards/points-and-ways-to-earn/add-display-only-tiles-to-the-ways-to-earn-block.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
