카페24 워드프레스 홈페이지에서 메일 발송 시 HTML 소스 코드가 표시되는 문제

카페24를 이용하는 워드프레스 사이트에서 방문자들이 컨택트 폼을 통해 문의를 보낼 때 하이웍스 메일 서비스를 이용하는 이메일 계정에서 메일 원문이 표시되는 문제가 있을 수 있습니다. 10G 광아우토반 FullSSD+에서는 이런 문제가 나타나지 않았지만, 10G 광아우토판에서 매니지드 워드프레스 호스팅으로 이전한 후에 PHP 8.2 환경에서 이  문제가 발생하였습니다.

카페24 워드프레스 홈페이지에서 메일 발송 시 HTML 소스 코드가 표시되는 문제

카페24에서는 최근 10G 광아우토반 상품에 매니지드 워드프레스로 서비스 상품을 변경할 수 있는 옵션을 추가했습니다. 기존에는 상품을 변경하려면 계정을 새로 만들고 상품에 새로 가입해야 했지만, 이제는 카페24 서비스 관리 페이지에서 쉽게 10G 광아우토반과 매니지드 워드프레스 상품간 변경이 가능해졌습니다.

서비스 사양을 변경하거나 PHP 버전을 변경할 때에는 서버가 변경되므로 반드시 데이터와 DB를 모두 확실히 백업한 후에 변경을 진행해야 합니다. 그렇지 않으면 서비스 사양을 변경한 후에 사이트를 복구하지 못하게 됩니다.

지난 주에 10G 광아우토반 상품에서 매니지드 워드프레스 상품으로 변경하는 작업을 클라이언트로부터 의뢰받아 진행했습니다. 어제 클라께서 Quform을 통해 전송되는 문의 메일이 깨져서 나오는 현상이 있다고 알려왔습니다.

자세히 살펴보니 네이버 메일 등으로는 문제가 없고 하이웍스라는 서비스를 이용하여 메일을 받는 계정에서만 문제가 발생하고 있었습니다. (하이웍스는 가비아에서 운영하는 메일, 그룹웨어 서비스입니다.)

수신 메일 주소를 지메일로 설정하니 메일이 스팸으로 필터링되어 아예 들어오지 않았고, 네이버 메일로 설정하니 메일들이 스팸으로 인식되어 스팸함으로 이동했습니다. 이 문제는 카페24 문제이며 카페24에 연락하면 도움을 받을 수도 있습니다.

문제가 되는 메일은 모바일 브라우저에서 하이웍스에 로그인하여 메일을 확인한다고 하네요. Quform을 통해 전송된 문의 메일은 HTML 서식이 포함되어 있었습니다. 하이웍스 메일에서는 아래와 같이 메일 원문이 그대로 노출되어 전송되고 있었습니다. 

=?UTF-8?B?7Iuc6rCEIOqyrOyggSDrrLjsnZjqsIAg65Ok7Ja07JmU7Iq164uI64ukLg==?=

Date: Wed, 3 Jul 2024 12:12:25 +0000

From: =?UTF-8?B?7YWM7Iqk7Yq464uYLlRlc3Q=?= <help@example.com>
Cc: example@naver.com
Reply-To: =?UTF-8?B?7YWM7Iqk7Yq464uYLlRlc3Q=?= <example@gmail.com>
Message-ID: <VIQ73FXgzkfVAIq1YkKP0RXNTbakxzwXrj4RmbZF9Q@example.com>

X-Mailer: PHPMailer 6.9.1 (https://github.com/PHPMailer/PHPMailer)

MIME-Version: 1.0

Content-Type: multipart/mixed;

boundary="b1=_VIQ73FXgzkfVAIq1YkKP0RXNTbakxzwXrj4RmbZF9Q"

Content-Transfer-Encoding: 8bit

Quform에서는 이메일 포맷을 HTML, Plain text, Multipart 중에서 선택할 수 있습니다. HTML 포맷 대신 Plain text(일반 텍스트)로 바꾸어 보았습니다.

하지만 컨택트 폼 플러그인을 바꾸어도 동일한 현상이 발생했습니다.

혹시나 싶어 웹호스팅을 달리하여 클라우드웨이즈에서 Quform을 통해 클라이언트 메일로 문의를 발송하여 메일 내용이 깨지는지 테스트해 보니 메일이 정상적으로 표시되었습니다.

클라이언트 사이트에서 Contact Form 7으로 문의 폼을 만들어 테스트해보니 마찬가지로 메일에 원문이 표시되는 현상이 발생했습니다.

정리해 보면...

1. 10G 광아우토반에서는 문제가 없었고
2. 매니지드 워드프레스 상품으로 변경하고 PHP 버전을 8.2로 설정한 환경에서 특정 이메일 서비스(하이웍스 메일)로 전송되는 메일에 HTML 원문 소스 코드가 표시되는 문제가 발생했습니다.
3. 클라우드웨이즈에서 발송되는 경우에는 문제가 발생하지 않았습니다.
4. 고객 사이트에서 다른 컨택트 폼 플러그인(Contact Form 7)을 사용하여 테스트하니 마찬가지 문제가 발생했습니다.

결론적으로 하이웍스 메일 서비스를 이용하는 카페24의 매니지드 워드프레스 호스팅에서 호스팅되는 사이트에서 발송되는 문의 메일이 제대로 내용이 표시되지 않고 HTML 소스 코드가 표시되는 현상이 발생하는 것으로 보였습니다.

이 문제를 해결하기 위해서는 1) 카페24에 연락하여 문제를 보고하여 해결을 시도하거나, 2) WP Mail SMTP와 같은 플러그인을 설치하고 지메일로 메일을 보내도록 설정하는 것을 고려할 수 있습니다.

워드프레스 WP Mail SMTP 지메일 설정 방법

WP Mail SMTP에서 지메일을 설정하는 과정이 조금 복잡합니다. 이것은 플러그인의 문제가 아니고, 구글이 남용을 방지하기 위해 프로세스를 복잡하게 만들어놓았기 때문입니다. 조금 복잡할 수 있지만, 천천히 따라 하면 가능할 것입니다.

Cloudways를 이용하는 경우에도 WP Mail SMTP를 설치하여 세팅할 수 있지만, 저는 Elastic Email 애드온을 활성화하여 사용하고 있습니다.

Elastic Email 애드온은 1000통 이메일 발송에 월 0.1달러로 매우 저렴한 편입니다. 월 최대 100만 통(월 57달러)까지 전송이 가능합니다.

클라우드웨이즈: SMTP 이메일 전송 활성화(feat. Elastic Email 애드온)

초기 설정이 필요하지만 WP Mail SMTP에 비해 설정이 쉬운 편입니다.😄

저는 월 1,000개 메일 옵션을 선택하여 이용하고 있습니다. 한 달 메일이 많아야 200개 내외가 발송되는 것 같습니다.

📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법

참고

https://avada.tistory.com/3394

카페24 호스팅: 10G 광아우토반에서 매니지드 워드프레스로 변경 작업

https://avada.tistory.com/3046

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

https://avada.tistory.com/2897

엘리멘터 무료 버전 vs. 프로 버전 비교