세일즈맵 가이드북
도입문의블로그가이드 영상
세일즈맵 가이드북
세일즈맵 가이드북
  • Welcome
  • 시작하기 🚀
    • 세일즈맵 시작하기
    • 메일 발송 시 도메인 설정
    • 세일즈맵 용어 사전
  • 마케팅 💌
    • 리드 수집
    • 리드 관리
    • 리드 스테이지
  • 웹폼 📝
    • 웹폼
    • 웹폼 필드
    • 웹폼 제출 정보 GA에 전송하기
    • 웹폼에 UTM paramter 전달
    • 홈페이지 내 웹폼 임베드 작업
  • 세일즈 💼
    • 딜 파이프라인 관리
    • 견적서 관리
    • 견적서 템플릿
    • 상품 변형
  • 컨택 🧑‍🤝‍🧑
    • 컨택
  • 병합 📁
    • 병합
  • 뷰 📚
    • 뷰 구성요소
    • 뷰 관리
  • 알림톡 💬
    • 알림톡 기능은
    • 알림톡 시작하기
      • 비즈니스 채널 생성하기
      • 세일즈맵과 연동하기
    • 템플릿
      • 0. 템플릿 심사 기준
      • 1. 템플릿 생성
      • 2. 템플릿 설정
      • 3. 메시지 설정
      • 4. 템플릿 심사
    • 알림톡 사용하기
      • 알림톡 / 알림톡 보내기
      • 자동화 / 시퀀스
      • 자동화 / 워크플로우
  • 미팅 🤝
    • 미팅 기능은
    • 미팅 시작하기
    • 미팅 관리하기
    • 미팅 생성하기
      • 1. 미팅 유형 선택
      • 2. 미팅 기본정보 입력
      • 3. 미팅 일정 입력
      • 4. 미팅 설문 입력
      • 5. 추가 설정 입력
    • 미팅 배포하기
    • 세일즈맵 기능과 연동하기
  • 일정 📆
    • TODO
    • 캘린더
  • 자동화 💡
    • 시퀀스
    • 워크플로우
    • 시퀀스와 워크플로우 활용
  • 문서 📄
    • 문서 시작하기
    • 문서 관리하기
    • 문서 만들기
    • 문서 공유하기
    • 세일즈맵의 다른 기능과 연계하기
  • 이메일 📬
    • Gmail 연동
    • 이메일 관리
  • SMS 📧
    • 바로빌 연동
    • SMS 관리
  • 노트 🗒️
  • 개인 설정 💁‍♀️
    • 연동
    • 이메일 연동
    • 재피어 연동 예시
    • 그룹메일 연동
    • 알림 관리
    • 보안 설정
  • 회사 설정 🏢
    • 데이터 필드 관리
      • 데이터 필드 생성 및 삭제
      • 리드/딜 데이터 필드
      • 고객 데이터 필드
      • 회사 데이터 필드
      • 계산 유형의 데이터 필드
      • 계산 유형의 연산자와 함수
    • 레이아웃 관리
    • 데이터 가져오기
    • 슬랙 연동
    • Microsoft Teams 연동
    • 잔디 연동
    • 문자 메세지(SMS) 연동
    • 마케팅 이메일 도메인 연동
    • 사용자 관리
    • 법인 정보 관리
    • 워크스페이스 및 보안 관리
  • 대시보드 📊
    • 대시보드
    • 일반 레포트 그래프
    • 일반 레포트 그래프 예시
    • 일반 레포트 테이블
    • 매출 레포트
    • 상품별 매출 레포트
    • 퍼널 레포트
    • MRR 레포트
  • 💻세일즈맵 API
    • API 문서
Powered by GitBook
On this page
  • Framer, webFlow 같은 웹 빌더에 임베드 하는 경우
  • 1. 임베드 코드 복사
  • 2. Framer에서 임베드 컴포넌트 추가
  • 3. HTML 코드 삽입
  • Notion에 임베드 하는 경우
  • 1. Apption에서 변환
  • 2. Notion에 URL 임베드
  • 3. UTM 파라미터 추가 (선택 사항)

Was this helpful?

  1. 웹폼 📝

홈페이지 내 웹폼 임베드 작업

웹폼을 웹사이트에 임베드하는 방법은 사용 중인 웹 빌더나 툴에 따라 다릅니다. 아래는 Framer와 Notion을 예시로 각각의 방법을 설명합니다.

Previous웹폼에 UTM paramter 전달Next딜 파이프라인 관리

Last updated 7 months ago

Was this helpful?

Framer, webFlow 같은 웹 빌더에 임베드 하는 경우

1. 임베드 코드 복사

세일즈맵 웹폼의 공유 탭에서 임베드 코드를 복사합니다.

2. Framer에서 임베드 컴포넌트 추가

Framer에서 Embed 컴포넌트를 선택해 웹페이지에 추가합니다. WebFlow 등 다른 웹 빌더를 사용하는 경우에도 외부 코드를 추가할 수 있는 컴포넌트를 선택하세요.

3. HTML 코드 삽입

Embed 컴포넌트 내에 HTML 코드를 추가할 수 있는 영역에, 복사한 웹폼의 임베드 코드를 붙여넣습니다. 이렇게 하면 웹폼이 성공적으로 임베드됩니다.

Notion에 임베드 하는 경우

Notion의 경우 세일즈맵 웹폼의 HTML 임베드 코드를, 노션에 변형해 주는 중간 작업이 필요합니다.

1. Apption에서 변환

2. Notion에 URL 임베드

생성된 URL을 복사해 Notion 페이지에 붙여넣으면 웹폼이 임베드됩니다.

3. UTM 파라미터 추가 (선택 사항)

만약 트래킹을 위해 UTM 파라미터를 추가하고 싶다면, 생성된 URL 뒤에 원하는 UTM 정보를 입력하면 됩니다. 예를 들어:

ex)<https://apption.co/embeds/95028348?utm_source=apption&utm_campaign=C0001>

에 접속해, 세일즈맵 웹폼의 임베드 코드를 붙여넣습니다. Apption이 이 코드를 Notion에 적합한 URL로 변환해줍니다.

apption.co
임베드 코드 복사
임베드 컴포넌트 추가
HTML 코드 삽입
Notion 임베드1
Notion 임베드2