5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Taa3,

Running a blog, newsletter or content site on Framer? Ad Banner is the simplest way to add display advertising to your pages without leaving Framer or touching a line of code.

Drop the component onto your canvas, upload your creatives, paste in your destination URLs, and you're live.

Each banner randomly rotates through your uploaded images on every page load - giving each advertiser fair exposure without any server-side logic.

Built for designers who want to own their monetisation without duct-taping third-party ad networks onto their site.

How It Works

No ad network. No tracking scripts. No external dependencies.

Add the component to your page, upload up to 10 images per banner directly from the properties panel, and link each one to its destination URL.

On every page load, one image is picked at random and displayed.

Resize the component to fill any layout - it scales proportionally to fit whatever space you give it.

Key Features

3 Banner Formats: Square (300×300), Small Banner (300×60), and Small Rectangle Page (300×250). Switch formats from the properties panel instantly
Up to 10 Creatives per Banner: upload multiple images with individual destination URLs. The banner randomly picks one on each page load for even exposure across advertisers
Fully Responsive: the component fills its container and scales proportionally, so it works inside any stack or layout without manual resizing
Border Customisation: control border colour, border size, and corner radius directly from the panel
Hover Opacity: set a custom opacity level on hover to give the banner a subtle interactive feel
Sponsored Label: include a disclosure label below the banner (e.g. "Sponsored" or "Affiliated"). Edit the text, show or hide it, and optionally link it to a dedicated sponsor page
SEO & Accessibility Ready: Alt text per creative, rel="sponsored" on all ad links (as required by Google), and links always open in a new tab

Perfect For

Independent creators and bloggers monetising through direct ad sales, designers building client sites that need a simple sponsorship slot, and newsletter operators who want a clean, self-hosted alternative to ad network embeds.

If you sell ad placements directly to sponsors rather than going through a network, Ad Banner was built for you.

Pricing

$19 - one-time purchase. Drop it on as many pages and projects as you need.

5a:[["$","$L5d",null,{"post":{"id":"019d24b6-9b77-7315-a2da-98533a460387","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dfd1c660-b7ed-423b-9bd0-3e38c543cd64","name":"Julien Vier","slug":"julien-vier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29153/julien_200px-bckzVmOd2BGdLKDO7gm3HU4cKWRWpJ.png","followed":false,"followsYou":false},"media":[],"resources":[{"id":"SFHhwiQHGwyFKVqE157z","resolved":true,"title":"Ad Banner","body":"$5e","bodyJson":null,"introduction":"Monetise your Framer site with ads.","slug":"ad-banner","author":{"framerUserId":"dfd1c660-b7ed-423b-9bd0-3e38c543cd64","name":"Julien Vier","slug":"julien-vier","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29153/julien_200px-bckzVmOd2BGdLKDO7gm3HU4cKWRWpJ.png","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SFHhwiQHGwyFKVqE157z/ad-banner-M1HppmKZnW4lLdaWWRYO8GDflJiafN","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-13T15:50:28.585Z","updatedAt":"2026-03-25T09:52:28.862Z","publishedAt":"2026-03-25T11:17:20.375Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ad-banner.framer.website/","price":"19","paymentUrl":"https://buy.polar.sh/polar_cl_maFjH9LsHV1U5eAg4UQjt0aETIsY3dTG11fXC2f5IAM","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"5ZVO6xuJterxJbhJ03lP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-25T11:17:20.375Z","updatedAt":"2026-03-25T11:17:20.375Z","reported":false}}],"$L5f"]

Suggested for you