HubSpot 페이지의 양식 설정 및 스타일 지정

HubSpot에서 양식을 만든 후에는 HubSpot 페이지의 모든 양식 모듈에 추가할 수 있습니다. 각 페이지에서 양식이 제출된 후 발생하는 작업을 구성하고 제출 버튼 및 양식 필드와 같은 양식 요소의 스타일을 사용자 지정할 수도 있습니다.

시작하기 전에

HubSpot 페이지에서 양식을 설정하기 전에 다음 사항에 유의하세요:

• 설정 및 스타일 변경 사항은 선택한 페이지의 양식 모듈에만 적용됩니다. 설정 및 스타일 변경 사항은 다른 페이지의 양식에는 영향을 미치지 않습니다.
• 양식 필드와 같은 양식 콘텐츠를 업데이트하면 임베드된 양식이나 독립형 양식 페이지를 포함한 다른 모든 페이지의 양식도 업데이트됩니다.

HubSpot 페이지에서 양식 설정하기

1. 콘텐츠로 이동합니다:

   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
2. 페이지의 이름을 클릭합니다.
3. 콘텐츠 편집기에서 양식 모듈을 클릭합니다. 현재 페이지에 양식 모듈이 없는 경우 페이지에 모듈을 추가하는 방법을 알아보세요 .
4. 사이드바 편집기의 콘텐츠 탭에서 이 페이지에 대한 양식 설정을 사용자 정의합니다:

1. • 양식 제목: 양식의 이름을 입력합니다.
   • 양식: 이 페이지의 양식을 선택합니다.
     • 기존 양식을 사용하려면 드롭다운 메뉴를 클릭하고 양식을 선택합니다.
     • 새 양식을 만들어 사용하려면 작업을 클릭합니다. 그런 다음 새 양식 만들기를선택합니다 . 양식 설정에 대해 자세히 알아보세요.
     • 이 양식의 제출물을 보려면 작업을 클릭합니다. 그런 다음 양식 제출 보기를 선택합니다.

• • • 양식 편집기에서 양식을 편집하려면 작업을 클릭합니다. 그런 다음 양식 편집기로 이동을 선택합니다.

양식 자동화 구성하기

양식 자동화, 후속 이메일 및 양식과 관련된 모든 워크플로를 관리할 수 있습니다. 등록 트리거에는 다음과 같은 동작이 적용됩니다:

• 양식 모듈의 자동화 설정에 워크플로가 추가되면 해당 양식 제출 등록 트리거가 워크플로우에 추가됩니다.
• 양식 모듈의 자동화 설정에서 워크플로우를 제거하면 워크플로우의 등록 트리거에서도 워크플로우가 제거됩니다.
• 워크플로우에 사용되는 양식 등록 트리거가 페이지를 지정하지 않는 경우에는 페이지에서 트리거를 제거할 수 없으며 대신 워크플로우에서 제거해야 합니다.

양식에 대한 자동화 설정을 구성하려면 왼쪽 패널에서 양식 자동화를 클릭하여 섹션을 확장한 다음 다음 자동화 옵션을 검토합니다:

• 이메일 후속 조치: 양식을 제출한 방문자에게 후속 이메일을 보냅니다. 후속 이메일은 마케팅 연락처로만 보낼 수 있습니다.
  • 후속 이메일을 추가하려면 다음과 같이 하세요:
    • 이메일 선택 +를 클릭합니다.
    • 대화 상자에서 이메일 선택 드롭다운 메뉴를 클릭하고 기존 자동 이메일을 선택하거나 새 이메일 생성을 클릭하여 새 자동 이메일을 만듭니다.
    • 저장을 클릭합니다. 선택한 후속 이메일이 왼쪽 패널에 표시됩니다.
    • 후속 이메일을 설정한 후 오른쪽 상단에서 게시 또는 업데이트를 클릭하여 이러한 변경 사항을 실시간으로 적용합니다. 후속 이메일은 변경 사항이 게시될 때까지 사용 설정되지 않습니다.

• • 사용 중인 후속 이메일을 변경하려면 이메일 위에 마우스를 갖다 대고 이메일 옆에 있는 연필 아이콘을 클릭합니다.
  • 후속 이메일을 제거하려면 이메일 위에 마우스를 갖다 대고 이메일 옆의 X 아이콘을 클릭합니다. 이메일이 더 이상 표시되지 않습니다.

• 연결된 워크플로: 양식을 등록 트리거로 사용하는 모든 워크플로 및 간단한 워크플로가 표시됩니다. 양식과 함께 자동화를 사용하는 방법에 대해 자세히 알아보세요.
  • 워크플로우에서 양식을 트리거로 사용하려면 워크플로우에 양식 추가 또는 다른 워크플로우에 양식 추가를 클릭합니다.
    • 워크플로우에 양식 추가를 클릭합니다.
    • 기존 워크플로를 선택하거나 새 워크플로 만들기를 클릭하여 새 워크플로를 만듭니다. 새 워크플로를 만드는 경우에는 워크플로를 설정한 다음 랜딩 페이지 또는 웹사이트 페이지의 양식 모듈로 돌아갑니다.
  • 다른 워크플로를 추가하려면 다른 워크플로에 양식 추가를 클릭한 다음 기존 워크플로를 선택하거나 새 워크플로 만들기를 클릭합니다.
  • 워크플로우에서 트리거로 양식을 제거하려면 워크플로 위에 마우스를 갖다 대고 워크플로 옆에 있는 삭제 아이콘을 클릭합니다.

추가 양식 옵션 구성하기

양식 알림 수신자 선택과 같은 추가 설정을 구성할 수도 있습니다. 또한 HubSpot-Salesforce 연동 서비스를 설치한 경우 양식을 활성 Salesforce 캠페인과 연결할 수도 있습니다.

양식의 추가 옵션을 구성하려면 왼쪽 패널 하단으로 스크롤한 다음 다음 옵션을 구성합니다:

• 양식 기본값 대신 지정된 이메일 주소로 양식 알림 보내기: 기본적으로 양식 제출 알림은 양식의 옵션 탭에 추가된 모든 수신자에게 전송됩니다. 양식의 기본 수신자를 덮어쓰고 이 페이지에서 제출에 대한 알림 수신자를 선택하려면 다음과 같이 하세요:
  • 양식 기본값 대신 지정된 이메일 주소로 알림 보내기 스위치를 클릭하여 전환합니다.
  • 이메일 주소 드롭다운 메뉴를 클릭하고 수신자를 선택합니다. HubSpot 사용자만 양식 알림 수신자로 선택할 수 있습니다.
  • 수신자를 제거하려면 수신자의 이메일 주소 옆에 있는 X 아이콘을 클릭합니다.
• Salesforce캠페인: Salesforce 연동이 설정되어 있는 경우 드롭다운 메뉴를 클릭하고 캠페인을 선택하여 양식을 활성 Salesforce 캠페인과 연결할 수 있습니다. 양식을 Salesforce 캠페인과 연결하는 방법에 대해 자세히 알아보세요.

HubSpot 페이지에서 양식 스타일 지정

전체 양식의 스타일을 사용자 지정하고 제출 버튼이나 양식 필드에 특정 스타일을 변경할 수 있습니다. 양식의 스타일을 사용자 지정하려면 다음과 같이 하세요:

1. 콘텐츠로 이동합니다:
   • 웹사이트 페이지로 이동합니다: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
2. 페이지 이름을 클릭합니다.
3. 콘텐츠 편집기에서 양식 모듈을 클릭합니다. 현재 페이지에 양식 모듈이 없는 경우 페이지에 모듈을 추가하는 방법을 알아보세요 .
4. 사이드바 편집기 상단에서 스타일 탭을 클릭합니다.
5. 모듈, 필드 또는 버튼 탭을 클릭하여 스타일을 지정하려는 양식의 요소를 선택합니다.
6. 아래의 텍스트 및 정렬 옵션을 사용하여 선택한 양식 요소를 사용자 지정합니다.
7. 오른쪽 상단에서 게시 또는 업데이트를 클릭하여변경 사항을 페이지에 실시간으로 적용합니다.

참고: HubSpot 페이지에 표시되는 양식은 페이지 단위로만 사용자 지정 스타일을 지정할 수 있습니다. 외부 페이지 또는 독립형 양식 페이지에 포함된 양식은 양식 편집기에서 스타일을 지정하거나 외부 스타일시트에서 CSS로 스타일을 지정해야 합니다.