This is two step process, first we need to Generate the Embed code then add it to the reactjs website
Generate notion embed code
Step 1: Open the notion page you want to embed and make it public and copy the url, i want to embed my roadmap for blurweb.app so i will choose that.
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2Fe7524319-eadd-4f04-942e-241e3827826b%2FUntitled.png%3Fid%3D1d4f6d22-193b-41eb-811a-ff853cab2af8%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3DDcG3OqelRDHZnxBMpGGv8z7NJLaKcd6XuaNxPrINbXg?table=block&id=1d4f6d22-193b-41eb-811a-ff853cab2af8&cache=v2)
Step 2: Visit nt.ink/embed and paste the link and click build website
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F35ab9cdb-c60e-4360-8cda-d5cd9af4aebf%2FUntitled.png%3Fid%3D0b8768a9-c357-4cb1-bb25-da6d941f61cb%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3DIQsAKGIh8iHFIke6QAv0XZuoft71ufwkWBNLj1EpAKs?table=block&id=0b8768a9-c357-4cb1-bb25-da6d941f61cb&cache=v2)
Step 3: Choose the free plan,
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F136d67c5-00a6-43f1-80da-f54172023567%2FUntitled.png%3Fid%3D7da77681-07b2-4cd1-9e60-5c7afc1e37fa%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3Dk3KnRGnGZs41tXhllicT1lnHEJzLIOb8to8BS0y1w4o?table=block&id=7da77681-07b2-4cd1-9e60-5c7afc1e37fa&cache=v2)
Step 4: Click confirm email and the code will be send to you on your email.
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F218e82b9-ad81-4b0a-b094-376aa1f85b8e%2FUntitled.png%3Fid%3D3103f2d0-b6b0-4bbb-8490-1169a5b9ad74%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3DPG_V-uXzi60foqpA--PrSa-zqR0LESeTRXQtS94EH68?table=block&id=3103f2d0-b6b0-4bbb-8490-1169a5b9ad74&cache=v2)
Step 5: Open your email
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F5eeb38a0-c6f8-4f75-8324-bf5e66ed8c06%2FUntitled.png%3Fid%3D90f4134d-5404-49cb-875d-18c40cbac12c%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3DGLxjKm1EEh1A_caQ6X3GXy25GqPf9NLmzBwc1qwx1RE?table=block&id=90f4134d-5404-49cb-875d-18c40cbac12c&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2F3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%2F0e3cb4e3-e54c-4a17-8478-471aba7d5a9a%2FUntitled.png%3Fid%3D382b147e-d533-4221-86fb-069ea28dab64%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3D9B_GTIV__fBa0xcg6K4sAHmJY8n4HrnZf-_Sy4LPDs4?table=block&id=382b147e-d533-4221-86fb-069ea28dab64&cache=v2)
So the Embed code is ready! 😀 time to add it to our website.
Coming Soon!