WooCommerce 이메일을 사용자 정의하는 방법 + 보내기 전에 미리보기

게시 됨: 2022-04-15

WooCommerce 이메일을 사용자 정의하는 방법에 대해 고심 하고 계십니까?

WooCommerce는 이미 새 주문, 처리된 주문, 새 계정과 같은 10가지 이상의 작업에 대해 자동화된 거래 이메일을 제공합니다. 그러나 해당 이메일을 사용자 정의하여 자신만의 이메일로 만들고 싶을 것입니다.

이 단계별 튜토리얼에서는 WooCommerce의 기본 제공 설정을 사용하여 WooCommerce 이메일을 사용자 정의하는 방법과 스토어 이메일을 더 잘 제어하는 ​​데 사용할 수 있는 무료 또는 유료 플러그인을 배웁니다.

목차:

WooCommerce 이메일을 사용자 정의해야 하는 이유는 무엇입니까?

  • 기본 WooCommerce 보라색에서 브랜드에 더 적합한 색상으로 변경합니다.
  • 이메일 템플릿에 개인화 및 브랜드 보이스를 추가합니다.
  • "From" 이름 또는 "From" 주소와 같은 설정을 변경합니다.
  • 로고, 헤더 이미지 또는 애니메이션 GIF와 같은 미디어 요소를 추가합니다.
  • 귀하의 작업에 적합하지 않은 일부 자동화된 메시지를 비활성화합니다.
  • 지원 페이지, 상향 판매 또는 판촉에 대한 링크.
  • HTML과 텍스트 이메일 유형 간에 전환합니다.
  • 자동화를 위해 이메일을 켜기 전에 이메일이 어떻게 생겼는지 미리 보기 위해.

WooCommerce 이메일을 사용자 정의하는 방법

WooCommerce에 내장된 설정만으로 다음을 포함하여 WooCommerce 이메일의 여러 부분을 사용자 지정할 수 있습니다.

  • 이메일 발신자 옵션 ️
  • 일반 이메일 테마
  • 특정 이메일 내용

아래에서 이러한 기본 제공 설정을 사용자 지정하는 방법을 보여 드리겠습니다. 그런 다음 필요한 경우 더 많은 유연성을 제공하는 일부 WooCommerce 이메일 사용자 정의 플러그인도 공유합니다.

1단계: WooCommerce에서 이메일 설정으로 이동

WordPress 대시보드에서 WooCommerce > 설정 > 이메일 로 이동합니다. 여기에는 WooCommerce가 이미 구성한 기본 알림 이메일 목록과 함께 이메일 알림 에 대한 헤드라인이 표시됩니다.

WooCommerce 이메일을 사용자 정의하는 이메일 탭

2단계: 이메일 발신자 옵션 및 템플릿 사용자 지정

이메일 알림 목록을 스크롤하여 "이메일 발신자 옵션" 섹션을 찾습니다.

두 개의 필드가 표시됩니다.

  • "보낸사람" 이름: 고객이 이메일을 받을 때 보게 되는 이름입니다. 비즈니스 이름을 사용하거나 브랜딩 전략의 일부인 경우 실제 사람일 가능성이 있습니다.
  • "보낸사람" 주소: 사용자가 자동 ​​이메일에 회신할 경우 연락할 수 있는 "보낸사람" 이메일 주소입니다.

필요에 따라 해당 필드를 수정합니다.

이메일 발신자 옵션

이메일 템플릿 섹션에서 다음과 같은 요소를 사용자 정의할 수 있습니다.

  • 헤더 이미지
  • 바닥글 텍스트
  • 기본 색상
  • 바디 배경색
  • 본문 텍스트 색상

이메일에 사용자 정의 헤더 이미지를 추가하려면 이미지의 URL을 헤더 이미지 필드에 붙여넣습니다. WordPress 미디어 라이브러리에서 이미지를 호스팅하고 거기에서 이미지 URL을 가져올 수 있습니다.

또한 바닥글에서 "Built with WooCommerce" 텍스트를 제거하는 것이 좋습니다. 바닥글에 원하는 것을 추가할 수 있습니다.

이미지와 텍스트로 WooCommerce 이메일 사용자 정의

이메일 템플릿 영역에서 더 아래로 내려가면 일반 WooCommerce 이메일 템플릿에 대한 색상 설정을 찾을 수 있습니다. 앞서 언급했듯이 WooCommerce는 자동으로 기본 보라색을 기본 색상으로 추가합니다. 이는 온라인 상점을 실행할 때 원하는 색상이 아닙니다 .

기본 색상 으로 브랜드에 해당하는 색상을 선택하고 필요한 경우 다른 색상 필드를 변경하는 것을 고려하십시오.

완료되면 변경 사항 저장 을 클릭합니다.

색상으로 WooCommerce 이메일 사용자 정의

3단계: 특정 WooCommerce 이메일 사용자 지정

New Order 이메일에서 Completed Order 이메일에 이르기까지 WooCommerce는 사이트 관리자와 고객에게 자동으로 전송되는 사전 설정 템플릿을 제공하여 모든 사람에게 주문에 대한 정보를 제공합니다. 그러나 이러한 이메일 중 일부를 사용자 정의하여 자신의 콘텐츠를 포함하고 불필요한 WooCommerce 기본값을 제거하고 싶을 것입니다.

편집하려는 이메일 옆에 있는 관리 를 클릭하여 이러한 개별 이메일 사용자 정의를 완료하십시오. "주문 처리 중""주문 완료" 이메일부터 시작하는 것이 좋은 생각은 아닙니다. 고객이 가장 일반적으로 보는 이메일이기 때문입니다.

WooCommerce 이메일을 사용자 정의하는 관리 버튼

필요에 따라 다음 필드를 살펴보십시오.

  • 켜기 끄기
  • 주제
  • 이메일 제목
  • 추가 콘텐츠

WooCommerce 이메일이 필요하지 않거나 거래 이메일에 별도의 플러그인을 사용하려는 경우가 아니면 모든 WooCommerce 이메일을 활성화된 상태로 유지하는 것이 좋습니다.

제목 , 이메일 제목추가 콘텐츠 와 같은 필드는 전체 이메일 콘텐츠를 지정하므로 필요에 따라 조정합니다.

알림 활성화

"?" 를 클릭하십시오. 아이콘을 클릭하여 콘텐츠 필드에 삽입할 수 있는 동적 자리 표시자를 볼 수 있습니다. 예를 들어 자리 표시자를 사용하여 WooCommerce가 각 이메일의 웹사이트 링크를 채우도록 할 수 있습니다.

WooCommerce 이메일을 사용자 정의하기 위한 제목 제목 및 콘텐츠

4단계: HTML 또는 일반 텍스트 이메일로 만들기

이메일 유형 필드를 클릭하여 옵션을 확인하십시오. 다음 중 하나를 선택합니다.

  • 일반 텍스트: 이미지나 서식이 없는 이메일
  • HTML: 이미지, 표 및 서식과 같은 풍부한 콘텐츠가 포함된 이메일
  • 멀티파트: 일부 클라이언트는 HTML 이메일을 지원하지 않기 때문에 사용자의 이메일 클라이언트를 기반으로 일반 텍스트와 HTML 간에 동적으로 전환합니다.

5단계: HTML 템플릿 편집 고려

페이지 맨 아래에 "HTML 템플릿"이라는 섹션이 있습니다. WooCommerce에는 이메일을 위한 끌어서 놓기 편집기가 없지만 각 이메일의 HTML 코드를 사용자 정의할 수 있습니다.

View Template 버튼을 클릭하면 해당 코드를 볼 수 있습니다.

WooCommerce 이메일을 사용자 정의하기 위한 템플릿 보기

WooCommerce는 기본 HTML 템플릿을 잠그므로 아무 것도 수정할 수 없습니다. 그러나 테마에 파일 복사 버튼을 클릭하여 템플릿을 재정의하고 편집할 수 있습니다.

테마에 파일 복사

그런 다음 커서를 텍스트 편집기에 놓고 변경할 수 있습니다. HTML에 능숙한 경우에만 이 섹션을 사용하는 것이 좋습니다.

HTML로 WooCommerce 이메일 사용자 정의

이 코드를 직접 편집하는 것이 불편하다면 WordPress 개발자를 고용할 수 있습니다. 또는 다음 섹션에서 공유할 WooCommerce 이메일 플러그인 중 하나를 사용해 볼 수 있습니다.

이것이 WooCommerce 이메일을 사용자 정의하는 방법입니다! 변경 사항 저장 버튼을 클릭하여 프로세스를 마칩니다.

저장 버튼

WooCommerce 이메일을 미리 보는 방법

거래 이메일을 고객에게 발송하기 전에 미리 확인 해야 합니다 . 이런 식으로 맞춤법 오류, 변경이 필요한 WooCommerce 브랜딩, 프로모션 또는 상향 판매 기회를 확인할 수 있습니다.

WooCommerce 이메일을 미리 보는 방법은 다음과 같습니다.

1단계: 일반 이메일 템플릿의 시각적 미리 보기 보기

WooCommerce > 설정 > 이메일 에서 이메일 템플릿 섹션을 찾아 "이메일 템플릿을 미리 보려면 여기를 클릭하십시오."라는 링크를 클릭하십시오.

미리보기 링크

그러면 지정한 일반 이메일 설정이 포함된 이메일을 보여주는 새 브라우저 창이 열립니다. 새 색상, 머리글 이미지 및 편집된 바닥글을 모두 변경한 경우 표시되어야 합니다. 템플릿 미리보기의 콘텐츠는 일반 상태로 유지됩니다.

우커머스 이메일 비주얼 미리보기

2단계: 테스트 트랜잭션을 실행하여 동적 콘텐츠가 포함된 개별 이메일 보기

고객에게 발송되는 실제 이메일을 보고 싶을 가능성이 가장 높지만 WooCommerce에는 이러한 시각적 미리 보기를 볼 수 있는 기능이 없습니다. 대신 테스트 트랜잭션을 실행하여 이메일을 자신의 받은 편지함으로 트리거해야 합니다.

방법은 다음과 같습니다.

  1. WooCommerce 결제 및 Stripe 결제 방법이 활성화되어 있는지 확인하십시오.
  2. 장바구니에 상품을 추가하고 고객인 것처럼 정보를 입력하세요.
  3. 이메일 필드에 이메일 주소를 추가합니다.
  4. 신용 카드 필드에서 Stripe 테스트 카드 중 하나를 사용하여 결제를 처리합니다.
  5. 체크아웃을 마칩니다.

테스트 트랜잭션은 이메일이 고객에게 어떻게 렌더링되는지 볼 수 있는 주문 처리 이메일을 보내야 합니다. 동적 태그가 올바르게 표시되는지, 모든 브랜딩 및 삽입된 텍스트가 올바르게 표시되는지 확인하십시오.

주문 이메일 감사합니다

다른 이메일을 실행하려면 WooCommerce > 주문 으로 이동하고 상태 필드를 다른 것으로 조정합니다. 예를 들어, 완료 로 전환하여 WooCommerce에서 완료된 주문 이메일을 트리거할 수 있습니다. 업데이트 버튼을 클릭하여 변경 사항을 저장했는지 확인하십시오.

새로운 미리보기를 보려면 상태 변경

그런 다음 검토할 수 있도록 받은 편지함으로 보냅니다.

woocommerce에서 주문 확인 이메일

프로세스를 단순화하기 위해 WooCommerce Email Test와 같은 플러그인을 고려할 수 있습니다.

WooCommerce 이메일을 사용자 정의하는 데 도움이 되는 플러그인

여러 플러그인은 고급 WooCommerce 이메일 사용자 정의 도구를 제공하여 WooCommerce의 현재 기능을 확장하거나 보다 사용자 친화적인(일반적으로 드래그 앤 드롭) 경험을 위해 완전히 재정의합니다.

고려해야 할 몇 가지 WooCommerce 사용자 정의 플러그인은 다음과 같습니다.

또한 Omnisend, MailPoet 또는 Sendinblue와 같은 이메일 마케팅 서비스로 WooCommerce 거래 이메일을 무시할 수 있습니다. 이 서비스는 모두 전자 상거래 자동화 및 버려진 장바구니 복구와 같은 추가 옵션을 제공합니다.

지금 WooCommerce 이메일을 맞춤설정하세요

이 기사에서는 다음을 다뤘습니다.

  • WooCommerce 이메일을 사용자 정의해야 하는 이유.
  • WooCommerce 이메일의 전체 설정 및 디자인을 사용자 정의하는 방법.
  • 특정 거래 이메일을 사용자 지정하는 방법.
  • 경험이 있는 경우 이메일 HTML을 제어하는 ​​방법.
  • 끌어서 놓기 및 시각적 도구와 같은 WooCommerce 이메일에 더 많은 기능을 추가하는 플러그인.

대부분의 신생 전자 상거래 상점은 기본적인 WooCommerce 이메일 사용자 정의로 벗어날 수 있지만 결국 위에서 다룬 플러그인 또는 이메일 마케팅 소프트웨어 중 하나와 같은 프리미엄 이메일 편집기에 비용을 지불하는 것이 좋습니다.

스토어의 거래 이메일을 파악했으면 WooCommerce 이메일 마케팅에 대한 가이드를 읽고 마케팅 이메일도 확인할 수 있습니다.

WooCommerce 이메일을 사용자 정의하는 방법에 대한 설명이 필요하거나 이메일을 편집하는 다른 사용자와 팁을 공유하고 싶다면 댓글에 메모를 남겨주세요!

무료 가이드

속도를 높이는 5가지 필수 팁
귀하의 WordPress 사이트

로딩 시간을 50-80%까지 단축
간단한 팁을 따르면 됩니다.