SendGrid Dynamic Template 생성하기

이번에는 Dynamic Template 생성에 대해 알아보겠습니다.

 

생성방법은 2가지 있는데요, 차례차례 알아보겠습니다.

 

1. 생성

오른쪽 상단에 create 버튼을 누릅니다.

 

구분할 이름을 적고 create를 눌러줍니다.

생성하면 아래의 이미지와 같이 생성됩니다.

Add Version을 눌러줍니다.

 

원하는 템플릿 디자인을 선택하거나 Blank Template을 눌러서 원하는 디자인의 템플릿을 생성합니다.

저는 Blank Template을 눌러서 템플릿을 생성해주는 방법을 알려드리겠습니다.

 

여기서 방법이 갈리는데요

우선은 Design Editor방법으로 생성하는 방법을 알려드리겠습니다.

 

2-1. Design Editor로 템플릿 생성법

Design Editor을 눌러줍니다.

첫 화면으로 이렇게 뜨는데요 여기서 Build를 눌러줍니다.

그러면 원하는 모듈을 선택해서 마우스로 클릭해서 오른쪽 화면에 드래그해서 끌어당기면 됩니다.

저는 우선 간단하게 버튼을 만들어보았습니다.

아래의 이미지처럼 쉽게 버튼이 만들어지는것을 볼수 있습니다.

마지막으로 Text 상자를 생성해보겠습니다.

Text를 끌어당겨서 생성하고, 오른쪽 이미지처럼 글씨를 적을수도 있고

왼쪽에 Text MODULE STYLES를 눌러서 원하는 글자 스타일도 지정 가능합니다.

이렇게 완성된 화면을 볼 수 있고 Save를 눌러서 저장해주셔야합니다.

 

2-2. Code Editor로 템플릿 생성법

Code Editor을 눌러줍니다.

클릭하면 아래와 같은 화면이 뜹니다

왼쪽은 HTML 코드를 입력할 수 있는 곳이고, 오른쪽은 해당 HTML 코드가 반영되서 미리보기 할 수있는 곳입니다.

간단하게 <h2> 태그로 안녕하세요를 입력해보았습니다.

그러면 오른쪽과 같은 미리보기 화면을 보실 수 있습니다.

 

GUI방식이 편하시다면 Design Editor 로 편집을

HTML 코드 입력이 편하시다면 Code Editor 로 편집을

각자 원하는 방식으로 쉽게 템플릿을 생성하시면 됩니다.