스팟 대응 | Webflow 문의 내용의 자동화

스팟 대응 | Webflow 문의 폼의 자동 메일 인코딩 변환 구현

Webflow로 구축된 문의 폼의 자동 회신 메일에서 발생하는 문자 깨짐을 해소하기 위해, Zapier를 활용한 메일 인코딩 변환 플로우를 설계·구현했습니다.

ISO 형식 발송을 요건으로 하는 특수 프로젝트에 대해 신속하고 보증이 붙은 스팟 대응을 실시했습니다.

배경

클라이언트는 외부 예약 시스템과 데이터를 연동하고 있어, 메일 본문을 유니코드(UTF-8)가 아닌 ISO 문자 코드로 보낼 필요가 있었습니다.

일반적인 Webflow 폼 자동 알림으로는 인코딩을 지정할 수 없어 외부 연동 시 문자 깨짐이 발생했습니다. 기존 플로우를 크게 바꾸지 않고 최소 비용으로 안정적으로 가동하는 것이 요구되었습니다.

과제

•Webflow 표준 기능으로는 메일 인코딩 형식을 지정할 수 없음
•Zapier에도 직접적인 인코딩 변환 기능이 없음
•예약 시스템 측 사양 때문에 UTF-8로 보내면 일본어가 정상 표시되지 않음
이러한 제약 아래에서 재현성 있는 자동 변환 플로우를 구축해야 했습니다.

접근 방식

Webharu는 Zapier에 독자적인 변환 스텝(Code by Zapier)을 삽입했습니다. Webflow 폼 전송 데이터를 받아 JavaScript로 ISO-2022-JP 형식으로 변환한 뒤 외부 메일 API를 거쳐 발송하는 구조를 만들었습니다.

Zapier의 메일 발송 기능에 일부 제한이 있어 외부 SMTP 서비스를 함께 사용해 확실한 문자 깨짐 방지를 실현했습니다. 초기 계약 시에는 “동작하지 않으면 전액 환불”이라는 조건을 제시해 클라이언트 리스크 제로로 도입을 약속했습니다.

구현과 검증

•Zapier: Webflow 폼 → Code by Zapier(인코딩 변환) → 외부 SMTP(ISO 발송)
•검증: 일본어·영숫자·특수기호를 포함한 여러 패턴의 발송 테스트 실시
•결과: 모든 수신 환경에서 정상 표시를 확인, 예약 시스템과의 자동 연동도 안정적으로 가동

성과

•ISO 형식의 완전 자동 발송을 실현
•Zapier 내에서 완결시켜 유지보수 비용을 최소화
•Webflow 표준 기능으로는 불가능한 사양 요건을 외부 연동으로 해결

맺음말

Zapier를 활용한 이번 대응은 “Webflow 폼의 한계를 넘는 실무적 솔루션”의 한 예입니다.

Webharu는 노코드 도구의 특성과 제약을 이해한 뒤 코드·외부 연동·자동화를 유연하게 조합해 현장의 과제를 신속히 해결하는 구조를 만듭니다.