웹 폼 공유하기

1. 웹 폼 링크 공유하기

공유를 희망하는 웹 폼의 상세 화면으로 이동합니다. 공유 탭에서 공유 링크를 복사하면, 웹 폼 링크가 클립보드에 저장되어 원하는 위치에 붙여넣을 수 있습니다.

2. 웹 폼 임베드하기

2-1. 웹 빌더에 웹 폼 임베드하기

Framer, webFlow 등 웹 빌더에 웹 폼을 임베드하는 경우를 알아봅니다.

1. 임베드 코드 복사

공유를 희망하는 웹 폼의 상세화면의 공유 탭에서 임베드 코드를 복사합니다.

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

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

3. HTML 코드 삽입

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

2-2. Notion에 웹 폼 임베드하기

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

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>