<font> 강조로 클릭률 UP! HTML
마케팅 자동화 - IFDO > 오토메시지 작성법
<font> 강조로 클릭률 UP! HTML
2019/ 11/ 29

 

업데이트: 2021-07-21


아직도 밋밋하게 쓰세요? 마케팅 자동화 메시지를 작성하면서 강조하고 싶은 문구는 확실히 강조하세요! 클릭률이 더욱 좋아집니다. HTML 태그를 활용해서 나만의 오토 메시지를 만들어 보세요🙂 다음의 이프두 오토 메시지 꿀팁과 함께요!


🍯이프두 오토 메시지 꿀팁 2가지!


첫째, 특정 단어만 두껍게(볼드) 처리하기

다른 내용들 중에서도 특정 단어만 주목도 있게 처리할 수 있습니다.


둘째, 특정 단어만 포인트 색상 주기

할인율, 쿠폰 등은 다른 색상으로 설정해 보세요. 고객이 해당 단어를 더 빨리 인지하는 데 도움을 줍니다.

 

그런데 현재 오토 메시지 작성 메뉴에서는 일부 텍스트의 색상과 굵기만 수정할 수 있는 기능은 따로 마련되어 있지 않습니다. 하지만 사실 이 부분들은 간단한 HTML 코드를 사용해서 해결 가능해요.. HTML에 대해 모르셔도 이 글만 따라 하시면 손쉽게 사용할 수 있어요. 이제 밋밋한 오토 메시지는 안녕~하고 톡톡 튀는 나만의 메시지와 함께 하세요 🥰

 

 



font 수식 적용법


글자의 크기와 색상, 굵기 등은 font (폰트) 태그를 통해 변경할 수 있습니다. 이 중에서 이프두 오토메시지에 사용할 태그 속성은 색상(color)과 굵기(b) 입니다. 태그에서 속성값을 설정하는 방법은 다음과 같습니다. 



<속성=”지정값”> 안의 속성, 지정값들만 수정해주면 끝!


<간단한 타이핑으로 색상 변경!>

 


1) 색상 변경

 

 💡 설정 방법

 

<font color=”색상코드”>색상을 적용하고자 하는 텍스트</font>


색상에 색상 코드나 영문을 입력하시고, 

적용하고자 하는 내용 부분에 원하는 텍스트를 입력하시면 됩니다.

 



ex)

<font color=”red”>안녕</font>

안녕

<font color=”#0A2A12”>안녕</font>

안녕



💥 주의! 💥 

<font color=”색상”>을 언급하며 font 설정 수식을 열어줬기 때문에, 지정을 원하는 단어(범위) 뒤에는 꼭 </font>를 넣어 폰트 수정 상태를 닫아줘야합니다. 




폰트 컬러값 입력방법은 다음과 같습니다. 


ㄱ. 원하는 색상 값 영문으로 입력  <font color=”색상값 영문”>

ㄴ. RGB HTML HEX 색상코드 입력 <font color=”색상 코드”>



◼ IFDO 컬러차트표 이용하기


이프두의 색상 선택란에서 색상값 추출이 가능합니다.




 

◼ 색상코드: 전용 사이트 이용하기

색상 코드 찾기 ▶ https://html-color-codes.info/Korean/


 

 

◾ 색상 코드: 네이버 검색 이용하기


 

 

2) 굵기(볼드) 적용


글씨체를 진하게 볼드 처리하고 싶으세요? <b>를 사용하실 수 있습니다.

 💡설정 방법

 <b>내용</b> 


“내용”부분에 원하시는 텍스트를 입력하세요.

 

 



3) 혼합 적용

볼드와 색상을 함께 적용하고 싶을 때, 다음과 같이 입력할 수 있습니다.

 

예시 1

설정 조건 

① 지금 구입하면- 검정색

② 무료 배송 혜택 팡팡 - 빨간 색, 볼드

설정 값 

<font color="black">지금 구입하면</font>

<font color="red"><b>무료 배송 혜택 팡팡! </b></font>

 



 

💥주의! 색상을 연달아 변경하더라도 꼭 </font>를 사용해 설정을 닫아 주세요. 새로운 색을 사용하시려면, <font color=””>를 사용해 다시 폰트 설정을 열고 설정값을 입력해야 합니다.


예시2

설정 조건

① 전체 색상은 #380B61

② 2천원 할인 혜택을 드려요 : 볼드


설정 값

<font color="#380B61">오늘 회원가입 하면 <b>2천원 할인 혜택을 드려요♥</b></font>   



 



오토메시지 적용 사례 💡


이프두의 오토메시지 작성란에는 글자수 제한이 있다는 점을 고려하며 작성해주세요. HTML은 버튼 레이블에 적용이 불가능합니다. 내용란에 사용해주세요.

 

1) 푸시노트



 설정 조건

① 전체 볼드

② 20%전체 할인 쿠폰 - blue
③ 구매금액에 2 포함시 - black

④ 22%할인권 또증정! - mark 


설정 값

① <b>

② <font color=”blue”> 20%전체 할인 쿠폰</font>

③ <font color=”black”> 구매금액에 2 포함시

④ <mark>20%전체 할인 쿠폰

 

2) 팝콘


 

설정 조건

① 원두입고기념 5% 할인중 - mark (형광박스)


설정 값

<mark>원두 입고 기념 5% 할인중



3) 라운드 플로팅


 

설정 조건

① 예상 배송 조회해보세요! - green

설정 값

<font color="green”>예상 배송 조회해보세요!</font>

 

 

4) 웰컴바

 

설정 조건

① 200 Point 지급 - #cc0000


설정 값

<font color="#cc0000”>200 Point 지급 💕 </font>

 

 

HTML 생각보다 어렵지 않죠? 이프두의 사용법은 무궁무진하답니다. 앞으로도 계속 차근차근 알려드릴게요! 이어서 보시면 좋을 포스팅은 '마케팅 자동화 메시지 3종, 더 예쁘게 제작하는 팁' 입니다. >> 여기를 클릭하면 바로 확인하실 수 있어요!

 




오토메시지메시지작성법HTML글자굵게글자볼드글씨굵게글씨볼드볼드