# Embednotionpages > Embedding a Notion form into your website lets you collect responses directly in your Notion workspace, simplifying data collection and improving visitor interaction with your content. --- # Source: https://embednotionpages.com/blog/embed-notion-form-on-website # How to Embed a Notion Form on Your Website Embedding a Notion form into your website lets you collect responses directly in your Notion workspace, simplifying data collection and improving visitor interaction with your content. ## How It Works: Notion forms provide a powerful way to collect data directly within your workflow. When embedded on your website using an HTML ` ``` ## Option 2: Use a customized iframe ![Using EmbedNotionPages to generate a styled iframe](https://framerusercontent.com/images/I7kXhsAEgf3c4tLBQlsZzOc.png) The Notion iframe works but it's basic—you can't customize it or define who can access it. This is solved with [EmbedNotionPages](https://www.embednotionpages.com/), a simple tool to create highly customized Notion iframes. - Sign up. - Add your Notion page to the tool. - Paste your Notion link into the tool. - Customize the look and feel and access control. - Copy the iframe code. ## Add the iframe to your site Now you just need to paste the iframe HTML code into the website page of your choice. - **For HTML sites:** Paste the iframe code right into your page. - **For WordPress, Webflow, Squarespace, or Framer:** Drop it into a custom HTML block. ## Things to watch out for - **Privacy first:** Make sure you're not sharing anything sensitive. - **Performance check:** Embeds can slow pages slightly—always test after adding. ## Frequently asked questions ### Can I embed a private Notion page? No — you must publish your Notion page to the web to embed it. ### Will updates in Notion show up automatically on my site? Yes — any edits you make in Notion will reflect live on your website. ### Can I change the size of the embedded page? Yes — you can adjust the width and height in the iframe code to fit your design. ### Is using a tool like EmbedNotionPages secure? EmbedNotionPages uses secure methods to display your page, but always review privacy settings before embedding. --- # Source: https://embednotionpages.com/blog/notion-cover-sizes # Notion Cover Size & Dimensions Choosing the right size makes your Notion page clean and sharp. ![Recommended Notion cover dimensions](https://framerusercontent.com/images/TDB946QfLCfDsPcpm3Ix1Kmrn1k.png) ## Recommended Notion cover image sizes by device - **Desktop**: 1500×600 px (5:2 aspect ratio) – Best for desktops and laptops. - **Tablet**: 1170×290 px (~4:1 aspect ratio) – Good for tablets like iPads. - **Mobile**: 1170×445 px (~2.6:1 aspect ratio) – Fits smartphones. Use a 1500×600 px cover for all devices. Keep key parts within 1170×230 px. ## How to add and customize a cover image in Notion ![Adding a cover in Notion interface](https://framerusercontent.com/images/WcJZPYjz8ggypsrTWnQfboqRSYo.png) Adding a cover makes your page look polished and lively. 1. Open your Notion page. 2. Click "Add Cover." 3. Hover and click "Change Cover." 4. Pick an image from: - Notion's gallery - Your own uploads - A pasted link - [Unsplash](https://unsplash.com/) 5. Click "Reposition" to move the image. 6. Click "Save Position" when done. ## Tips for creating custom Notion covers Custom covers let you match your style and needs. - Use [Canva](https://www.canva.com/) to design covers. - Or try [Notion Cover Generator](https://notioncovergenerator.com/). - Match canvas size to device. - Keep files under 150 KB. - Use 72 DPI for screens. ## Displaying cover images in gallery view ![Gallery view showing cover images](https://framerusercontent.com/images/CqC1Tq4nNqlicaAVfLdnqQfLg.png) Showing covers in [gallery view](https://www.notion.com/help/galleries) gives your workspace a neat look. 1. Create a gallery view in Notion. 2. Add a cover image to each page. 3. Click the three dots (••• ). 4. Set "Card Preview" to "Page Cover." Covers will now show in the gallery. ## Downloading banners, headers, and covers Finding the right banner, header, or cover boosts your page style. You can download high-quality covers on [Unsplash](https://unsplash.com/) or [Notion Headers](https://www.notionheaders.com/). - Search by style or color. - Pick images that match the size guide. - Download and upload them to your Notion page. This way, you can get great Notion covers without needing to design from scratch. ## Frequently Asked Questions ### What is the ideal aspect ratio? Use 5:2, e.g., 6000x2400 px, 3000x1200 px, or 1500×600 px. ### Why is my cover blurry? It is likely too small. Use at least 1500 px wide. ### Can I resize a cover in Notion? No. Resize before uploading. Follow these easy steps to make your Notion pages clear and bright. --- # Source: https://embednotionpages.com/blog/notion-feature-iframe-embed # The New Notion Embed & iFrame Feature In February 2025, Notion launched a new feature: you can now embed Notion pages and forms into websites using iframes. ![Copying the iframe embed code](https://framerusercontent.com/images/irMRmugKI0NNSC7lUf4CrxvtQ4I.png) ## How Notion iframe works Here's what you can now do in Notion: - Get an iframe embed code from any public Notion page. - Show Notion pages on your own site. - Share live-updating content without extra tools. Now, visitors can view and use your Notion content—like a portfolio or feedback form—without leaving your website. ## How to use Notion iframe Follow these steps: ### Make Your Notion Page Public Click “Share” in the top right corner of Notion, then “Publish” twice. ![Publishing a Notion page for embed](https://framerusercontent.com/images/jvxSXQjtmMt3z6zTUr95ecZxhbE.png) ### Get the Embed Code Click “Embed this page,” then “Copy code” to get the iframe code. ![Getting the iframe embed code](https://framerusercontent.com/images/USDJoQaEeS3FfWtEfp3dgQ5DyZE.png) ### Add to Your Website Paste it into your HTML where you want it (this is an example in Framer). ![Framer HTML block showing embedded iframe code](https://framerusercontent.com/images/wRaupWDDvv4Va5KCD5WrBJdOK2s.png) Or create the iframe manually: ```html