Show your audience that your giveaway was fair and transparent. Add a “Verified by Rafflecopter” badge to your website, blog, or landing page that links directly to the cryptographic proof certificate.
Preview
Choose the embed method that works for your platform. Replace YOUR_CODE with your proof certificate code.
<!-- Paste this where you want the badge to appear -->
<div id="rafflecopter-badge">
<a href="https://rafflecopter.app/proof/YOUR_CODE"
target="_blank"
rel="noopener noreferrer"
style="display:inline-flex;align-items:center;gap:8px;
padding:6px 14px;background:#111827;
border:1px solid #374151;border-radius:8px;
text-decoration:none;color:#f9fafb;
font-size:13px;font-weight:600;
font-family:-apple-system,sans-serif;">
<img src="https://rafflecopter.app/api/widget/badge?style=dark"
alt="Verified by Rafflecopter"
height="26" style="display:block;" />
<span>Verified Giveaway</span>
</a>
</div><!-- Add to any post or page with the HTML block -->
[rafflecopter_badge code="YOUR_CODE" style="dark" size="medium"]
<!-- Or use the direct HTML embed above in a Custom HTML block -->// React component for Rafflecopter badge
function RafflecopterBadge({
code,
style = "dark",
size = "medium"
}: {
code: string;
style?: "dark" | "light";
size?: "small" | "medium" | "large";
}) {
const proofUrl = `https://rafflecopter.app/proof/${code}`;
const badgeUrl = `https://rafflecopter.app/api/widget/badge?style=${style}`;
const sizes = {
small: { height: 20, fontSize: 11, padding: "4px 10px" },
medium: { height: 26, fontSize: 13, padding: "6px 14px" },
large: { height: 32, fontSize: 15, padding: "8px 18px" },
};
const s = sizes[size];
const bg = style === "light" ? "#ffffff" : "#111827";
const border = style === "light" ? "#e5e7eb" : "#374151";
const color = style === "light" ? "#111827" : "#f9fafb";
return (
<a
href={proofUrl}
target="_blank"
rel="noopener noreferrer"
style={{
display: "inline-flex",
alignItems: "center",
gap: 8,
padding: s.padding,
background: bg,
border: `1px solid ${border}`,
borderRadius: 8,
textDecoration: "none",
color,
fontSize: s.fontSize,
fontWeight: 600,
}}
>
<img src={badgeUrl} alt="Verified by Rafflecopter" height={s.height} />
<span>Verified Giveaway</span>
</a>
);
}GET https://rafflecopter.app/api/widget?code=YOUR_CODE&style=dark&size=medium
Parameters:
code (required) — Your proof certificate code
style (optional) — "dark" or "light" (default: "dark")
size (optional) — "small", "medium", or "large" (default: "medium")
Returns: Ready-to-embed HTML snippetAdding a Verified by Rafflecopter badge to your website builds trust with your audience and reinforces the integrity of your giveaway.
Show participants and visitors that your giveaway was conducted fairly with cryptographic proof they can verify themselves.
The badge links directly to a public proof certificate with the full participant list, random seed, and SHA-256 hash.
A verified badge signals professionalism and integrity, encouraging more people to participate in your future giveaways.
Embed on any website, blog, Shopify store, WordPress site, or landing page. Responsive design adapts to any screen size.
Every Rafflecopter draw generates a unique proof code. Here is how to find it.
Create a giveaway on Rafflecopter and run the draw. After the winner is selected, a proof certificate is automatically generated.
On the results page, find your proof certificate link. The code is the last part of the URL: rafflecopter.app/proof/YOUR_CODE
Replace YOUR_CODE in the embed snippets above with your actual proof code. Paste the HTML into your website and the badge will appear with a direct link to your proof certificate.
Customize the badge to match your website design.
| Parameter | Options | Default |
|---|---|---|
| style | “dark” or “light” | dark |
| size | “small”, “medium”, or “large” | medium |
| code | Your proof certificate code | required |