웹폼 제출 완료 이벤트 받기

웹폼 제출이 완료 되었을 때의 이벤트와 제출 정보를 받을 수 있습니다.

세일즈맵의 웹폼이 제출되고 제출이 성공적으로 완료되면 제출 완료 화면으로 넘어갑니다. 이때 세일즈맵 웹폼 화면에서 글로벌 이벤트를 발생시킵니다. 이 이벤트를 사용하면 제출 정보를 이용하여 커스텀한 자바스크립트 로직을 실행할 수 있습니다. 글로벌 이벤트는 window.postMessage() 를 사용합니다.

이벤트에 전달하는 정보는 다음과 같습니다. data 에는 웹폼의 라벨과 해당 라벨에 고객이 입력한 값이 전달됩니다.

{
    type: 'salesmapWebFormCallback',
    eventName: 'onFormSubmitted',
    id: 'Id of form submitted',
    data: {
        '이름': 'Salesmap',
        '이메일': '[e-mail]',
        ...
      }
  }

Example javascript

window.addEventListener('message', event => {
   if(event.data.type === 'salesmapWebFormCallback' && event.data.eventName === 'onFormSubmitted') {
        console.log("Form Submitted!")
        // 여기서 event.data.data의 정보를 사용하세요.
        // ex) const email = event.data.이메일 
   }
});