This is two step process, first we need to Generate the Embed code then add it to the html js 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%3Da28ed882-f515-4ff3-ab4c-59cdee9cf261%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3D2H5Oo2782zTM1FiM9Cea7L2DR9pCWc3w7wNI0xzF1Sk?table=block&id=a28ed882-f515-4ff3-ab4c-59cdee9cf261&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%3D0bbf45d3-0f93-48e0-adf3-431932c0f7de%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3DyN1g_9Mh_0CnbyVGHWlN_86IUQUXDpg_QQVGXTFjCGM?table=block&id=0bbf45d3-0f93-48e0-adf3-431932c0f7de&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%3D7f6a0567-41a7-497b-80b9-a1bf7c4b15d2%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3Dt5GkEgyG7xs3ibKa8dzKjvdVn45mqpPjnSOmgXdFqyg?table=block&id=7f6a0567-41a7-497b-80b9-a1bf7c4b15d2&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%3D1754b6a9-6af3-4a8a-bbce-defb532e8345%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3D4QDMPJzx0dnhoyoN2l9ekK2OAXFTQgWr9PePzkSg8Ro?table=block&id=1754b6a9-6af3-4a8a-bbce-defb532e8345&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%3D65a7ece5-6d46-4514-9a2c-2e6d85e89e13%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3DYbCym3Gw928Drh3pjUk352kmnlsHegelWcozogiqPHQ?table=block&id=65a7ece5-6d46-4514-9a2c-2e6d85e89e13&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%3D2116cd59-edcb-4abc-9c92-4b86bc8f3f3d%26table%3Dblock%26spaceId%3D3e7cd5b0-cb16-4cb7-9f34-898e0b85e603%26expirationTimestamp%3D1722103200000%26signature%3DpPLacz897xmA3RhkCbcvqoBqCWxysXM0TcHNvZnt01E?table=block&id=2116cd59-edcb-4abc-9c92-4b86bc8f3f3d&cache=v2)
So the Embed code is ready! 😀 time to add it to our website.
Coming Soon!