Product Hunt Cards

Embed products and comments across the web 🌐

#4 Product of the DayOctober 25, 2016

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Ryan Hoover
Maker
@rrhoover · Founder, Product Hunt
Two years ago, we launched an API to empower the creative and curious Product Hunt community to extend discovery beyond producthunt.com. It’s been fun to see what people build, from a "Tinder for Product Hunt" app (by @spyuchan) to a destination of dead products, appropriately named Product Haunt (by @jsneedles and @fredrivett). We’re taking this a step further with the introduction of Cards. Now you can embed products and comments anywhere on the web. Just click the button in the top right of the product page, and copy+paste the code into your site. If you’re on Medium, it’s even easier. Just paste the product URL (e.g. https://www.producthunt.com/tech...) and hit ENTER. You can see an example of this on Medium here. ✨ Would love to hear everyone’s feedback and ideas! 🙏🏼
Alexandre Mouriec@mrcalexandre · CS @ IUT Lannion | Stuffi | Argos VR
@rrhoover That's awesome !! Congrats on the launch Product Hunt Team 👏 Product Hunt Cards will be so useful on Medium but also on personal websites for makers and news articles. Can't wait to use them. It's great to see Product Hunt getting better and better 🔥
Kevin William DavidHiring@kwdinc · Community @Siftery. No 1 Hunter on PH🥇
@rrhoover This is awesome, Cant wait to write my next This Week on Product Hunt post using Product Hunt Cards. Would love an option to remove media and embed just the Product title, tagline & upvote button . Would be helpful since in my weekly posts I pick my top 3-5 favorite products for each day of the week. Might make it a long post to read if media is on every embed :)
Josh Muccio@joshmuccio · thepitch.fm
@rrhoover love this! IMO this is massive Ryan. Curious to see how this impacts growth for Product Hunt over time. I'd imagine the click-thru rate for one of these to be much higher than a regular ol' href
Ryan Hoover
Maker
@rrhoover · Founder, Product Hunt
@joshmuccio thanks, Josh! Independent of the CTR, Cards give us more visibility into what people are sharing and how visitors are engaging with various products and comments.
Rotem Yakir@rotemthegolfer · Guggy CEO - Make your friends laugh
Ram@ramkumarhq · Startups Lover, Business Consultant
@rrhoover @spyuchan @jsneedles @fredrivett --- This is one of my favorite PH update so far...:) Wow, great work guys..:) Suggestion: I have seen on several Advertisement banner embeds, you'll get 3-4 options to choose. For example "embed 1" will be detailed and large, while "embed 4" will be short and contains only a small headline. If PH could make the choosable embeds for posts, it would be great ..:) I don't know how hard it is to implement on posts, it's just a suggestion. As of now, it looks great and bloggers gonna love it..:)
Leonel More@leonelmore · Build your product with us: 1950labs.com
@rrhoover @spyuchan @jsneedles @fredrivett Congrats, great move!!
Anton Vynogradenko@restuta · I ride cats, pet bikes and love code.
@rrhoover Super cool! What did you guys use to build it? I am also working on embed code for our product.
Ryan Hoover
Maker
@rrhoover · Founder, Product Hunt
@ramkumarhq we'd like to add an option to embed a smaller card that excludes the video and gallery.
Korbin
Maker
@k1ix · Engineering @ Product Hunt / AngelList
@restuta @rrhoover Hey Anton - The "cards service" as we're calling it is a Node.js/React application. We use Webpack to produce very small JS and CSS bundles for each of the different card types (posts/comments) and then inline these bundles into their respective pages. For our Medium integration, we're now an Embedly provider. Thanks for the feedback!
Gabriel Varaljay@gabrielvaraljay · VixT - Video mashup from texT
@rrhoover @spyuchan @jsneedles @fredrivett brilliant idea guys 👍👏👊
David Feng@davidsfeng · Co-Founder at Reamaze
@rrhoover @spyuchan @jsneedles @fredrivett Really truly awesome. Making it way easier to share great products and ideas.
micah rich@micahbrich · Founder of The League of Moveable Type
@k1ix this is so, so awesome. Can you share any more detail? I've been considering doing this for a project and it'd be awesome to see the tech behind such a great implementation!
Brad Ross@bradcoin · Founder, CoinTent
@rrhoover love these! Such a smart idea and great job executing! We just put one on our post announcing our new hunt! (https://medium.com/cointent-micr...) The logo image is HUGE though... and makes it kind of ugly. :'( Your example post actually would have been, too, if it weren't a fancy GIF. http://screencast.com/t/Y09Jfz00HX Do you have any specs or recommendations for size of that image?
Anton Vynogradenko@restuta · I ride cats, pet bikes and love code.
@k1ix cool, any plans to OSS webpack configs? Solving similar problem, mb we can be of help to each other?
Ram@ramkumarhq · Startups Lover, Business Consultant
@rrhoover - that's great. It will be very useful for all the bloggers who would like to share producthunt posts on their page...great :)
Mubashar IqbalHiring@mubashariqbal · 2016 Maker of the Year.
W00T. Can I retire Embed Hunt now! 👍💯👊
Niv DrorHiring@nivo0o0 · Words @ProductHunt & @AngelList
For the record, the explainer GIF for Product Hunt Cards proved to hold an extraordinary level of difficulty, and @rrhoover did it all in his personal GIF creation studio. 👏
Ryan Hoover
Maker
@rrhoover · Founder, Product Hunt
Jack Dweck@jackdweck · Product Manager at Unroll.Me
@nivo0o0 these are 🔥 explainer GIFs, @rrhoover
Austin Sandmeyer@as_austin · Thinker/Student/Rockstar
PRODUCT HUNT CARDS!! Yes! This is awesome to see and really exciting to have the ability to let even more people experience PH! 😻
Marc Anthony Rosa@marc_rosa · Product Manager @ Getty Images
Outstanding launch, @rrhoover and team! I just added a card to a portfolio website and it works *beautifully* 🙌 I'm excited to see how Cards make it easy for creators to represent their products across the web through one primary touchpoint: ProductHunt. This launch sparked a thought about PH becoming the ecosystem for complementary launch-related products: PH-based analytics measuring traffic and conversion for launches, ads and a/b testing tools, even simple landing page opportunities a la Launchrock. Brainstorm aside, awesome launch team!
Ryan Hoover
Maker
@rrhoover · Founder, Product Hunt
@marc_rosa NICE! This is one of the use cases we imagined. Can you reply with a link to your portfolio? Would love to share with the team.
Marc Anthony Rosa@marc_rosa · Product Manager @ Getty Images
@rrhoover So happy to share! :) Here's a link to a simple portfolio, where the 3rd and 6th items are PH embeds (Buffer for Video, Blanks for iOS) http://marcrosa.me/portfolio
Ryan Hoover
Maker
@rrhoover · Founder, Product Hunt
@marc_rosa so cool! Just shared on the Twitterz.