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

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

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

1. 임베드 코드 복사

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

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

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

3. HTML 코드 삽입

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

Notion에 임베드 하는 경우

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

1. Apption에서 변환

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

2. Notion에 URL 임베드

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

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

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

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

Last updated