HubSpot - CRM, 이메일 마케팅, 라이브 채팅, 양식 및 분석 플러그인을성공적으로 설치했으면 워드프레스 페이지와 글에 HubSpot 레거시 양식을 추가할 수 있습니다.
참고: 이 문서는 레거시 편집기로 작성된 기존 양식에 대해서만 참조용으로 제공됩니다. 현재 업데이트된 양식 편집기를 사용하여 만든 HubSpot 양식은 워드프레스 페이지나 글에 임베드할 수 없습니다. 업데이트된 양식 편집기를 사용하여 양식을 만들고 관리하는 방법에 대해 자세히 알아보세요.
워드프레스에서는 클래식 편집기 또는 구텐베르크 편집기를 통해 HubSpot 레거시 양식을 추가할 수 있습니다.
시작하기 전에
시작하기 전에 다음 사항에 유의하세요:
- 워드프레스 사이트에 양식을 임베드하는 경우 외부 스타일시트 내에 추가 CSS 선언을 적용하여 양식이 반응하도록 해야 할 수 있습니다.
- 워드프레스에서 양식이 작동하지 않거나 라이브 페이지를 볼 때 임베드 코드가 변경되는 경우 플러그인을 사용하여 양식을 삽입하여 임베드 코드가 그대로 유지되도록 해야 할 수 있습니다.
- Contact Form 7 또는 Ninja Forms와 같은 다른 양식 플러그인을 사용하는 경우에는 HubSpot에서 제출물을 수집할 수 있습니다. 지원되는 양식 표를 검토한 다음 비허브스팟 양식을 사용하는 방법을 알아보세요.
- 워드프레스에서 지원되는 비허브스팟 양식을 사용 중인데 제출 데이터가 허브스팟에 표시되지 않는다면 허브스팟-워드프레스 플러그인과 충돌하는 다른 워드프레스 플러그인이 설치되어 있는 것일 수 있습니다. 플러그인을 비활성화하거나 자주 묻는 질문을 검토하여 추가 문제 해결 단계를 확인하세요.
클래식 편집기
클래식 편집기를 사용하여 워드프레스 페이지와 글에 HubSpot 레거시 양식을 임베드하려면 다음과 같이 하세요:
- 워드프레스 계정의 왼쪽 사이드바 메뉴에서 HubSpot > 양식으로 이동합니다.
- 웹사이트에 추가하려는 양식 위로 마우스를 가져간 다음 임베드를 클릭합니다. 양식 만들기를 클릭하여 새 HubSpot 양식을 만들 수도 있습니다.
- 워드프레스 단축 코드를 클릭한 다음 복사를 클릭하여 임베드 코드를 복사합니다.
- 워드프레스 페이지 또는 글로 이동한 다음 페이지 편집기에 단축 코드를 붙여넣습니다.
- 페이지를 게시한 후 WordPress에서 양식에 대한 제출물을 확인합니다:
- 워드프레스 계정의 왼쪽 사이드바 메뉴에서 HubSpot > 양식으로 이동합니다.
- 양식 위로 마우스를 가져갑니다. 그런 다음 작업 드롭다운 메뉴를 클릭하고 제출 보기를 선택합니다. 양식 제출 분석에 대해 자세히 알아보세요.
구텐베르크 편집기
인라인 자바스크립트가 제거된 최신 버전의 구텐베르크를 사용하는 경우, 대신 구텐베르크용 인라인 JS 블록 플러그인을 사용하여 HubSpot 레거시 양식과 CTA를 페이지에 임베드하세요.
구텐베르크 편집기를 사용하여 워드프레스 페이지와 글에 HubSpot 레거시 양식을 삽입하려면 다음과 같이 하세요:
- 워드프레스 계정에서 페이지 또는 글로 이동합니다.
- 도구 모음에서 더하기 아이콘을 클릭합니다. HubSpot 양식 블록을 검색하고 클릭하여 콘텐츠에 추가합니다.
- 블록에서 기존 양식을 선택하거나 새 양식을 만들 수 있습니다:
- 기존 양식을 선택하려면 기존 양식 선택 드롭다운 메뉴를 클릭하고 양식을 선택합니다.
- 새 양식을 만들려면 왼쪽 사이드바 메뉴에서 HubSpot > 양식으로 이동하여 양식 만들기를 클릭합니다.
- 페이지를 게시한 후 워드프레스에서 양식에 제출된 내용을 확인합니다:
- 워드프레스 계정의 왼쪽 사이드바 메뉴에서 HubSpot > 양식으로 이동합니다.
- 양식 위로 마우스를 가져갑니다. 그런 다음 작업 드롭다운 메뉴를 클릭하고 제출 보기를 선택합니다. 양식 제출 분석에 대해 자세히 알아보세요.
Integrations
