What is CMS?

https://api.typedream.com/v0/app/collection_content/2ca16ec1-61ee-4e39-8291-56b77801f8af_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/2ca16ec1-61ee-4e39-8291-56b77801f8af_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Build a Blog with Notion + Typedream

https://api.typedream.com/v0/app/collection_content/f2bef7b8-7e98-4f25-b2e9-97e99dde4390_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/f2bef7b8-7e98-4f25-b2e9-97e99dde4390_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Get started with CMS from scratch

https://api.typedream.com/v0/app/collection_content/21ae5201-1f5d-4df9-adda-8fb5f813b0e9_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/21ae5201-1f5d-4df9-adda-8fb5f813b0e9_46d710fd-ec90-498a-901c-d6acd853f5fa_published_collection_rich_content.json

Name

Guide

Add a blog to your Typedream site with Notion

Footer

<script>
// function gtag_report_conversion(url) {
//   gtag('event', 'conversion', {
//       'send_to': 'AW-706989986/YQ1_CJ_pwdQCEKKfj9EC'
//   });
//  return false;
//  }

  window.onload = () => {
    // Get current query parameters
    let params = new URL(document.location).searchParams;

    // Get all links that contains build TYPEDREAM_HREF
    const TYPEDREAM_HREF = "typedream.com";
    const BUILD_TYPEDREAM_HREF = "build.typedream.com";
    Array.from(
      document.querySelectorAll(`[href*='${TYPEDREAM_HREF}']`)
    ).forEach((e) => {
      var href = e.getAttribute("href");
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();

      // track conversion
      // if (e.href.includes(BUILD_TYPEDREAM_HREF)) {
      //  e.addEventListener('click', function() {gtag_report_conversion(e.href)})
      // }
    });

   Array.from(document.querySelectorAll(`[href^='/']`)).forEach((e) => {
      var href = e.getAttribute("href");
      href = `${window.location.protocol}//${window.location.host}${href}`;
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();
    });


    // Make sticky table of contents
    var sibling = document.getElementById("sticky-sibling")
    if (sibling && sibling.nextSibling) {
      var toc = sibling.nextSibling
      toc.style.backgroundColor = 'red';
    }

  };

</script>


<script>
  window.prechatTemplate = {
      "SubmitLabel": "Start Chat",
      "fields": {
          "0": {
            "error": "Please Enter a valid Email",
            "fieldId": "email",
            "label": "Email",
            "required": "yes",
            "type": "email"
          }
      },
      "heading": "Hello there!",
      "mainbgColor": "#682ad5",
      "maintxColor": "#fff",
      "textBanner": "Can you tell us a bit about yourself so we can identify you?."
    };
    window.fcSettings = {
      onInit: function() {
        window.fcPreChatform.fcWidgetInit(window.prechatTemplate);
    }
    };
    window.fcWidgetMessengerConfig = {
      config: {
          content: {
            actions: {
                tab_chat: "Chat"
            },
            headers: {
                chat: "Chat With Us"
            }
          },
          cssNames: {
            expanded: "custom_fc_expanded",
            widget: "custom_fc_frame"
          }
      }
    };
  </script>
  <script defer src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.js"></script>
<script
  defer
  src='//fw-cdn.com/2447143/3023492.js'
  chat='true'>
</script>

Build a Blog with Notion + Typedream

Requirements

What you'll build

Get Started

Step 1. Type `/collection` to add collection block

Step 2. Connect your Notion

Step 3. Duplicate Template Table

Step 4. Invite Typedream to your Table

Step 5. Select a Collection View Template

Step 6. Select an Item Page Template

That's it 🎉

Editing your blog posts

Publish!

See More Guides

Build a Blog with Notion + Typedream

Requirements

What you'll build

Get Started

Step 1. Type /collection to add collection block

Step 2. Connect your Notion

Step 3. Duplicate Template Table

Step 4. Invite Typedream to your Table

Step 5. Select a Collection View Template

Step 6. Select an Item Page Template

That's it 🎉

Editing your blog posts

Publish!

See More Guides

Step 1. Type `/collection` to add collection block