actualNoteContentPart: Embedding notes in web pages connects your freshest ideas, [written in 3d](https://www.amplenote.com/blog/writing_in_3d_how_the_writing_method_impacts_thinking) , with an audience hungry for knowledge
  
  
  **Congratulations, you've found your way to one of Amplenote's most high-leverage features**. 💪
  
  Embedding note content is a huge leverage opportunity because it can lift dense, information packed ideas from your notebook and spread those ideas globally, in real time, via your website, help section, blog, wiki, or anywhere else you can place Javascript and you want to insert an idea. 🌍
  
  The first step to embedding note content is publishing the note, following the steps above. Once the note is published, you can click the second tab in the "Publish" dialog, for embedding content:
  
  
  Several options available for configuring how your note is embedded
  
  
  ## A brief overview of the options for note publishers
  The options available from the "Embed note content" tab:
  
  [**HTML to embed**](https://images.amplenote.com/d833f77c-fb92-11ea-a4f3-1a263ad550a8/903e8c57-aecb-4732-bb40-fae9d77d88bc.png) : The HTML you need to paste into a web page to start loading an almost-real-time version of this note.
  
  **Add Host Domain **(optional): If checked, controls how links behave and enables the inclusion of a stylesheet.
  
  **Host Domain **(optional): The domain on which this content is to be published. Not necessary, but when specified, then links in the note that point to URLs within the Host Domain will not pop an interstitial window before visiting clicked link. 
  
  **Stylesheet** (optional): Control how note styles are interpreted. See a live example of note content with a stylesheet applied at [the GitClear blog](https://www.gitclear.com/blog) .
  
  # 🎩 Styling a blog or help center to look professional?
  We recommend taking a look at [Use case: Create your own CSS styled blog with Amplenote to replace Wordpress](https://www.amplenote.com/help/custom_css_blogging_platform_use_case)  to see an example case with specific styles that can be used to format your Amplenote notes like the reader-friendly site, Medium.
  
  The [vast GitClear help center](https://www.gitclear.com/help)  in general, the the [Encyclopedia of Developer Analytics](https://www.gitclear.com/developer_metrics_encyclopedia_illustrated_software_metrics_and_measurements)  in particular, are a real-world examples of what is possible when combining note embedding and custom stylesheets.
processedNoteContent: ---
  title: How do I embed notes in other web pages? (e.g.,...
  tags: 
  ---
  Embedding notes in web pages connects your freshest ideas, [written in 3d](https://www.amplenote.com)`
   , with an audience hungry for knowledge Congratulations, you've found your way to one of Amplenote's most high-leverage features
  . 💪 Embedding note content is a huge leverage opportunity because it can lift dense, information packed ideas from your notebook and spread those ideas globally, in real time, via your website, help section, blog, wiki, or anywhere else you can place Javascript and you want to insert an idea. 🌍 The first step to embedding note content is publishing the note, following the steps above. Once the note is published, you can click the second tab in the "Publish" dialog, for embedding content: Several options available for configuring how your note is embedded 
  A brief overview of the options for note publishers
  The options available from the "Embed note content" tab: [HTML to embed](https://images.amplenote.com)`
   : The HTML you need to paste into a web page to start loading an almost-real-time version of this note. **Add Host Domain **(optional): If checked, controls how links behave and enables the inclusion of a stylesheet. **Host Domain **(optional): The domain on which this content is to be published. Not necessary, but when specified, then links in the note that point to URLs within the Host Domain will not pop an interstitial window before visiting clicked link. Stylesheet
   (optional): Control how note styles are interpreted. See a live example of note content with a stylesheet applied at [the GitClear blog](https://www.gitclear.com)`
   . 
  🎩 Styling a blog or help center to look professional?
  We recommend taking a look at [Use case: Create your own CSS styled blog with Amplenote to replace Wordpress](https://www.amplenote.com)`
    to see an example case with specific styles that can be used to format your Amplenote notes like the reader-friendly site, Medium. The [vast GitClear help center](https://www.gitclear.com)`
    in general, the the [Encyclopedia of Developer Analytics](https://www.gitclear.com)`
    in particular, are a real-world examples of what is possible when combining note embedding and custom stylesheets.
noteTitle: How do I embed notes in other web pages? (e.g., blog, help center, wiki)