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
Sidebar
Hosting
Adding custom domain
Hosting in Root or Apex domain
Sub-directory hosting
Managing Page Redirects
Making both APEX and WWW to work
Restrict Your Site to Custom Domain Only
Membership/Content Gating
Overview
Password Protection
Email Confirmation access
Segment-Specific Restriction
Blog
How to setup your blog with Bullet
Understanding Bullet blog structure in Notion
Posts 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 does 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 Notion website
Show database views as Tabs
Prevent discovery of Notion Page
How to use different templates in the same website
How to embed forms in Notion and Bullet?
Embedding content in Notion and Bullet
Troubleshooting
Missing pages in Bullet, Links pointing to #
Notion table instead of webpage
Themes
Theme settings

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 in 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 combination of custom html embed and merge tag. See how {% page_cover %} is used inside HTML img tag so that it renders page_cover in the body of the website.