https://api.typedream.com/v0/app/collection_content/69256403-d175-4fc8-89be-0940a2e9d4b6_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/c03e04ad-1673-4ce0-b81d-7261354488cc_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/cbe739c9-116a-4cae-ab08-0058016668d6_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/630074d2-8baa-45ad-a53f-e47dbfa26120_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/3a916dc3-65f7-4cc0-be93-7d90f93a903e_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/dcee2c12-475a-478f-bbbb-be77544e43ac_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/bf12e216-da18-47f7-8b19-7f1485e0de35_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/186e4196-c3ac-4f5e-9efe-fef59616280c_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/516c694a-163d-449e-8f4a-5f082155a310_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/8187be85-14be-4510-9510-d58cb28f3ee0_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/ff1b4a8a-024b-475e-b08c-e80fe47fac8e_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/5bb94658-4db5-48a7-9fd3-14189bb88867_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/603d580a-3c3e-4229-b478-5d1fad779cbc_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/4518d4b1-0932-43c9-bc96-c06439223770_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/32bb030b-ce6d-4a2d-9ec5-c5f383e79150_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/c28b257c-dd9b-436f-8ba3-2283d9b409d3_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/7e32ae56-4b13-43c7-8a8c-a63fa76a0675_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/e74ab647-2dd9-448b-bd50-7b995f05f4ce_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/3e5ad171-c077-4f17-9d6f-f8c837f54fca_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/9738d800-c525-4dbc-8e90-70da7d7b8655_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/e7dc852a-16ac-42cc-aa03-c74bab48ced6_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/768459d2-1653-4f81-806c-da48bbbe70d5_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/c91763a9-0d68-450a-b4c2-af3914d7ca24_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/8737a0f0-6fbd-4dc0-a58f-8c65d745480f_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

https://api.typedream.com/v0/app/collection_content/4f635ec2-a27a-444b-878f-e2cd3e302ec4_46d710fd-ec90-498a-901c-d6acd853f5fa_collection_rich_content.json

Service

Features

Templates

Showcase

Resources

Pricing

Login

Beautiful websites created on Typedream  ·

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTZ8GQJR" height="0" width="0"
    style="display:none;visibility:hidden"></iframe></noscript>



<script>
  window.onload = () => {

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible

    let params = new URL(document.location).searchParams;

    // ==== Update current query parameters to include `source` ====
    // Rewardful uses `via`, this isn't tracked in Plausible
    
    let newParams = new URL(document.location);
        let viaFound = false;
        let sourceFound = false;
        params.forEach((value, key) => {
          if (key === "via") {
            viaFound = true;
            newParams.searchParams.set("source", `via-${value}`);
          }
          if (key === "source") {
            sourceFound = true;
          }
        });
        if (viaFound && !sourceFound) {
          window.location = newParams.href;
        }

        // ==== Update utm_source for links that contains build TYPEDREAM_HREF ====
    // 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 id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=f871bdf7-2c33-4fbd-bb5d-7e7ab05bea84">
</script>




<script>
  const searchClient = algoliasearch(
        "SMJ4AJCZFI",
        "bdf124d4eb5f98cc467769a011fba85a"
      );

      const search = instantsearch({
        indexName: "help_typedream",
        searchClient
      });

      setTimeout(() => {
        search.addWidgets([
          instantsearch.widgets.searchBox({
            container: "#searchbox",
            searchAsYouType: false,
            placeholder: "Search for articles"
          }),
          instantsearch.widgets.hits({
            container: "#hits",
            templates: {
              item(hit, { html, components }) {
                return html`
                  <a
                    class="search-hit-row-link"
                    href=${hit.link}
                    target="_blank"
                  >
                    <div class="search-hit-row">
                      <h2>
                        ${components.Highlight({ attribute: "name", hit })}
                      </h2>
                      <p>${hit.description}</p>
                    </div>
                  </a>
                `;
              },
              empty(results, { html }) {
                return html`<div class="search-empty ais-InfiniteHits-item">
                  No results for <q>${results.query}</q>
                </div>`;
              },
              showMoreText(data, { html }) {
                return html`<span class="search-showmore">Show more</span>`;
              }
            }
          })
        ]);

        // Conditionally display the hits widget only when a search query is entered
        search.on("render", () => {
          const hitsContainer = document.querySelector("#hits");
          if (search.helper.state.query === "") {
            hitsContainer.style.display = "none";
          } else {
            hitsContainer.style.display = "block";
          }
        });

        search.start();
      }, 500);
</script>