view 뷰를 변경하는 데 5 .

전체 마케팅 자동화를 위해 HubSpot을 웹 플로우에 연결하는 방법.

너무 오래 읽고 싶니?

아름다운 웹 사이트 ...하지만 고객이 완전히 잃어 버렸습니까? Web People 웹 플로우와 마케팅 팀이 실제로 만나는 문제.

이 상황에 두통이 있습니까? 웹 플로우에 아름답고 현대적이고 빠른로드로 설계된 웹 사이트가 있습니다. 그러나 실제로 사용하면 웹의 양식을 통해 채우는 고객 정보가 흩어져 있습니다! 마케팅 팀은 수동 정보가 하나씩 기다려야합니다. HubSpot에 넣을 수 있습니다. 영업 팀은 각 리드의 기원을 알지 못합니다. 특히, 마지막으로 납은 공중에 떨어졌습니다. 팔로우하지 않는다 (양육)은 ... 당신이 고개를 끄덕이면 당신이 올바른 장소에 왔음을 보여주십시오.

삽화를위한 프롬프트 : 산란 된 정보로 작업 해야하는 마케팅 팀의 과민성을 보여주는 이미지. 한쪽은 아름다운 웹 흐름 화면입니다. 다른 쪽은 지저분한 Excel 테이블이며 리드 아이콘이 사라졌습니다.

WebFlow와 Hubspot이 서로 대화하지 않는 이유는 무엇입니까? 데이터가 연결되지 않은 이유를 잠금 해제하십시오

많은 사람들이 종종 최고의 2 개의 최고의 도구 (웹 플로우 및 마케팅 용 Hubspot)를 사용하는 것만으로 모든 것이 자동으로 함께 작동한다고 오해합니다. 그러나 실제로이 두 플랫폼은 "섬"과 같습니다. 웹 플로우는 유연하고 아름다운 디자인의 섬입니다. Hubspot 은이 두 섬을 연결하는 올바른 "브리지"가없는 정보 및 자동 자동 시스템의 섬입니다. 정보는 서로 여행 할 수 없습니다. 주된 이유는 다음과 같습니다.

  • 완전히 분리 된 시스템 : WebFlow는 홈 (웹 사이트 및 양식)을 관리하는 반면 HubSpot은 뒷마당 (CRM & Automation)을 자연스럽게 관리하지만 한 번의 클릭으로 연결되도록 만들어지지 않습니다.
  • 기술 단지 : 많은 사람들이 시스템을 연결하는 것이 어렵다고 생각합니다. 프로그래머를 사용하여 복잡한 코드를 작성해야하므로 더 쉽기 때문에 작업 설명서를 계속하도록 선택합니다.
  • 더 쉬운 방법이 있는지 모르겠습니다. 좋은 소식은 항상 코드를 작성할 필요가 없다는 것입니다! 내가 생각하는 것보다 쉽게이 "브리지"를 만드는 데 도움이되는 도구와 방법이 있습니다.

그림을위한 프롬프트 : "웹 플로우 아일랜드"라는 2 개의 섬지도와 "허브 스팟 섬"이라는 큰 공간이 분리되어 있습니다. 아직 연결되지 않은 시스템을 전달합니다

떠나 ... 당신이 생각하는 것보다 손상! 마케팅 데이터가 "사일로"일 때의 영향

웹 웹 플로 및 HubSpot의 마케팅 자동화 시스템에서 고객 정보를 개별적으로 허용 할뿐만 아니라 팀을보다 피곤하게 만들지 않고. 그러나 그것은 당신이 기대하지 않는 비즈니스에 직접적인 영향을 미칩니다.

  • 잃어버린 비즈니스 기회 (잃어버린 리드) : 양식을 작성하는 리드를 따르지 않을 수 있습니다. 또는 고객이 경쟁사에게 갈 때까지 너무 늦게 따르십시오.
  • 방향이없는 마케팅 : 당신은 어떤 기사 리드가 읽기에 관심이 있는지 모릅니다. 또는 연락하기 전에 웹의 제품 페이지를 확인하여 리드를 육성하거나 뿌릴 이메일을 보낼 수 있습니다.
  • ROI를 측정 할 수 없습니다 : 광고에 돈을 얼마나 쓰나요? 그러나 고객 여정 데이터가 누락 되었기 때문에 리드의 품질이 얼마나되었고 어떤 캠페인이 가장 좋은 결과인지 명확하게 알 수 없습니까?
  • 열악한 고객 경험 : 고객이 데모의 형태를 작성한다고 생각하지만 대신 관심이있는 것과 관련이없는 일반적인 기사를 추천하기 위해 이메일을 받았습니다. 처음부터 좋은 경험을 만드는 것은 매우 중요합니다. 특히 프로세스 고객 온 보딩

삽화를위한 프롬프트 : 리드 형태의 아이콘과 돈이있는 큰 새는 물 파이프 이미지와 그 누출에서 흘러 나옵니다. 기회와 예산의 상실을 전달합니다

해결책이 있습니다! 웹 플로를 HubSpot에 연결하는 2 가지 주요 방법 (및 시작 방법)

이 두 섬을 함께 연결하는 "다리"를 만들 시간입니다! 웹 플로를 가장 인기 있고 효과적인 허브 스팟과 연결하는 방법. 두 가지 주요 방법이 있으며 각 방법은 다른 장점이 있습니다.

  1. 방법 1 : 직접 통합 -이 메소드에서 시작하는 것이 좋습니다!
    이것은 HubSpot의 "추적 코드"를 웹 플로우 웹 사이트에 묻히고 원래 웹 플로우 양식 대신 "HubSpot Forms"를 사용하는 가장 쉽고 강력한 방법입니다. 이를 통해 HubSpot은 웹 사이트의 모든 사람의 동작을 자세히 추적 할 수 있습니다. 양식을 작성하는 모든 정보는 실시간 허브 스팟 CRM으로 전송됩니다.
  2. 방법 2 : 미들웨어 통합.
    Zapier 또는 intembermat 와 같은 매체를 사용하여 웹 플로에서 HubSpot으로 정보를 보내는 것입니다 웹 플로 도구를 사용하면 여러 단계로 교환해야하며 중개자의 추가 비용이 발생할 수 있습니다.

제안 : 비즈니스의 90%의 경우 방법 1 (직접 연결) . 가장 깊은 데이터 (전체 고객 여행 추적)를 제공하기 때문입니다. 설정하기 쉽고 HubSpot의 전력을 최대로 사용할 수 있습니다.

그림의 프롬프트 : 다이어그램 이미지 2 가지 방법을 비교합니다. 첫 번째 방법은 웹 플로에서 hubspot (직접 통합)에 이르기까지 직선이며, 두 번째 방법은 웹 플로와 HubSpot (미들웨어 통합) 사이의 중간에 Zapier 로고가 있습니다.

성공의 예 : B2B 기술 회사가 품질 리드를 증가시킬 때 250%

더 명확하게하기 위해 B2B 소프트웨어 서비스를 제공하는 기술 회사의 예를 제시하고 싶습니다. 그들은 웹 플로에서 우수한 컨텐츠 허브를 일관된 고객 지식을 제공하지만 문제는 "누가 무엇을 읽었는지 알지 못합니다"와 모두 같은 리드입니다.

연결하기 전에 : 영업 팀은 이메일 이름과 전화 번호 만 받았습니다. 리드가 기사를 읽었다는 것을 알지 못하고 웹 플로우 웹 사이트에서 "견적 요청". "기능 비교"또는 전에 "사례 연구"에 들어간 적이 있습니까? 말하기가 어렵습니다

HubSpot과의 웹 플로 연결 후 : 추적 코드를 매장하고 완료 되 자마자 HubSpot 양식으로 전환했습니다. 기적이 일어났다! 이제 새로운 리드가 영업 팀에 들어갔을 때 HubSpot에서 해당 리드의 모든 "타임 라인 활동"을 볼 수 있습니다.

  • "아! 쿤 A는이 페이스 북 캠 캠페인에서 나온다."
  • "그는 특히 자동화 된 워크 플로에 대한 기사에 관심이 있습니다. 3 개의 기사를 읽으십시오."
  • "그는 우리의 가격 책정 페이지도 2 번 보았다!"

결과 : 영업 팀은 대화를 직접 열 수 있습니다. ( "나는 당신이 우리의 자동화에 특히 관심이 있다는 것을 알 수 있습니다 ...") 고객은 회사가 회사가 자신의 문제를 실제로 이해하고, 리드에서 리드에서 펙트 페일 데모로의 전환율이 25% 증가하여 더 빨리 폐쇄 될 수 있다고 느끼게합니다. 그들은 "예"품질 리드에 집중할 수 있기 때문입니다

그림을위한 프롬프트 : Hubspot 화면 고객의 타임 라인 활동을 보여주는 "보기 페이지 : /blog /x", "보기 페이지 : /가격", "채워진 양식 : Demo Request"와 같은 다양한 활동이 있습니다.

손을 잡으세요! HubSpot을 단계별 웹 플로에 연결하는 방법 (즉시 사용할 수 있음).

아직 할 준비가 되었습니까? 직접 연결하는 방법 (직접 통합)을 살펴 보겠습니다. 이는 철저히 가장 좋은 방법입니다. 생각보다 쉽다고 말할 수 있습니다!

1 단계 : HubSpot 추적 코드를 검색하고 복사합니다

  1. HubSpot 계정에 로그인하십시오
  2. 오른쪽 상단의 설정 아이콘 (설정)을 클릭하십시오.
  3. 추적 및 분석> 추적 코드 로 왼쪽 메뉴에서
  4. "Embed Code"라는 코드 박스가 표시됩니다. 해당 상자의 모든 코드를 복사합니다.

2 단계 : 추적 코드를 사용하여 웹 플로에 포함됩니다.

  1. 웹 플로 프로젝트를 열고 디자이너가 아닌 사이트 설정
  2. 사용자 정의 코드 탭을 선택하십시오.
  3. 헤드 코드 라는 채널에 HubSpot에서 복사 된 코드를 넣으십시오.
  4. 변경 사항 저장을 누르고 웹 사이트를 다시 게시하십시오 팔로어 설치를 완료했습니다!

3 단계 : HubSpot에서 양식을 만듭니다.

  1. 으로 HubSpot으로 돌아갑니다 .
  2. 새 양식 (양식 작성)을 만들고 내장 형식 유형을 선택하십시오.
  3. 이름, 성, 이메일과 같은 원하는 배치 양식을 설계하며 메시지 채널이있을 수 있습니다.
  4. "무료 데모 받기"또는 "전자 책 다운로드"와 같이 흥미로운 버튼 호출-chance의 텍스트를 조정하십시오
  5. 디자인이 완료되면 오른쪽 상단의 업데이트 또는 게시

4 단계 : HubSpot 양식을 가져와 웹 플로우 디자이너에 포함시킵니다.

  1. HubSpot의 양식에서 공유 하고 양식의 "포함 코드"를 복사하십시오.
  2. 웹 플로 디자이너 로 돌아갑니다 당신의 의무를 엽니 다. 당신은 양식을 작성하고 싶습니다 (예 : 연락처).
  3. 추가 요소 패널 ( + + 버튼)에서 포함 된 도구를 원하는 위치로 드래그하십시오.
  4. 창문이 열릴 것입니다. HubSpot에서 복사 된 코드를 가져와 Save & Close를 누르십시오.
  5. 웹 사이트를 다시 게시하십시오 . 그리고 실제 웹 사이트를 열려고 노력하십시오. Hubspot의 양식이 나타납니다!

이 웹 플로우 웹 사이트는 이미 HubSpot에 연결되었습니다. 채워진 모든 정보는 추적 데이터를 통해 즉시 CRM에 실행되므로 리드 육성 자동화가 쉬워집니다!

그림을위한 프롬프트 : 이해하기 쉬운 4- 스텝 인포 그래픽 이미지. 각 단계의 아이콘 (아이콘 코드, 웹 플로 설정 아이콘, 허브 스팟 양식, 요소 아이콘

사람들이 웹 플로 및 hubspot 연결에 대해 의심하는 경향 (FAQ)

Q1 : 웹 플로우와 허브 스팟을 사용해야합니까?

A : 사용자 정의 코드 기능을 사용하여 추적 코드를 포함 할 수 있도록 돈을 잃을 계획 (핵심 계획) 추적 코드와 사용할 양식이있는 무료 계획으로 시작할 수 있습니다

Q2 : HubSpot 양식의 디자인을 웹 사이트에 조정할 수 있습니까?

A : 예, HubSpot 형식에는 "스타일"탭이있어 브랜드와 일치하도록 색상, 글꼴 및면을 어느 정도 조정할 수 있습니다. 그러나 실제로 사용자 정의하고 싶다면 코드를 직접 작성하려면 CSS 지식이 약간 필요할 수 있습니다.

Q3 : 원래 웹 흐름 양식의 정보는 어떻게됩니까?

A : 웹 플로에 있었던 이전 데이터는 같은 장소에 남아 있습니다. CSV 파일로 내보내고 HubSpot으로 가져와 모든 고객 정보를 한 곳에 결합 할 수 있습니다.

Q4 :이 코드가 웹을 느리게 만들까요?

A : HubSpot의 추적 코드는 비동기처럼 작동하도록 설계되었습니다. 즉, 메인 디스플레이를 방해하지 않고 웹 사이트의 다른 부분과 함께로드되므로 웹 속도에 대한 영향은 매우 작습니다. 거의 느끼지 않을 때까지

그림을위한 프롬프트 : 웹 플로 및 허브 스팟 로고가있는 큰 질문 아이콘 (?).

요약 : 오늘 아름다운 웹 사이트를 오늘 리드 프로덕션 머신으로 변경하십시오!

HubSpot과의 웹 플로 연결은 더 이상 무서운 기술적 문제가 아니지만 디지털 세계에서 진지하게 성장하려는 모든 비즈니스에 "필요한 투자"입니다. 추적 코드를 설치하고 HubSpot 양식으로 전환하는 데 약간의 시간이 걸리면 이전에받지 못한 마케팅 잠재력이 잠금 해제됩니다.

수동 근무 시간을 중단하고 오류로 가득 차고 360도 고객의 고객 여정을보기 시작하며 실제로 고객 인 자동 마케팅 캠페인을 만들 수 있습니다. 아름다운 웹 플로우 웹 사이트를 하루 24 시간 동안 당신에게 적합한 "품질 리드 프로덕션 기계"로 변경해야합니다.

기다리지 마세요! 권장하는 단계를 가져 오십시오. 데이터 중심 시장이 얼마나 강력한 지 알 수 있습니다. 보다 복잡한 자동화 시스템을 설정하는 데 도움이 필요한 전문가가 필요한 경우 N8N 자동화 전문가 팀이 또는 처음 웹 플로우 웹 사이트 디자인 및 개발 서비스 당신을 만날 준비가되어 있습니다!

삽화를위한 프롬프트 : 웹 플로우의 배경으로 품질 리드 수의 성장을 보여주는 그래프 이미지 및 손을 단단히 고정하는 Hubspot 로고

공유하다

최근 블로그

웹 플로 vs 프레임 : 빠르게 성장하려는 스타트 업 웹 사이트를 만드는 데 적합한 플랫폼은 무엇입니까?

오프닝 속도, 미용 및 스케일 능력을 강조하는 스타트 업을 위해 충격, 웹 플로우 및 프레이머 사이의 충격을 비교하십시오.

웹의 "핵심 웹 생명체". 기업 : 속도가 신뢰성과 판매에 영향을 미치는 이유는 무엇입니까?

웹 속도는 기술적이지 않습니다! 핵심 웹 생명 (LCP, INP, CLS)은 SEO 순위, 사용자 경험 및 조직 웹의 이익에 영향을 미치는 것입니다.

웹 사이트 바닥 글을 "웹 끝에서"더 "디자인하는 방법"이지만 "리드 도구"입니다.

바닥 글을 내려다 보지 마십시오! UX를 개선하고 SEO를 보충하며 방문자를 리드로 바꾸는 데 도움이되는 웹 사이트 바닥 글 디자인 기술 모음.