워드프레스 일기의 Quform 16

워드프레스 문의폼: 선택 필드 옵션에 따라 다른 수신자에게 메일 전송하기

다음 그림과 같이 사용자가 선택하는 옵션에 따라 문의 내용을 다른 수신자에게 전송하고 싶은 경우가 있습니다. 가령, "영업" 관련 문의는 영업 담당자에게, "지원" 관련 문의는 고객지원 담당자에게 전송하는 것이 효율적일 것입니다. 워드프레스 문의폼: 선택 필드 옵션에 따라 다른 수신자에게 메일 전송하기 (다중 발송) 워드프레스 유료 컨택트 폼 플러그인인 Quform에서는 사용자가 선택하는 필드 값에 따라 다른 이메일 주소로 문의 데이터를 전송하도록 설정할 수 있습니다. 톱니바퀴 모양의 설정 아이콘(①)을 클릭하고 Notifications(알림) 탭(②)을 선택합니다. Enable conditional recipients(조건부 수신자 활성화) 옵션을 활성화합니다. 그런 다음, Add conditional..

워드프레스 Contact Form 7에서 첨부파일 추가 및 메일로 전송받기

워드프레스 Contact Form 7 플러그인에서 첨부 파일을 추가하려면 Form에서 "file"을 클릭하면 됩니다. 다음과 같은 형식으로 필드를 추가해도 됩니다. [file your-file filetypes:pdf|txt limit:2mb] Contact Form 7에서 첨부 파일은 서버에 저장되지 않기 때문에 이메일로 받아야 합니다. 이메일로 받으려면 Mail 탭의 File Attachments 부분에 [your-file] 형식으로 추가하도록 합니다. Contact Form 7에서 파일 첨부에 대한 내용은 Contact Form 7 문서("File Uploading and Attachment")를 참고해보세요. Contact Form 7 대신 유료 플러그인 Quform을 사용할 수도 있습니다. Qu..

워드프레스 2018.03.15

[워드프레스] Contact Form에서 필드를 2열로 표시하기

얼마 전에 컨택트 폼에서 2열로 필드를 표시하는 작업을 한 적이 있습니다. 비교적 쉽게 하려면 HTML 테이블을 이용하여 2열을 만들면 되지만, 이 경우 모바일에서는 반응형이 되지 않아서 단점이 있습니다. Div Table Generator 사이트를 활용하여 2컬럼으로 표시하는 것도 한 방법인 것 같습니다. 예: http://divtable.com/generator/ Contact Form 7 플러그인(무료)에서는 문의 양식을 만들 때 HTML 코드로 레이아웃을 짤 수 있습니다. 막코딩에 익숙한 경우 이 방법이 편할 것입니다. Contact Form에서 필드를 2열로 표시하기 (Quform) 만약 HTML과 CSS에 익숙하지 않으면 Quform 플러그인을 사용해도 괜찮을 것 같습니다. 위의 그림은 Div..

워드프레스 2018.01.21

[워드프레스] 닷홈에서 메일 전송 문제

닷홈 무료 호스팅을 사용하는 경우 워드프레스에 설치된 컨택트 폼을 통해 사용자가 문의를 제출해도 메일이 들어오지 않습니다. 이 문제에 대해 닷홈 무료 호스팅에서는 스팸메일의 문제로 인하여 서버상에서 발송되는 메일 기능이 제한되어 있다면서 유료 전환 등을 통해 서비스를 변경해야 한다고 하네요. 심지어 Easy WP SMTP 같은 플러그인을 설치해도 접근 권한이 없다고 나오면서 제대로 작동하지 않을 것입니다. 닷홈에서 메일 발송 오류가 발생하는 경우 먼저 사용 중인 웹호스팅 상품에서 메일 발송을 제한하지 않는지 체크해보시기 바랍니다. 엊그제 카페24에서 메일 전송이 잘 안 되는 문제에 대한 포스팅을 올린 적이 있습니다. 워드프레스 컨택트 폼에서 메일이 전송되지 않는 문제 카페24에서 호스팅되는 워드프레스 사..

워드프레스 2017.12.22

워드프레스 컨택트 폼에서 필드를 2개의 열로 표시하기

어제 Contact Form 7을 사용하여 2개의 열로 컨택트 폼을 표시하고 각 입력 필드 안에 아이콘을 넣는 작업을 의뢰받았습니다. Contact Form 7을 사용하여 비교적 쉽게 2개의 열로 표시가 가능하지만(구글에 검색하면 2열로 표시하는 다양한 코드를 찾을 수 있습니다.) 입력 필드 안에 아이콘을 넣으니 필드 크기 조정이 쉽지 않네요. 가령, 브라우저 창 크기를 줄여보면 입력 필드 크기가 변하면서 원하는 형태로 나오지 않았습니다. 혹시나 해서 워드프레스 유료 컨택트 폼 플러그인 중 하나인 Quform을 가지고 테스트해보니 더 깔끔하고 입력 필드 안에 아이콘을 넣더라도 브라우저 창이 줄어들면서 크기가 흐트러지지 않고 유지되네요. 모바일에서 1열로 표시되도록 반응형에 대해 신경을 쓰지 않아서 좋은 ..

워드프레스 2017.12.17

워드프레스 Contact Form 7에서 컨택트 폼 제출 후 다른 페이지/URL로 이동시키는 방법

Contact Form 7은 워드프레스에서 인기 있는 무료 컨택트 폼 플러그인입니다. 이때까지 “on_sent_ok” 후크를 사용하여 양식 제출 후 이동할 URL을 쉽게 지정할 수 있었지만 이제 “on_sent_ok”를 입력하면 오류 메시지가 표시됩니다. on_sent_ok는 2017년 말까지만 사용되고 이후부터는 사용되지 않는다고 합니다. 이제부터는 대신 다음 스크립트를 페이지 템플릿에 추가하여 컨택트 폼 제출 후 다른 페이지나 URL로 리디렉션시킬 수 있습니다. 이제 조금 번거롭게 되었습니다. 양식 제출 후 동작을 쉽게 지정하려면 Quform을 사용해볼 수 있습니다. Quform에서는 매우 수월하게 양식 제출 후 동작을 지정할 수 있습니다. 참고: Contact Form 7에서 제출한 문의 글을 케이..

워드프레스 2017.12.15