Embed Product Hunt in Notion (Integration)

If you want to embed your Product Hunt listings into your Notion pages or Notion websites, follow this guide.

We are going to teach you all there is to know about integrating Product Hunt in Notion. In fact, there isn't much to know - there are just 3 simple steps to follow. Let's get to them!

How to integrate Product Hunt in Notion

Simply copy your Product Hunt listing's code, paste it in Notion and you'll now have a PH widget. It's that easy!

This was just the short way to answer your question. Keep on reading to see the fully-explained way to integrate Product Hunt in Notion!

Method 1: Paste URLs

This method is pretty simple. All you have to do is paste a Product Hunt URL into Notion and embed it. Let's see how we can do that!

1. Copy a Product Hunt link

Go to Product Hunt and select your favourite listing. Once finding it, you'll have to paste it in Notion.

For this example, we're going to use Coda's listing on Product Hunt.

2. Paste the link in Notion

Now you'll have to go to your favourite Notion page and paste your Product Hunt link that was previously copied.

Once pasting your link, you'll see three options: "Dismiss", "Create bookmark" and "Create embed".

The option that you want to select in order to integrate Product Hunt in Notion is "Create embed".

After clicking that and waiting just a little bit for the embed to load, you should see your Product Hunt integration like so:

That's it! You've successfully integrated Product Hunt into Notion. How cool sis that?

Method 2: Embed code

This method may take longer, but trust us, it is as reliable and working the same good as the first method's Product Hunt to Notion integration. Let's get to it!

1. Grab the code of a listing

First of all, you need to go to Product Hunt and click on your favourite listing.

For this example, we chose Notion's iOS listing, and we're going to take you through the guide with this Product Hunt listing.

To get the code of a listing, you'll find the "</> EMBED" button right below the product's description.

Once you've clicked the button, you should see a new page where you can customise your embed.

For this specific listing, to see this screen, you should be on this page.

Upon customising your Product Hunt's embed block, you'll have to click the big, red "COPY" button. Now you'll have to keep the code in your clipboard, as we'll need it in a second.

2. Add an Embed block

Go to your favourite Notion page and make an Embed block. To do that, you'll have to type "/embed" and select "Embed".

One other way to make an Embed block is simply typing "/" and scrolling until you see "Embed".

3. Link Product Hunt in Notion

Now's the fun part! It's the integration of Product Hunt in Notion.

All you have to do is paste the code that you've copied at the first step within the Embed block.

Remember to hit the blue "Embed link" button. Otherwise, your changes won't be saved.

After hitting the "Embed link" button and waiting a few seconds for the Product Hunt listing to fully load within your Notion page, you should see the functional preview just like in the image below.

Look at that, you've just integrated Product Hunt into Notion! It wasn't so hard, right?

Can you embed Product Hunt in Notion?

Yes, you can embed Product Hunt in Notion. The two ways to do this are pasting a Product Hunt link into Notion and pasting a Product Hunt listing's code inside an Embed block in Notion.

If you found this guide useful, then you might be interested in checking out the library of Notion guides. Thank you for reading this guide!

‍