Link to section

You can make a link that scrolls to a specific section in your site. Here's an example:

Step 1: Create an Embed Code on top of the target section.

For example, you want it to scroll below this line. You should add an 

 with any unique text, so if you have 3 links and 3 different sections in your site, you can have 

Step 2: Adding a link that goes to that section

You may notice that the page "jumps" to the section when you press the link. To make it scroll smoothly to the section:

Your link should now be able to scroll to the target section.

Footer

SyncBlock-84

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

Link to a section on your page.

Step 1: Create an Embed Code on top of the target section.

Step 2: Adding a link that goes to that section

Step 3 (Optional): Add smooth scrolling

That's it! 🎉