HubSpot에 맞춤형 이미지를 추가하는 방법

HubSpot 연락처 속성을 이미지의 텍스트로 변환하여, 하나의 이메일 디자인으로 모든 연락처에게 이름, 회사명 또는 도시명을 언급하며 인사할 수 있도록 합니다.

텍스트뿐만 아니라 HubSpot 연락처 데이터도 이미지에 직접 적어주세요.

HubSpot에서는 개인화 토큰이 리치 텍스트 모듈과 제목란에 적용됩니다. Sendtric 맞춤형 이미지 대신 아트웍에 동일한 연락처 정보를 적용합니다. 예를 들어, 초대장에는 이름을, 모형도에는 회사명을, 지도 그래픽에는 도시명을 표시하는 식입니다. 이 이미지는 수신자가 이메일을 열었을 때 생성됩니다.

배경 이미지와 그 위에 동적 텍스트 레이어가 있는 Sendtric의 이미지 맞춤 설정 편집기

HubSpot에서 맞춤형 이미지를 활용해 할 수 있는 일

  • 계정 기반 홍보: 제품 스크린샷이나 브랜드가 표시된 환영 카드에 연락처의 회사명을 표시하세요.
  • 행사 초대장: 연락처의 이름과 행사 개최 도시가 표시된 티켓 형식의 이미지.
  • 고객의 주요 성과: 연락처의 이름과 ‘고객 가입 연수’와 같은 사용자 정의 속성의 값이 포함된 기념일 그래픽.
  • 갱신 알림: 갱신 배너에 기재된 연락처 속성의 플랜 또는 제품명.
계획사용자 정의 텍스트 레이어이미지 레이어
Free1No
Micro2No
Standard4Yes
권력과 기업20Yes

HubSpot에 맞춤형 이미지를 추가하는 방법

1단계: 이미지 생성 및 동적 텍스트 추가

Sendtric에서 열기 이미지 맞춤 설정, 클릭 새로 만들기 그리고 배경을 선택하세요. 다음을 추가하세요. 동적 텍스트 레이어, 변수 이름을 지정합니다(예: company)에 HubSpot 토큰을 입력하고 ESP 태그 병합, 예를 들어 {{ contact.company }} 또는 {{ contact.firstname }}. HubSpot이 연결되면, HubSpot 태그 둘러보기 사용자 정의 속성을 포함하여 실제 연락처 속성을 나열합니다.

Sendtric의 ‘동적 텍스트 추가’ 창에는 변수 이름, 설계 값, 텍스트 대소문자 설정 및 ESP 태그 병합 필드가 있습니다.

2단계: 가독성이 좋은 대안 코드를 작성하세요

세트 대안 텍스트 속성이 비어 있는 연락처의 경우. 텍스트 레이어 전체를 대체하므로, 단순히 “팀”이라고만 쓰지 말고 “팀에 오신 것을 환영합니다”와 같이 완전한 문장을 작성해 주세요.

3단계: 스타일 지정, 크기 조정 및 저장

글꼴과 색상을 선택하고, 텍스트 상자의 크기는 예상되는 가장 긴 회사 이름에 맞춰 설정하세요. 긴 값은 축소되지 않고 줄바꿈되기 때문입니다. 클릭 저장.

4단계: 코드를 HubSpot에 반영하기

클릭 HubSpot으로 전송 이 이미지를 계정에 재사용 가능한 이메일 모듈로 추가하려면 (유료 HubSpot 요금제). 또는 다음을 클릭하세요 코드 복사: 코드에는 이미 HubSpot 토큰이 URL 매개변수로 포함되어 있습니다.

Sendtric에서 태그 병합 매개변수가 포함된 맞춤형 이미지의 삽입 코드와 ‘코드 복사’ 버튼

복사한 코드의 경우, 이메일 마케팅 이메일을 열고 다음을 클릭하세요. 더 보기 에서 내용 탭을 누른 상태에서 HTML - 이메일 모듈을 제자리에 배치합니다. 코드를 HTML 상자.

Sendtric 코드가 붙여넣어진 HubSpot의 ‘HTML 편집’ 패널과 이메일 미리보기 화면에 표시된 위젯

5단계: 다른 연락처로 미리 보기

열기 미리 보기 및 테스트, 선택하세요 연락처로 미리 보기 그리고 해당 속성이 입력된 사람을 한 명, 그 다음에는 해당 속성이 없는 사람을 한 명 선택하세요. 마지막으로 테스트 이메일 보내기 실제 받은 편지함에서 완성된 이미지를 확인하려면.

속성의 내부 이름을 사용합니다

HubSpot 토큰은 속성의 내부 이름을 사용하며, 이는 레이블과 다를 수 있습니다. “Customer Since”라는 레이블이 지정된 사용자 정의 속성은 다음과 같을 수 있습니다. {{ contact.customer_since }}. HubSpot 태그 둘러보기 올바른 이름이 표시되는지 확인하거나, HubSpot 속성 설정에서 확인해 보세요.

해당 모듈이 없다면

모든 HubSpot 구독에 해당 항목이 표시되는 것은 아닙니다. HTML - 이메일 모듈. HubSpot은 마케팅 허브 프로페셔널 및 기업 버전에서만 사용자 지정 이메일 모듈을 사용할 수 있도록 제한하고 있으므로, 만약 다음 위치에서 해당 모듈을 찾을 수 없다면 더 보기, HubSpot에 어떤 요금제에 해당 기능이 포함되어 있는지 문의해 보세요.

토큰과 대안에 대한 자세한 내용: 맞춤형 이미지에서 태그 병합과 대체 텍스트를 사용하는 방법.

HubSpot 맞춤형 이미지 자주 묻는 질문

어떤 토큰을 사용하면 연락처의 이름을 알 수 있나요?

{{ contact.firstname }}. 성은 {{ contact.lastname }}, 회사 {{ contact.company }} 및 도시 {{ contact.city }}.

연락처 속성뿐만 아니라 회사 속성도 사용할 수 있나요?

네, 다음과 같은 토큰들, 예를 들어 {{ company.name }} 문의하기 페이지에서 문의하기 버튼을 클릭하여 문의하십시오.

HubSpot에서 기본값을 설정해야 할까요, 아니면 Sendtric에서 대안값을 설정해야 할까요?

Sendtric의 대안 기능을 사용하세요. 디자인하는 동안 이미지에서 이 기능을 확인할 수 있으며, 속성이 비어 있을 때 해당 줄 전체를 깔끔하게 대체해 줍니다.

워크플로우에서 발송된 이메일에서도 작동하나요?

네. 문의하기 토큰은 일반 발송과 마찬가지로 자동 발송 이메일에서도 동일하게 적용됩니다.

보낸 후에 디자인을 변경할 수 있나요?

네. Sendtric에 이미지를 저장하면, 이후 해당 이미지를 열 때 새로운 디자인이 표시됩니다. 변수 이름은 그대로 유지하여 발송된 이메일의 코드가 여전히 일치하도록 하세요.

자세히 알아보기 맞춤형 이미지 그리고 이 모든 것이 더 넓은 맥락에서 어떻게 자리 잡는지 이메일 맞춤 설정 전략.

더 많은 HubSpot 가이드

다른 플랫폼을 사용 중이신가요? 다음을 참조하세요. 모든 Sendtric 연동 기능.

Martin Tenev

Martin은 전환을 이끄는 이메일 캠페인을 만드는 방법을 비롯해 성장과 AI에 관한 모든 것에 열정을 쏟는 Growth Manager입니다.

LinkedIn에서 연결하기

이메일 전환율을 높일 준비가 되셨나요?

Sendtric의 이메일 맞춤 설정 플랫폼을 활용해 전환율을 높이고 있는 수천 명의 마케터들과 함께하세요.