일반 텍스트, HTML 및 모바일 이메일 형식 편집 plain-text-and-html-modes

이메일 디자이너를 사용하면 여러 가지 이메일 렌더링을 편집할 수 있습니다. 이메일의 텍스트 버전을 생성하고, 이메일의 HTML 소스를 편집하고, 모바일 보기용 이메일을 디자인할 수 있습니다.

이메일의 텍스트 버전 생성 generating-a-text-version-of-the-email

기본적으로 Plain text 전자 메일 버전이 자동으로 생성되고 Edit 버전.

HTML 버전에 추가된 개인화 필드 및 콘텐츠 블록도 일반 텍스트 버전과 동기화됩니다.

NOTE
일반 텍스트 버전에서 콘텐츠 블록을 사용하려면 해당 블록에 HTML 코드가 포함되어 있지 않은지 확인하십시오.

일반 텍스트 버전이 HTML 버전과 다르도록 하려면 Sync with HTML 에서 전환 Plain text 이메일 보기.

그런 다음에는 원하는 대로 일반 텍스트 버전을 편집할 수 있습니다.

NOTE
를 편집하는 경우 Plain text 동기화가 비활성화된 상태에서 다음 번에 을(를) 활성화하면 Sync with HTML 옵션을 선택하면 일반 텍스트 버전에서 변경한 모든 내용이 HTML 버전으로 바뀝니다. 에 수행된 변경 사항 Plain text 보기가에 반영할 수 없음 HTML 보기.

HTML에서 이메일 콘텐츠 소스 편집 editing-an-email-content-source-in-html

가장 고급 사용자와 디버깅의 경우, HTML에서 직접 이메일 콘텐츠를 보고 편집할 수 있습니다.

이메일의 HTML 버전을 편집하는 방법에는 두 가지가 있습니다.

  • 선택 Edit > HTML 전체 이메일의 HTML 버전을 엽니다.

  • WYSIWYG 인터페이스에서 요소를 선택하고 Source code 아이콘.

    선택한 요소의 소스만 표시됩니다. 선택한 요소가 인 경우 소스 코드를 편집할 수 있습니다. HTML 컨텐츠 구성 요소입니다. 다른 구성 요소는 읽기 전용 모드이지만 이메일의 전체 HTML 버전에서 편집할 수 있습니다.

HTML 코드를 수정하면 이메일의 응답성이 손상될 수 있습니다. 다음을 사용하여 테스트해야 합니다. Preview 단추를 클릭합니다. 메시지 미리 보기를 참조하십시오.

모바일 렌더링을 위한 이메일 디자인 switching-to-mobile-view

모바일 표시에 대한 모든 스타일 옵션을 별도로 편집하여 이메일의 반응형 디자인을 세밀하게 조정할 수 있습니다. 예를 들어 여백과 패딩을 조정하거나, 더 작거나 더 큰 글꼴 크기를 사용하거나, 단추를 변경하거나, 전자 메일의 모바일 버전에 따라 다른 배경색을 적용할 수 있습니다.

모든 스타일 옵션은 모바일 보기에서 사용할 수 있습니다. 이메일 디자이너 스타일 설정은 이 페이지의 앞에 나와 있습니다.

  1. 이메일을 만들고 콘텐츠 편집을 시작합니다. 자세한 내용은 이메일 콘텐츠를 처음부터 디자인하기.

  2. 전용 모바일 보기에 액세스하려면 Switch to mobile view 단추를 클릭합니다.

    이메일의 모바일 버전이 표시됩니다. 여기에는 데스크탑 보기에서 정의된 모든 구성 요소와 스타일이 포함되어 있습니다.

  3. 배경색, 맞춤, 패딩, 여백, 글꼴 패밀리, 텍스트 색상 등과 같은 모든 스타일 설정을 독립적으로 편집합니다.

  4. 모바일 보기에서 스타일 설정을 편집할 때 수정 사항은 모바일 디스플레이에만 적용됩니다.

    예를 들어 모바일 보기에서 이미지 크기를 줄이고 녹색 배경을 추가한 다음 패딩을 변경합니다.

  5. 모바일 장치에 표시될 때 구성 요소를 숨길 수 있습니다. 이렇게 하려면 다음을 선택합니다. Show only on desktop devices 다음에서 Display options.

    데스크탑 디바이스에서 이 구성 요소를 숨기도록 선택할 수도 있습니다. 즉, 모바일 디바이스에만 표시됩니다. 이렇게 하려면 다음을 선택합니다. Show only on mobile devices.

    예를 들어 이 옵션을 사용하면 모바일 장치에서는 특정 이미지를, 데스크탑 장치에서는 다른 이미지를 표시할 수 있습니다.

    모바일 또는 데스크탑 보기에서 이 옵션을 설정할 수 있습니다.

  6. 를 다시 클릭합니다. Switch to mobile view 단추를 클릭하여 표준 데스크톱 보기로 돌아갑니다. 방금 변경한 스타일이 반영되지 않았습니다.

    note note
    NOTE
    유일한 예외는 Style inline 설정. 스타일 인라인 설정 변경 사항은 표준 데스크탑 보기에도 적용됩니다.
  7. 텍스트 편집, 새 이미지 업로드, 새 구성 요소 추가 등과 같은 이메일 구조 또는 콘텐츠에 대한 기타 변경 사항. 는 표준 보기에도 적용됩니다.

    예를 들어 모바일 보기로 다시 전환하고 일부 텍스트를 편집한 다음 이미지를 바꿀 수 있습니다.

  8. 를 다시 클릭합니다. Switch to mobile view 단추를 클릭하여 표준 데스크톱 보기로 돌아갑니다. 변경 사항이 반영됩니다.

  9. 모바일 보기에서 스타일을 제거하면 데스크탑 모드에서 적용된 스타일로 돌아갑니다.

    예를 들어 모바일 보기에서 단추에 녹색 배경색을 적용합니다.

  10. 데스크탑 보기로 전환하고 동일한 단추에 회색 배경을 적용합니다.

  11. 모바일 보기로 다시 전환한 다음 이제 Background color 설정.

    이제 데스크탑 보기에 정의된 배경색이 적용됩니다. 배경색은 공백이 아닌 회색으로 바뀝니다.

    유일한 예외는 Border color 설정. 모바일 보기에서 비활성화하면 테두리 색상이 데스크탑 보기에 정의된 경우에도 더 이상 테두리가 적용되지 않습니다.

NOTE
모바일 보기는에서 사용할 수 없습니다. 조각.
recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff