Commissions may be earned on purchases made through links. Learn more

Example product review: the ranked-offer page pattern

Short call to action for the offer

GO TO OFFER

Commissions may be earned on purchases made through links on this page. Learn more.

PLACEHOLDER

This is the template for a tracked offer page. The destination URL lives once in meta.offer_url (clean, no query string); campaign parameters are added in the browser at click time from meta.utm. Rankings, grades, scores and copy all come from meta.products — edit the meta, not this template.

Open with the problem the offer solves

Two or three short paragraphs of context before the ranking. This is where an offer page earns the click instead of demanding it.

How these were assessed

State the criteria, and state honestly who applied them. If the scores came from the vendor, say so here rather than implying you tested anything.

  1. First criterion
  2. Second criterion
  3. Third criterion
Top pick

Example Product One – the short reason it wins

  • Headline reason one
  • Headline reason two
  • Headline reason three
Check price

The full ranking

1. Example Product One

Overall grade A+
Rating 9.6/10
Score

One or two paragraphs on why this option ranks first. Every string in this object is rendered as an HTML fragment, so markup works – and so does anything else you put in it. Never populate this list from untrusted input.

A second paragraph. Keep the claims to things the page can actually support, and attribute anything that came from the vendor rather than from your own testing.

Quality:96%
Value for money:92%
Support & returns:90%

Pros

  • A concrete advantage
  • A second advantage
  • A third advantage

Cons

  • An honest drawback
  • A second drawback

2. Example Product Two

Overall grade A
Rating 8.4/10
Score

Runner-up copy. The card renders whatever fields you provide and skips the rest: drop scores and the bar chart disappears, drop grade and rating and the grade row disappears.

Quality:84%
Value for money:80%

Pros

  • An advantage
  • A second advantage

Cons

  • A drawback
  • A second drawback
  • A third drawback

3. Example Product Three

Overall grade B+
Rating 7.4/10
Score

Third place. Stars are derived from rating alone: the rating is doubled and rounded to the nearest half star, so 7.4 renders three and a half and 7.5 renders four.

Pros

  • An advantage

Cons

  • A drawback
  • A second drawback

Recap

  • First summary line.
  • Second summary line.
  • Third summary line.

Optional update box

Use this for a genuine, dated update. Delete it rather than invent urgency: a fake “limited-time offer” is the fastest way to lose a reader and an advertiser at once.

Commissions may be earned on purchases made through links on this page. Add any disclaimer your subject matter requires here.