Affiliate Link Automation for Astro Sites

Astro's static-first approach delivers blazing performance. ClickReap adds affiliate link automation without compromising that speed — one script tag, zero build-time dependencies.

Why Astro Publishers Choose ClickReap

Astro publishers care about performance, simplicity, and shipping less JavaScript. If you've chosen Astro over heavier frameworks, you don't want an affiliate link solution that pulls in a React component library or adds build-time complexity.

ClickReap works differently. It's a lightweight client-side script that processes your rendered HTML after the page loads. No Astro integrations to install, no npm packages to manage, no build steps to configure.

  • Static-first compatible: ClickReap works perfectly with Astro's default static output. Your pages are still pure HTML at the edge — ClickReap enhances them in the browser.
  • Island architecture friendly: Since ClickReap doesn't use React, Vue, or Svelte components, it doesn't interfere with Astro's partial hydration model.
  • No build-time dependency: ClickReap isn't an Astro integration or a Vite plugin. It's a script tag. Your build process stays clean and fast.
  • Content collections support: Whether your content lives in Markdown, MDX, or a headless CMS, ClickReap processes the rendered output.

If you're building content sites with Astro — blogs, documentation, review sites, niche publications — ClickReap lets you automatically monetize product mentions without touching your content files.

Installing ClickReap in Your Astro Layout

Add ClickReap to your base Astro layout file. Every page that uses that layout will automatically get affiliate link processing. Here's how it looks:

src/layouts/BaseLayout.astro

---
const { title } = Astro.props;
---

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>{title}</title>
  </head>
  <body>
    <slot />
    <script
      src="https://api.clickreap.com/sdk/clickreap.min.js"
      data-project="YOUR_PROJECT_ID"
    ></script>
  </body>
</html>

That's the complete integration. The script loads after your static HTML renders, scans the page content, and converts product mentions into affiliate links. It works with all Astro rendering modes — static, server, and hybrid.

You can also use this with Astro integrations like @astrojs/react, @astrojs/vue, or @astrojs/svelte — ClickReap processes the final HTML regardless of which UI framework generated it.

Works With Astro Content Collections

Astro's content collections are a powerful way to manage blog posts, reviews, and documentation. ClickReap complements this workflow perfectly because it doesn't require changes to your Markdown or MDX source files.

  • Write in Markdown: Keep your content clean. No special syntax, no shortcodes, no affiliate link markup in your source files.
  • Automatic linking: When Astro renders your Markdown into HTML, ClickReap scans the output and inserts affiliate links automatically.
  • Central management: Add products and affiliate URLs in the ClickReap dashboard. They're applied across every page on your Astro site. Update once, update everywhere.
  • Analytics built in: Track which content collections and individual pages drive the most affiliate clicks with built-in analytics.

Whether you're building with Astro alone or combining it with a headless CMS, ClickReap fits into your workflow without friction. See how it compares across JAMstack frameworks or explore the full feature set.

How ClickReap Works

Three simple steps to automate your affiliate monetization.

01

Add Your Products

Import your affiliate products with their links, aliases, and keywords. ClickReap tracks every product mention across your content.

02

Install the SDK

Add a single JavaScript snippet to your site. No code changes to your content — ClickReap works with any CMS or static site.

03

Monetize Automatically

ClickReap scans your pages and converts product mentions into affiliate links automatically. Track clicks and revenue in real time.

Pricing for Astro Publishers

Start free. No build dependencies, no credit card required.

Free

Free

Perfect for trying out ClickReap

  • Up to 3 products
  • 1 team member
  • 10 pages
  • Unlimited transformations
  • Auto link monetization
Get Started Free

Starter

$9.99 /month

For growing content creators

  • Up to 10 products
  • 2 team members
  • 50 pages
  • Unlimited transformations
  • Auto link monetization
  • Click tracking & analytics
Start Free Trial
Most Popular

Pro

$29.99 /month

For professional publishers

  • Up to 50 products
  • 5 team members
  • 250 pages
  • Unlimited transformations
  • Auto link monetization
  • Click tracking & analytics
  • Priority support
Start Free Trial

Business

$79.99 /month

For teams and media companies

  • Up to 200 products
  • 20 team members
  • 1,000 pages
  • Unlimited transformations
  • Auto link monetization
  • Click tracking & analytics
  • Priority support
Start Free Trial

Frequently Asked Questions

Is ClickReap an Astro integration? +
No. ClickReap is a standalone script tag, not an Astro integration or npm package. You add it to your layout file and it works automatically. This keeps your Astro build clean and fast with zero additional dependencies.
Does it work with Astro's static site generation? +
Yes. ClickReap works with all Astro output modes — static, server, and hybrid. Since it runs client-side after the page loads, your static HTML is served first and then enhanced with affiliate links.
Will it interfere with Astro's island architecture? +
No. ClickReap operates independently of Astro's component islands. It processes the rendered HTML in the DOM without affecting React, Vue, or Svelte islands on your page.
Can I use ClickReap with MDX content in Astro? +
Absolutely. ClickReap processes the final rendered HTML, not your source files. Whether your content is written in Markdown, MDX, or fetched from a CMS API, ClickReap works the same way.
How does ClickReap compare to manually adding links in Astro? +
Manual linking means editing every Markdown file when affiliate URLs change. ClickReap lets you manage all links from a central dashboard. Update a product URL once and it changes across every page on your site instantly. Learn how to add affiliate links to existing content.

Add affiliate links to your Astro site in two minutes

One script tag in your layout. Automatic monetization across every page. Free plan available — no credit card required.

Free forever plan available. No credit card needed.