Product Hunt Embed Generator
Paste your Product Hunt product name and get a customizable <iframe> embed you can drop into any website.
Start at 250 px, adjust until it looks right.
Enter a Product name above and click Generate to preview your embed.
Want embeddable social proof from X replies too?
LaunchWall turns replies to your X posts into a polished testimonial carousel in minutes.
Try LaunchWall →How to embed a Product Hunt badge on your website
Enter your product name
Type the name of your product as it appears on Product Hunt (e.g., 'LaunchWall'). We will automatically convert it to the correct format to find your product.
Generate the badge
Click to generate. We fetch your live product data directly using the Product Hunt API and build a preview iframe instantly.
Customize and copy the code
Adjust colors, height, and layout until it fits your site. Then copy the iframe code and paste it anywhere in your website's HTML — no account required.
Embed Product Hunt on any platform
Step-by-step instructions for the most popular site builders
WordPress
In your post or page editor, add a 'Custom HTML' block, paste the iframe code inside it, and publish. The badge renders on your live page.
Webflow
Add an 'Embed' element to your canvas, paste the iframe code, and publish. Works in both the Designer and the CMS template editor.
Framer
Insert a 'Code Embed' component, paste the iframe code into the HTML input, and hit publish. Framer renders it live in the canvas.
Carrd
Add an 'Embed' element to your Carrd site, choose 'Code', and paste the iframe snippet. Save and publish.
Bubble
Use an 'HTML' element on your Bubble page, paste the iframe code, and deploy. Set the element size to match the height you chose.
Raw HTML
Paste the iframe tag exactly where you want the badge to appear in your HTML file. No script tags needed — it's a self-contained iframe.