워드프레스 하이웍스 이메일 전송 문제 (HTML 메일 렌더링 오류)

워드프레스 사이트 업데이트 후에 메일이 깨져서 들어오는 문제 해결을 맡았습니다. 워드프레스를 현재 최신 버전인 6.9 버전으로 업데이트를 하고 난 후에 홈페이지의 실시간 견적문의가 제대로 작동하지 않는 문제였습니다.

얼핏 보면 워드프레스 업데이트 후에 나타난 문제 같지만, 이는 우연의 일치일 뿐이고 실제로는 다른 원인에 의해 문제가 발생했습니다.

워드프레스 하이웍스 이메일 전송 문제 - 이메일 HTML 서식이 깨지는 문제

해당 업체는 통번역업체였는데, 하이웍스라는 가비아의 그룹웨어를 이용하고 있었습니다. 하이웍스는 국내 비즈니스 환경에 최적화된 클라우드 그룹웨어 서비스로서, 이메일, 메신저, 게시판, 일정관리, 예약, 근태, 인사, 전자결재 등을 한 번에 관리할 수 있는 통합 업무 솔루션이라고 가비아는 소개하고 있네요.😄

하이웍스에 로그인하여 워드프레스 문의 폼을 통해 전송된 이메일을 확인해보면 다음과 같이 이메일이 깨져서 HTML 태그로 메일 내용이 표시되었습니다.

워드프레스를 최신 버전으로 업데이트하기 전에는 이런 현상이 발생하지 않았다고 하네요.

워드프레스 사이트에 로그인하여 체크해보니 Quform 플러그인으로 실시간 견적문의 양식이 만들어진 것을 확인할 수 있었습니다. 제 워드프레스 블로그에도 동일한 Quform 플러그인이 설치되어 있는데, 최신 버전에서도 아무런 문제 없이 잘 작동하고 있습니다.😄

해당 Quform 폼에서 받는 메일 주소에 지메일 주소와 네이버 메일 주소를 입력했지만 지메일과 네이버 메일 주소로는 메일이 전송되지 않고 고객사의 이메일 주소로만 메일이 전송되었습니다. (👉 다시 체크해보니 네이버 메일 주소나 지메일 주소로 전송된 메시지는 보낸 사람의 주소가 실제 발송 주소와 다르다는 이유로 스팸으로 분류되어 스팸함으로 이동된 것을 발견했습니다.)

아마 하이웍스의 SMTP를 사용하여 메일일 발송되는 것으로 보였으며, 하이웍스에 등록된 해당 이메일 주소 이외의 다른 메일 주소로는 메일이 전송되지 않는 것 같았습니다.😥

메일 헤더 정보를 가지고 분석을 해보니 메일 서버/웹메일에서 HTML 메일을 ‘코드 형태’로 강제 렌더링하고 있어서 이런 문제가 발생하는 것으로 추정되었습니다. 

이 문제가 발생하면 보내는 사람 메일 설정을 확인해 볼 필요가 있습니다. 예를 들어, 사이트 주소가 example.com인 경우 보내는 사람 이메일 주소는 info@example.com과 같이 동일한 도메인으로 된 이메일 주소여야 합니다. 이 이메일 주소는 실제로 없는 주소여도 상관없습니다.

원인은 보내는 사람(From) 주소와 실제 메일 발송 서버 도메인이 일치하지 않았기 때문이었습니다. '보내는 사람' 메일 주소를 해당 폼을 제출하는 사람의 이메일 주소(예시에서는 지메일 주소)가 설정되면서 카페 서버를 통해 메일을 발송하자 SPF softfail 및 DKIM 미서명 상태가 되었고, 이로 인해 일부 메일 서버(특히 기업용 메일 서비스)는 보안 정책에 따라 HTML 메일을 완전 신뢰하지 않고 안전 모드(제한된 렌더링 또는 텍스트 기반 처리)로 표시했을 가능성이 높습니다. 이 과정에서 HTML 스타일이 정상적으로 해석되지 않거나 깨져 보이는 현상이 발생할 수 있습니다.

보내는 사람 주소를 해당 도메인의 이메일로 변경하자, 발송 서버와 From 도메인이 일치하게 되었고 SPF/DKIM 검증이 정상 흐름으로 처리되었습니다. 그 결과 메일의 신뢰도가 올라가면서 수신 서버가 HTML 메일을 정상적으로 렌더링하였고, 테이블·색상·레이아웃 등의 HTML 스타일이 그대로 적용되어 표시된 것으로 보입니다.

참고로 중요한 문의나 견적 의뢰를 Quform이나 WPForms, Contact Form 7, Forminator, Ninja Forms 등 워드프레스 플러그인으로 제작된 문의폼을 통해 받는다면, 고객이나 사용자가 문의 제출 시 문자로도 전송되도록 연동하면 사용자들의 문의를 즉각적으로 인지하여 빠르게 대응할 수 있습니다😄

https://avada.tistory.com/3787

WPForms 문의 폼 제출 시 SMS 문자 알림 전송 작업

네이버웍스 통합 업무 플랫폼

하이웍스와 비슷한 통합 업무 플랫폼으로 네이버웍스가 있습니다. 네이버웍스를 이용하는 경우 네이버웍스에서 제공하는 SMTP 기능을 활용하여 메일 전송이 가능합니다. 가비아의 하이웍스를 이용할 때에는 하이웍스에 등록된 이메일 주소로만 이메일이 전송되는 반면, 네이버웍스를 이용하면 받는 사람 이메일 주소 종류에 관계없이 메일이 잘 전달되는 것 같습니다.

https://avada.tistory.com/3847

카페24 워드프레스에서 네이버웍스로 이메일 발송 문제 해결 방법

최근 네이버웍스를 이용하는 이메일 주소와 관련된 이메일 전송 문제 해결을 맡은 적이 있는데, 공교롭게도 두 건 모두 카페24에서 호스팅되고 있었습니다. 카페24의 경우 보내는 메일이 도메인이 uws8-wpm-xxx.cafe24.com과 같은 카페24 임시 도메인으로 되어 있어서 메일 발송 과정에서 이상한 현상이 자주 발생하는 것이 아닌가 의심됩니다.

참고

https://avada.tistory.com/3851

카페24 워드프레스 치명적인 오류, 낮은 PHP 버전, 웹용량 부족 문제 대응하기

https://avada.tistory.com/3761

카페24 호스팅 상품 변경 및 워드프레스 테마 데모 설치 작업

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)