마케팅 자동화 - IFDO > 활용 팁 & 고객 사례
<font> 강조로 클릭률 UP! HTML
2019/ 11/ 29

 

 

아직도 밋밋하게 쓰세요?

강조하고 싶은 문구는 강조하세요!
클릭률이 더욱 좋아집니다~



HTML 태그를 활용해서

나만의 오토메시지 만들기 ♥



이프두 오토메시지를 작성할 때 꿀팁이 있어요! 🙄💦



  1. 특정 단어만 두껍게(볼드) 처리

  2. 특정 단어만 포인트 색상 주기

 

 

 

현재 이프두 오토메시지 작성 메뉴에서는 내용이나 제목의 전체 색상이나 글씨체, 굵기 등은 설정할 수 있지만 일부 텍스트만 수정할 수 있는 기능은 따로 마련되어있지 않습니다.



 

<이젠 간단한 태그로 가독성을 Up시켜보세요!>


하지만 사실 이 부분들은 간단한 HTML 코드를 사용해서 해결 가능해요.. HTML에 대해 모르셔도 이 글만 따라하시면 손 쉽게 사용할 수 있어요. 이제 밋밋한 오토메시지는 안녕~하고 톡톡 튀는 나만의 메시지와 함께 하세요 🥰

 

 



font수식

적용법


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



<속성=”지정값”> 

안의 속성, 지정값들만 수정해주면 끝 👼




 

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


1)색상 변경

글씨체에 색상을 적용하고 싶으세요?


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


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

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


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

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

 



💥 주의! 💥 

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

 

 

 

 




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


ㄱ. 원하는 색상 값 영문으로 입력 

ㄴ. RGB HTML HEX 색상코드 입력




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


 

색상 코드 찾기 ▼

https://html-color-codes.info/Korean/


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


 

 

 

 

 

 

2) 굵기(볼드) 적용


글씨체를 진하게 볼드처리하고 싶으세요?

 를 사용하실 수 있습니다.


💡설정 방법

  <b>내용</b>

 


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

 

 

 

 



3) 혼합 적용

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

 

 

 

예시 1

설정 조건 

① 지금 구입하면- 검정색

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

설정 값 

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

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



 


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

 

예시2

설정 조건

① 전체 색상은 #380B61

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


설정 값

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



 



오토메시지

적용 사례 💡


이프두의 오토메시지 작성란에는 글자수 제한이 있다는 점을 고려하며 작성해주세요. 

*HTML은 버튼 레이블에 적용이 불가능합니다. 내용란에 사용해주세요.



  1. 푸시노트


 


설정 조건

① 무료 체험 15일 - 볼드, red

② 쿠폰을 드려요 - black


설정 값

① <font color="red"><b>무료 체험 15일</b></font>

② <font color=black> 쿠폰을 드려요🚀📑✅</font>

 

2) 팝콘

 


설정 조건

① 전체 글씨 볼드

② 크리스마스 소품 - white

③ 5% 할인 대전 - yellow


설정 값

<font color=”white”><b> 크리스마스 소품</font>

<font color=”yellow”>5% 할인 대전</b></font>

 

 

 

3)라운드 플로팅


 

설정 조건

① 헉 - red , 오늘만!? - black

② ♥ - pink


설정 값

<font color="red"> 헉 <font><font color="black">오늘만 !?😲

핫딜 최저가 15% 할인 중 <font color="pink">♥</font>

 

 



  1. 웰컴바


 

설정 조건

① 전체 컬러 #0B0B61

② 오늘은 Black Friday! 볼드


설정 값

<font color="#0B0B61"> 어서오세요 

<b> 오늘은 Black Friday!</b></font>🤗



HTML 생각보다 어렵지 않죠?

이프두의 사용법은 무궁무진하답니다 👼

앞으로도 계속 차근차근 알려드릴게요!