일곱 가지 삽입 방식
인라인, 프레임, 팝업, 버블, 자체 실행 요소, 직접 링크, 기본 iframe.
보험 종목별
기본 삽입 방식은 div 하나와 script 태그 하나입니다. 계산기는 격리된 shadow DOM 안에서 렌더링되므로 사이트의 CSS가 계산기를 깨뜨릴 수 없고, 계산기도 사이트를 깨뜨리지 않습니다. 모든 웹사이트 빌더, HighLevel 퍼널과 웹사이트, 직접 작성한 HTML 페이지에서 작동합니다. 팝업, 버블, iframe, 직접 링크 방식도 있습니다.
단계별 작동 방식
공개된 계산기를 고르고 테마, 팔레트, 면책 문구를 설정한 뒤 리드를 보낼 곳을 정합니다.
인라인, 프레임 인라인, 팝업 버튼, 플로팅 버블, 자체 링크나 버튼, 직접 링크, 기본 iframe 중에서 고릅니다.
대시보드가 선택한 방식에 맞는 정확한 코드를 제공하며, 따로 설치할 것은 없습니다.
빌더의 사용자 지정 HTML 또는 코드 블록, HighLevel 퍼널의 사용자 지정 코드 요소, 또는 페이지 템플릿에 넣습니다.
계산을 실행하고 리드 양식을 제출한 뒤 이메일 알림과 webhook이 도착하는지 확인합니다.
제공 내용
인라인, 프레임, 팝업, 버블, 자체 실행 요소, 직접 링크, 기본 iframe.
shadow DOM이 사이트와 계산기가 서로를 깨뜨리지 않게 막습니다.
방문자가 입력하는 대로 숫자가 바뀌며 페이지를 새로 고치지 않습니다.
HighLevel 퍼널과 웹사이트를 포함해 사용자 지정 HTML을 받는 모든 페이지.
방문자가 링크를 복사하거나 지인에게 보내거나 결과를 인쇄할 수 있습니다.
생명보험 보장 필요액 페이지처럼 계산기를 중심으로 만든 페이지에는 인라인을 쓰십시오. 블로그 글처럼 계산기가 다른 콘텐츠를 보조하는 곳에는 팝업 버튼이나 자체 링크를 쓰십시오. 사이트 전체에서 쓰게 하려면 플로팅 버블을 쓰십시오. 직접 링크는 이메일, 문자, 소셜 프로필용으로 남겨 두십시오.
에이전시 웹사이트에는 수년간 쌓인 테마 CSS, 플러그인, 페이지 빌더 스타일이 있습니다. shadow DOM 안에서는 그런 스타일이 계산기 입력란에 닿지 못하고, 계산기 스타일도 밖으로 새어 메뉴나 푸터를 바꾸지 못합니다. 어느 사이트에 들어가든 대시보드에서 디자인한 모습 그대로 보입니다.
그 격리 덕분에 마케터는 테마별 특이점을 테스트하지 않고도 같은 계산기를 여러 고객 사이트에 넣을 수 있습니다. 시각적 조정은 필요할 때 쓰는 사용자 지정 CSS를 포함해 브랜드 및 테마 설정에서 합니다.
방문자가 이미 계산기가 답하는 질문을 하고 있는 곳에 두십시오. 생명보험이나 장애 소득 보장 같은 종목별 페이지, 보장이 얼마나 필요한지 다루는 블로그 글, 유료 캠페인 랜딩 페이지, 가입 후나 점검 시기 안내가 그런 곳입니다. 일반 도구 페이지에 묻힌 계산기는 찾는 사람이 적습니다.
HighLevel 퍼널에서는 계산기가 첫 단계의 단순한 옵트인 양식을 대신하고, 감사 페이지 단계에 예약 캘린더를 두는 경우가 많습니다. 어느 위치에서 리드가 나오는지 알 수 있도록 리드 유입 경로 추적과 함께 쓰십시오.
전체 기능
모든 리드가 방문자가 입력한 값과 결과를 담고 도착하므로, 첫 통화가 다섯 번째 질문부터 시작됩니다.
모든 리드는 붙여 넣은 webhook으로 JSON 형식으로 전송됩니다. HighLevel, Zapier, Make, 모든 HTTPS 엔드포인트가 가능합니다.
여러 계산기를 하나의 삽입 코드로 묶습니다. 플로팅 실행 버튼, 탭, 팝업 버튼, 카드 그리드 중에서 고릅니다.
테마, 색상 팔레트, 사용자 지정 글꼴, 라이트·다크 모드, 사용자 지정 CSS로 모든 계산기를 에이전시답게 꾸밉니다.
자주 묻는 질문
답변을 먼저, 세부 내용은 그다음에 드립니다.
대개 필요 없습니다. 웹사이트 빌더에서 사용자 지정 HTML이나 코드 블록을 추가할 수 있다면 직접 코드를 붙여 넣으면 됩니다. 사이트가 외부 스크립트를 차단하는 경우에만 개발자의 도움이 필요하며, 그때는 프레임이나 iframe 방식이 대안입니다.
다른 삽입 요소처럼 페이지에 스크립트 하나와 계산기 하나가 더해질 뿐입니다. 페이지를 가볍게 유지하려면 관련 있는 곳에만 인라인 계산기를 두고, 계산기가 보조 기능인 곳에는 팝업, 버블, 링크 방식을 쓰십시오.
예. 퍼널이나 웹사이트 단계의 사용자 지정 코드 요소에 코드를 붙여 넣으십시오. 많은 에이전시가 이후 webhook으로 같은 HighLevel 계정에 리드를 다시 보냅니다.
예. 각 사이트에 같은 코드를 붙여 넣으면, 각 위치에서 들어온 리드에 페이지 URL과 랜딩 페이지가 함께 기록되어 어느 사이트에서 나왔는지 알 수 있습니다.
계산기는 shadow DOM에서 실행되므로 사이트의 CSS가 안으로 들어가지 못합니다. 사이트 스타일시트 대신 대시보드의 테마, 팔레트, 글꼴, 사용자 지정 CSS로 모양을 조정하십시오.
계산기가 주된 콘텐츠인, 해당 질문 전용 페이지에는 인라인이 가장 좋습니다. 보장 필요액을 다루는 블로그 글처럼 계산기가 보조 기능인 페이지에는 팝업 버튼이 어울립니다.
예. "자체 링크 또는 버튼" 방식을 쓰면 사이트의 기존 버튼이나 링크로 계산기를 열 수 있어 디자인과 정확히 맞습니다.
예. 모든 계산기에는 이메일, 문자, 소셜 프로필, QR 코드에 넣을 수 있는 직접 링크가 있습니다. 문자로 보낸다면 메시지에 적용되는 수신 동의 규정을 따르십시오.
아닙니다. 보험 계산기는 무료 Producer 요금제를 포함한 모든 요금제에서 삽입할 수 있으며, 무료 요금제에서는 계산기 최대 5개와 위젯 1개를 이용할 수 있습니다. 유료 요금제는 이 한도를 늘립니다. 요금을 참고하십시오.
/ / 키를 눌러 검색
테마
색상 팔레트
글자 크기
이 기기에 저장됨