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

<div id="cta">
  <a target="_blank" href="https://whattime.co.kr/querydelivery/user-interview">
    백오피스를 만들면서 어렵고 귀찮았던 점을 공유해주세요! <span>저희가 해결하겠습니다.</span>
  </a>
</div>

<div id="topNav">
  <div id="topNavContainer">
    <div class="navLogo">
      <a href="https://query.delivery" target="_blank">
			  <img height="40" src="https://hopsoffice.github.io/misc/public/landinglogo.svg" />
      </a>    
    </div>
    
    <div class="navButtons">
      <a href="https://app.query.delivery/" target="_blank" class="button">
        로그인
      </a>

      <a class="button goChanneltalk" href="#">문의</a>

      <a class="button cta-btn" target="_blank" href="https://app.query.delivery/people/new/">
        지금 무료로 사용하기
      </a>
    </div> 
  </div>
</div>

<script>
  /* Main video */
  var mainVideo = document.querySelector('div[data-block-id="62d86b94-60a5-4ca5-babe-837029b0d6d5"] video');
  mainVideo.setAttribute("poster", "https://hopsoffice.github.io/misc/public/hero-poster.jpg");
  
  /* ChannelIO */
  (function() {
    var w = window;
    if (w.ChannelIO) {
      return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
    }
    var ch = function() {
      ch.c(arguments);
    };
    ch.q = [];
    ch.c = function(args) {
      ch.q.push(args);
    };
    w.ChannelIO = ch;
    function l() {
      if (w.ChannelIOInitialized) {
        return;
      }
      w.ChannelIOInitialized = true;
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
      s.charset = 'UTF-8';
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
    if (document.readyState === 'complete') {
      l();
    } else if (window.attachEvent) {
      window.attachEvent('onload', l);
    } else {
      window.addEventListener('DOMContentLoaded', l, false);
      window.addEventListener('load', l, false);
    }
  })();
  ChannelIO('boot', {
    "pluginKey": "417c6028-f6d9-4d76-9122-f0630e792cf2" //please fill with your plugin key
  });
  
  var showChanneltalkElems = [
    document.querySelector('.goChanneltalk'),
    document.querySelector('div[data-block-id="6f3e555a-2d3c-4fdb-8824-08e43a7744c4"] a:last-child'),
  ];
   
  showChanneltalkElems.forEach(function (elem) {
    elem.addEventListener('click', function(event) {
      ChannelIO('showMessenger');
      event.preventDefault();
    });
  });
 
  /* Google Ads report functions */
  var ctaHrefs = [
    'https://whattime.co.kr/querydelivery/onboarding',
    'https://whattime.co.kr/querydelivery/user-interview',
    'https://app.query.delivery/people/new/'
  ];
  var reportCtaAndGo = function(ctaHref) {
    gtag('event', 'conversion', {
      'send_to': 'AW-315074317/LDOoCJKf-osDEI3OnpYB',
      'event_callback': function(data) {}
    });
    window.open(ctaHref);
  };
  
  ctaHrefs.forEach(function (ctaHref) {
    document.querySelectorAll('a[href="' + ctaHref + '"]').forEach(function(cta) {
      cta.addEventListener('click', function(event) {
        event.preventDefault();
        event.stopPropagation();
        reportCtaAndGo(ctaHref);
      });
    });
  });
</script>

매번 구현하지 말고 운영하세요

데이터베이스 탐색

사용자 값 - 쿼리 작성하기

대시보드

백오피스를 만드는데 필요한 기능이 없으시다고요?

투자 & 협력

백오피스, 빠르게 만들고 누구나 사용할 수 있게 하세요