Embed HTML inside Notion

List view

Getting started
Overview
Creating your first Notion website
Using a Bullet template
Managing content in Notion
Understanding notion structure
Managing images
Auto sync and Publish
Custom 404 page
Understanding Bullet dashboard
Navbar/Header customization
Footer customization
Logo, favicon, and social share image
Custom code
Add search functionality
Setting up a multilingual Site
Sidebar
Hosting
Adding a custom domain
Hosting in Root or Apex domain
Sub-directory hosting
Managing Page Redirects
Making both APEX and WWW work
Restrict Your Site to a Custom Domain Only
Membership/Content Gating
Overview
Password Protection
Email Confirmation access
Segment-Specific Restriction
Blog
How to set up your blog with Bullet
Understanding the Bullet blog structure in Notion
Post database properties
Authors database properties
Tags database properties
Blog Settings
Knowledge base
How to use the knowledge base plugin?
Category, sub-category and articles
Knowledge Base widget
SEO and metadata
SEO in Bullet
Sitemap and RSS Feeds
Liquid Syntax
What is Liquid syntax?
How do merge tags work?
Hiding blocks in Bullet
Conditionally rendering blocks
Embed HTML inside Notion
API Documentation
Overview
API Authentication
API Reference
Billing
Billing FAQs
How to's
How to unpublish an existing page
Add Buttons inside the Notion website
Show database views as Tabs
Prevent discovery of Notion Page
How to use different templates on the same website
How to add a custom search bar
How to embed forms in Notion and Bullet?
Embedding content in Notion and Bullet
Add a carousel to the bullet site
Troubleshooting
Missing pages in Bullet, Links pointing to #
Troubleshooting Bullet Block Editor
Notion table instead of a webpage
Themes
Theme settings
Style Application Hierarchy

How to Embed HTML inside Notion

You can use Notion code block to write any HTML inside Notion and render them in the webpage. You can use this to display any forms, images, newsletter signups etc.
To embed HTML inside Notion and render it on the webpage, you have to
  1. Create a code block in Notion
  1. Click on Caption
  1. Add caption as "bullet:HTML". Bullet will automatically embed any HTML code inside this section in the specific part of the webpage.
notion image
The above code utilizes a combination of custom HTML embed and merge tags. See how {% page_cover %} is used inside the HTML img tag so that it renders page_cover in the body of the website.