Individual team workspace (1)

https://api.typedream.com/v0/app/collection_content/b818de36-fdc4-4a01-8999-967f5804eef9_cd3c86c9-25c0-4e3d-83a1-ec5854994ac5_collection_rich_content.json

Custom workspace (1)

https://api.typedream.com/v0/app/collection_content/b88ea769-0f17-4cad-845a-6bdb902babe8_cd3c86c9-25c0-4e3d-83a1-ec5854994ac5_collection_rich_content.json

Drag & drop (1)

https://api.typedream.com/v0/app/collection_content/b4698a78-9188-4af5-809c-975196fc8f1b_cd3c86c9-25c0-4e3d-83a1-ec5854994ac5_collection_rich_content.json

Hyperlink (1)

https://api.typedream.com/v0/app/collection_content/364cd633-e0d8-4b6c-8401-72aa8263c0b9_cd3c86c9-25c0-4e3d-83a1-ec5854994ac5_collection_rich_content.json

Add & edit workspace (1)

https://api.typedream.com/v0/app/collection_content/df4df504-2bf2-4a8d-abc7-e4f276717d3e_cd3c86c9-25c0-4e3d-83a1-ec5854994ac5_collection_rich_content.json

Name

Building your workspace

Guide Directory

Features

Templates

Showcase

Resources

Pricing

Login

Learn how to build your workspace in Worka from scratch 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisi porta lorem mollis aliquam ut porttitor leo a diam. Mi quis hendrerit dolor magna. Fermentum et sollicitudin ac orci phasellus. Purus in mollis nunc sed id semper risus in hendrerit. Ornare arcu odio ut sem nulla. In aliquam sem fringilla ut morbi tincidunt augue interdum. Tellus mauris a diam maecenas sed enim ut. Aliquet eget sit amet tellus. Egestas dui id ornare arcu odio ut sem nulla.

Sit amet nisl purus in mollis nunc. Orci porta non pulvinar neque laoreet. Aliquam etiam erat velit scelerisque in dictum. Iaculis at erat pellentesque adipiscing. Scelerisque mauris pellentesque pulvinar pellentesque. Facilisi etiam dignissim diam quis enim lobortis scelerisque. Cursus mattis molestie a iaculis at erat. Proin sed libero enim sed faucibus turpis in eu mi. Porttitor massa id neque aliquam. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis.

Urna et pharetra pharetra massa massa ultricies. Iaculis eu non diam phasellus. Tincidunt ornare massa eget egestas purus viverra accumsan in nisl. Dolor magna eget est lorem ipsum dolor sit amet consectetur. Massa tempor nec feugiat nisl pretium fusce id velit ut. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Magna fermentum iaculis eu non diam. Nisl pretium fusce id velit. Ut porttitor leo a diam sollicitudin tempor id. Felis imperdiet proin fermentum leo vel orci. In ornare quam viverra orci sagittis. Vel pharetra vel turpis nunc.

<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>

Building your workspace

Related articles