내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 371

폼 위젯

최초 등록일: 2020.03.12 조회수 : 1614

무료

5.0점 / 총 25명 참여
  • 구매자 114
  • 소개 게시판을 활용하여 폼(form) 형태 페이지를 출력하는 위젯입니다. 위젯을 통해 작성한 콘텐츠는 지정된 게시판으로 전송됩니다. 
  • 설치경로 ./widgets/ap_form 
  • 지원환경 Rhymix 
  • 라이선스 XPM License (재배포 금지) 
  • 분류 위젯
  • 제작자 윤삼
  • 다운로드
    ap_form.zip 98.6KB (잔여일 : -, 잔여횟수 : -)
    ap_form.1.0.1.zip 98.55KB (잔여일 : -, 잔여횟수 : -)
    ap_form.1.1.0.zip 100.4KB (잔여일 : -, 잔여횟수 : -)
    ap_form.1.1.1.zip 101.12KB (잔여일 : -, 잔여횟수 : -)
    ap_form.1.1.2.zip 102.74KB (잔여일 : -, 잔여횟수 : -)
    ap_form.1.2.zip 107.38KB (잔여일 : -, 잔여횟수 : -)
    ap_form.1.2.1.zip 111.51KB (잔여일 : -, 잔여횟수 : -)

위젯 설명

 

- 게시판을 활용하여 폼(form) 형태 페이지를 출력하는 위젯입니다. 위젯을 통해 작성한 콘텐츠는 지정된 게시판으로 전송됩니다.

- 문의 글 전송, 견적 문의 등을 수행할 수 있습니다.

- '제목+이름+이메일+연락처+내용' 입력을 기본으로 합니다.

- 게시판 분류 및 사용자정의(확장변수)를 활용할 수 있습니다.

- 비밀글 지정, 댓글 허용 등 다양한 옵션을 지원합니다.

- 이런 문의도 있고 해서 과거의 contactfree라는 위젯에 기능을 조금 개선해보자는 취지에서 작업하다가 거의 새로운 위젯을 만들어버렸습니다. 즉, contactfree 위젯의 초확장 버전이라 보시면 되겠습니다;;

 

 

1.2.1  업데이트

- 2020-05-30

- 버그 수정 : 라이믹스 국제전화번호 체계 반영으로 기본정보의 전화번호 필드 자동교정 제한

- 기능 개선 : 국가번호가 한국(라이믹스) 또는 언어 모드가 한국(XE)일 경우에만 한국식 전화번호 자동교정 적용

 

 

1.2  업데이트

- 2020-05-28

- 기능 개선 : 라이믹스 1.9.9.7 마스터 브랜치 버전 기준에 맞춰 전화번호 체계 변경

- 기능 개선 : 라이믹스 내장 리캡챠 애드온 활용. 위젯에서 리캡챠 설정을 하면 리캡챠 애드온의 설정을 가져와 적용 가능

- 버그 수정 : 제목 자동 지정의 경우, 영어 모드에서 제목이 string이 아니라 object로 저장/출력되는 문제 수정

 

 

1.1.2  업데이트

- 2020-03-17

- 별다른 버그가 있지 않는 한 마지막 버전

- 개인정보 안내문 출력 옵션 다양화 (비출력, 직접 입력, 파일 연결) : '파일 연결'은 스킨 내의 privacy 폴더에 html 파일을 올려둔 뒤 위젯 설정에서 지정하면 됨(확장자를 빼고 입력 가능).

- 기존에 개인정보 안내문을 사용하던 관리자는 위젯 변수값 변경으로 인해 '개인정보 안내' 선택 옵션값을 재설정해줘야 합니다.

 

 

1.1.1  업데이트

- 2020-03-16

- 라이믹스 회원 전화번호 체계에 맞춤
- 폼 전송 후 현재 페이지 처리시 화면 스크롤을 페이지 최상단이 아니라 위젯 상단으로 이동
- 폼 전송 후 원하는 url로 이동 가능 (페이지 처리방식 옵션 추가)

 

 

1.1.0  업데이트

- 2020-03-14

- 기본 스킨(default)의 파일 구조 개선 및 코드 정리

- 본문에 전화번호 기재 (버그 수정)

- 우편번호 유효성 체크 (버그 수정 : postcodify API 사용시)

- 이메일 주소 입력에 필수/옵션 적용

- 내용글(message 필드) 입력에 필수/선택 옵션 적용

 

 

1.0.1  업데이트

- 2020-03-12

- 분류를 사용하지 않는 경우 유효성 검사에 걸리는 문제를 수정

- 폼 전송 후 현재 페이지에서 결과값 처리시 이미지가 뜨지 않던 문제 수정

 

 

'설정' 설명

 

1. 게시판 연동

0.png

- 게시판을 지정하면 폼 위젯에서 작성한 콘텐츠가 해당 게시판에 저장됩니다.

- 게시판 모듈을 지정하지 않으면 위젯 작동이 중지되고 에러페이지를 출력합니다.

 

2. 콘텐츠 제목

1.png

- 이용자가 직접 제목을 입력할 수도 있고, 위젯 스킨에서 설정된 제목을 뿌려줄 수도 있습니다.

 

3. 분류(카테고리) 활용

2.png

- 분류를 출력 방식을 선택할 수 있으며, 분류번호(category_srl)을 이용해 특정 분류만 모아서 출력하는 것도 가능합니다.

- 분류 번호를 1개만 지정하면 위젯 스킨에서는 분류 폼을 따로 출력하지 않고 콘텐츠는 해당 분류로 자동 귀속됩니다.

 

4. 문서 비밀번호

3.png

- 비로그인 사용자에 한해 콘텐츠의 비밀번호를 랜덤 또는 직접 선택 방식으로 제공합니다.

 

5. 사용자 정의(확장변수) 활용

4.png

- 게시판의 확장변수를 가져와서 폼 문서로 출력이 가능합니다. 분류와 마찬가지로 아예 출력을 하지 않거나 일부만 활용하거나 모두 활용할 수 있습니다.

 

6. 댓글 허용, 공개/비밀 선택

5.png

 

6.png

- 일반적인 게시물과 마찬가지로 사용자가 댓글 허용 여부 및 비밀글 사용 여부를 결정할 수 있습니다.

- 또한 관리자가 댓글을 일괄 허용하거나 일괄 불허할 수 있으며, 콘텐츠를 강제로 공개 또는 비밀로 귀속시킬 수 있습니다

 

7. 개인정보 안내 및 동의

7.png

 

- 개인 정보를 수집하는 만큼 관련 사항을 선택적으로 출력할 수 있습니다.

- 안내문 제목과 설명란에 개행 문자(\n)를 삽입하면 복수의 안내가 가능합니다. (예. 개인정보 수집 및 이용 동의, 개인정보 제3자 제공 동의 등)

 

8. 폼 전송 후 페이지 처리

8.png

- 폼 전송 후 페이지 처리 방식을 선택할 수 있습니다.

- 1) 현재 페이지에서 입력 사항을 간단히 보여주거나, 2) 콘텐츠 본문으로 바로 이동하거나, 3) 콘텐츠가 저장된 게시판 목록화면으로 이동할 수 있습니다.

 

 

몇 가지 팁

 

분류번호(category_srl)나 확장변수 eid를 몰라도 걱정마세요

- (관리자 페이지 등에서 위젯 코드만 추출하는 방식이 아니라) 위젯 페이지에서 페이지 수정을 통해 위젯 설정을 시도하면...

- 분류나 확장변수를 '모두 활용'으로 선택하고 설정을 저장한 뒤, 다시 설정을 수정하면 대상 게시판에 연계된 분류와 확장변수 목록이 자동으로 입력되어 있는 것을 볼 수 있을 겁니다.

- 여기서 변수값을 선택적으로 추리고 '일부만 활용'으로 바꾸면 위젯 설정에 수고로운 시간을 줄일 수 있습니다.

 

폼-메일(form mail)로도 사용할 수 있어요

- 게시판 설정에서 '관리자 메일'을 설정해놓으면, 신규 문의가 등록될 경우 메일로 알림을 받을 수 있습니다.

- 우리메일 등을 이용하면 보다 완벽한 형태의 이메일을 받아볼 수도 있습니다. (강추)

- 이래저래 본 위젯이 폼 메일 기능으로도 활용될 수 있을 겁니다.

 

기능 확장을 고려할 수 있습니다

- 스킨 개발을 통해 위젯 변수를 잘 활용하면 다양한 방식으로 기능을 확장해볼 수 있을 겁니다.

- 예를 들어 자바스크립트 또는 제이쿼리를 활용하여 스킨을 잘 개발하면, 구글식의 다단계 설문조사 같은 것도 구현할 수 있을 겁니다. 또한 게시판 스킨을 재가공해서 저장된 확장변수값을 아우르는 다양한 통계페이지도 생각해볼 수 있습니다.

 

 

기타 정보

 

- 라이믹스 + 크롬에서 개발되었습니다. 기타 환경에 문제가 있을 경우 댓글로 알려주세요~

- 그 외의 프로세스에 대해서는 직접 사용해보시기를 권장합니다. (이제 슬슬 힘들어서요...)

- 다음 페이지들에서 실제 작동하는 과정을 체험할 수 있습니다.

- 미리보기

- 최소 옵션 출력 버전 : https://bit.ly/33edLkJ

- 풀 옵션 출력 버전 : https://bit.ly/3aRMOGr

 

 

profile 사물이 거울에 보이는 것보다 가까이 있음

댓글 '133'

프로필 사진 profile
다이돌이 2020.03.17 21:12 댓글 별점
야호~~ 신납니다~~ 정말 고생많으셨습니다.
새버전은 낼 출근해서 설치해보고요...
아마 쓰는 용도에 따라 다양한 사이트 운영자들에게 활용도 높은 위젯이지 않을까합니다.
거의 문의접수형태의 신청폼으로서는 퍼펙트합니다~~~~~
프로필 사진 profile
다이돌이 2020.03.17 21:15 댓글 별점
혹시 1.1.1에서 1.1.2 업데이트 할때...
수정된 파일명만 알 수 있을까요? 1.1.1 디자인 수정을 좀 했던지라.. 뭘 수정했는지...기억이 가물가물하네요 -_-a
프로필 사진 profile
윤삼 2020.03.17 22:52 댓글 별점
스킨에서는
- form.html 97행 ap_privacy_desc 클래스 안에서 변수 불러오는 방식이 바뀌었습니다.
- _setting.html에서 언어 변수 오타가 있어서 수정 borad->board, 그리고 '동의하고 닫기'도 언어팩에 추가
- 개인정보 보호 안내문 html 문서를 담은 privacy 폴더 추가
정도가 바뀐 부분이구요.
위젯 클래스 파일과 info.xml 파일도 수정이 좀 있었는데 디자인에는 영향을 주진 않을 겁니다.
프로필 사진 profile
findany 2020.03.18 21:24 댓글 별점
정말 최고의 자료중 하나입니다.
운삼님 그런데 혹시 사용자 정의에 파일첨부를 넣고 싶은데
기존에 사용하던 확장 변수 업로드 모듈을 해당 폼에 적용 할 수는 없는지요
해당 게시판에서는 잘되는데, 폼에서는 그부분이 재현이 안되는것 같아 여쭙습니다.
감사합니다.
프로필 사진 profile
윤삼 2020.03.18 22:11 댓글 별점
제가 실사용하면서 공개하는 자료여서요.
지금 당장은 모르겠고 나중에라도 제가 해당 모듈을 사용하게 되면 그때 한번 생각해봐야겠습니다.
급하시다면 직접 해보시거나 의뢰하시는 것도 좋을 것 같아요.
프로필 사진 profile
findany 2020.03.19 15:19 댓글 별점
감사합니다. 윤삼님 지금도 충분히 훌륭합니다^^
프로필 사진 profile
다이돌이 2020.03.19 12:01 댓글 별점
어제 최종버전(1.1.2 기준) 적용해보고 한마디 내뱉었습니다.
"아! 완벽하군!"
윤삼님 덕분에 필요로했던 상담신청폼 울트라 업그레이드 버전을 설치할 수 있게되어 정말 고마운 마음 전합니다. ^^
프로필 사진 profile
윤삼 2020.03.19 12:15 댓글 별점
라이믹스 최신 develop 버전에서 전화번호 체계가 조금 바뀌게 돼서 master 버전이 새로 나오게 되면 그 부분 수정해야 돼요ㅎㅎ
프로필 사진 profile
마트몬 2020.03.23 13:55 댓글 별점
감사합니다.잘사용하겠습니다.

한가지 질문을 드려도 될까요?

게시판 일기 화면 본문 하단에 생성된 폼메일 위젯 코드를 넣었습니다.

[ 게시판 읽기 화면 ]
게시글 제목
본문 내용
폼메일 위젯 코드
[ 폼메일 보내기 버튼 ]

일반회원(비회원)이 본문을 내용을 보고 본문 하단에 있는 폼메일을 작성, 관리자게에 바로 전송할 수 있도록 하려고 하는데요.
혹시 현재 보고 있는 게시판의 글 제목값도 함께 자동으로 폼메일을 통해 혹시 보낼 수 있는 방법이 있을까요?
프로필 사진 profile
윤삼 2020.03.23 14:47 댓글 별점
1. $document_srl을 이용해서 문서 제목을 가져와 위젯 스킨 제목 부분에 넣어줄 수 있을 겁니다.
2. js를 이용해서 게시판 스킨의 제목 부분에서 제목 텍스트를 가져와 위젯 스킨 제목 부분에 넣어줄 수도 있을 거예요.
... 또 다른 방법이 있을 것도 같은데 지금은 이 정도까지만 생각 나네요.
프로필 사진 profile
마트몬 2020.03.23 15:01 댓글 별점
아 감사합니다. 1번 방법으로 시도 해보겠습니다. 감사합니다.
프로필 사진 profile
마트몬 2020.03.23 16:00 댓글 별점
감사합니다. 알려주신 부분은 아래와 같이 적용하니 일단은 문제가 해결이 된것 같습니다.
<!--// 제목 -->
<div class="ap_item ap_message" rel="title" cond="$wi->use_title != 'Y'">
<label for="title"> {$oDocument->getTitle()}</label>
<input type="text" name="title" id="ap_title" value="{$oDocument->getTitle()}" />
</div>
한가지만 더 문의드리겠습니다.
위팁을 적용한 상태에서 로그인 상태에서는 문제가 없지만 비회원 상태에서 폼 전송 버튼을 누르면 권한이 없습니다. 라는 메시지가 나와서 다시 위 팁 적용하지 않고 원본 상태에서 페이지 생성 > 폼 위젯을 적용하고 페이지 설정 > 접근권한을 모든 사용자로 지정했습니다.
마찬가지로 비회원 상태에서 폼 내용입력 후 전송을 누르면 등록하겠습니까? > 예를 누르면 권한이 없습니다라는 메세지가 뜨는 데요. 혹시 비회원 폼 전송은 안되는 부분인지 아니면 다른 설정이 필요한지 문의드립니다.
테스트 페이지 : [삭제]
프로필 사진 profile
윤삼 2020.03.23 16:16 댓글 별점
타겟 게시판에 쓰기 권한도 부여되어 있는데 그러던가요? 헐..
프로필 사진 profile
마트몬 2020.03.23 16:20 댓글 별점
앗 잠시만요 폼 내용이 전송되는 게시판의 권한을 한번 확인 해보겠습니다.
프로필 사진 profile
윤삼 2020.03.23 16:23 댓글 별점
테스트하니까 글 등록이 되는데요;;; 네네, 타겟 게시판이요.
프로필 사진 profile
마트몬 2020.03.23 16:25 댓글 별점
앗 폼이 전송되는 게시판의 글쓰기 권한을 미쳐 체크 못했습니다. 폼이 전송되는 게시판의 글쓰기 권한이 로그인으로 되어있는것을 비회원글쓰기로 바꾸니 정상작동됩니다. ^^;
프로필 사진 profile
윤삼 2020.03.23 16:26 댓글 별점
아이고, 순간 식겁했었네요 ;)
다행입니다~
프로필 사진 profile
마트몬 2020.03.23 16:26 댓글 별점
번거롭게 해드려서 죄송합니다.감사합니다. ^^;;
프로필 사진 profile
똑띠 2020.03.26 16:36 댓글 별점
라이믹스만 지원될까요? XE는 지원이 안될까요?
프로필 사진 profile
윤삼 2020.03.26 16:42 댓글 별점
아이고, XE에서는 테스트를 안 해봐서요.
XE에서는 역시 구동이 안 되던가요? ㅠ
이번에 라이믹스 마스터 버전 코어 업데이트가 있으면서 위젯도 수정해야 할 필요가 생겼는데, 시간이 나면 XE쪽도 점검해볼 수도 있을 것 같아요.
문제는 시간ㅜㅜㅜ
프로필 사진 profile
똑띠 2020.03.26 17:01 댓글 별점
네.안타깝게 xe에선 저장버튼을 눌렀을때 반응이 없네요.
프로필 사진 profile
윤삼 2020.03.26 17:15 댓글 별점
그렇군요. 시간 되는대로 체크해볼게요~
프로필 사진 profile
토토 2020.03.31 21:16 댓글 별점
확장변수를 모두 활용으로 바꿔도 변화가 없네요. 베이직 부분만 정상적으로 나옵니다 ㅎ
프로필 사진 profile
윤삼 2020.03.31 22:23 댓글 별점
무엇을 어떻게 하거나 하지 않으신 걸까요오.
참고로 라이믹스 전용입니다~
프로필 사진 profile
아우 2020.04.22 10:26 댓글 별점
감사하게 잘 사용 중입니다.
헌데 IE에선 주소입력이 안되네요. 수정 가능 한부분이면 부탁드리겠습니다.
프로필 사진 profile
윤삼 2020.04.22 12:49 댓글 별점
라이믹스 + 엣지에선 잘 되는 걸 확인했는데요.
IE는 잘 모르겠습니다.
그리고 XE에서 문제가 있다는 보고가 있긴 했어요.
프로필 사진 profile
파워마린 2020.04.22 17:49 댓글 별점
멋진 자료 감사합니다. 잘 사용하겠습니다
프로필 사진 profile
adlib 2020.05.22 14:33 댓글 별점
먼저 윤삼님 정말 마음에 들게 만들어 주셔서 고맙게 잘 쓰고 있습니다.
XE에서 테스트 해보니 PC버전에서는 정상입니다.

모바일에서는 두가지 문제만 해결되면 완벽합니다.
1. 자동제목 : 사용시 발송완료 후 제목이 Message Form [object Object] 로 나옵니다.
2. 페이지 이동 : 현재 페이지로 놓았을 때 확장변수 지정한 부분들이 반응형으로 지원이 안됩니다. 

XE에서도 쓸 수 있도록 업데이트 1.1.3 버전 기다리겠습니다.
감사합니다.
프로필 사진 profile
윤삼 2020.05.22 14:48 댓글 별점
반응형 안 되는 부분이 어디인가요?
윈10에 크롬에서 테스트하다보니 가로 사이즈 500px가 한계였던 것 같아요;;
엣지로 보면 크게 문제는 없어 보이는데...
프로필 사진 profile
adlib 2020.05.22 16:05 댓글 별점
확장변수 제목이 좀 길다보니 자동줄바꿈이 안되어서 그렇게 보였던 것이였습니다.
해결되었습니다.
모바일에서
1. 자동제목 : 사용시 발송완료 후 제목이 Message Form [object Object] 로 나옵니다.
프로필 사진 profile
윤삼 2020.05.22 16:20 댓글 별점
submit,js 파일 48행을
( xe.current_lang == 'ko' ) ? title.val(nick_name.val() + '님으로부터의 메시지') : title.val('Message From ' + nick_name.val());
로 수정하면 1번 문제도 해결될 것 같습니다.
프로필 사진 profile
adlib 2020.05.22 17:03 댓글 별점
감사합니다.
잘 해결되었습니다.
XE 에서도 회원가입시 입력받은 전화번호를 불러올 수 있나요?
^^* 죄송스러워서 이 질문은 취소합니다.
프로필 사진 profile
윤삼 2020.05.22 17:15 댓글 별점
회원 확장변수를 가져오려면 적지 않게 수정이 있어야 할 것 같은데요.
고려를 해보긴 하겠습니다만, 어느 시점쯤에 작업이 가능할지는 장담을 못하겠습니다ㅜ
프로필 사진 profile
adlib 2020.05.22 17:24 댓글 별점
네 알겠습니다.
진심으로 감사합니다.
프로필 사진 profile
카트라이더 2020.05.25 17:45 댓글 별점
윤삼님 윤삼님 윤삼님 감사합니다.
존경합니다.^^
프로필 사진 profile
마음의빈자리 2020.05.27 11:04 댓글 별점
윤삼님 너무 필요한 자료 정말 감사합니다.
혹시 이 위젯을 사용할때,라이믹스에 포함된 reCAPTCHA 적용이 되나요?
아직 스팸등록은 없지만, 비회원 대상으로 문의 받으면 스팸이 있을 것 같아서 여쭙니다. ^^
프로필 사진 profile
윤삼 2020.05.27 12:03 댓글 별점
해본 적은 없지만 리캡차 애드온이 보통 form 태그 안쪽 끝에 들어가고 유효성 체크에 개입하는 것으로 알고 있습니다. 그러니까 되지 않을까요? 다만 리캡차 애드온이 위젯 페이지에도 적용되는지 정도가 관건일 것 같네요ㅜ
프로필 사진 profile
윤삼 2020.05.27 12:30 댓글 별점
음, 역시 다시 보니까 위젯이어서 적용이 안 되네요ㅜㅠ
프로필 사진 profile
마음의빈자리 2020.05.27 16:07 댓글 별점
네네 답변 감사합니다. ^^
괜찮습니다. 적용해보니, 정말 사용자에 대한 배려가 느껴져요,
감사^^
프로필 사진 profile
윤삼 2020.05.27 16:10 댓글 별점
큰일났어요! 위젯에 리캡차 애드온을 연결시키고 싶어졌어요ㅋㅋㅋㅋ
프로필 사진 profile
마음의빈자리 2020.05.27 16:15 댓글 별점
아이고 ㅠㅠ,..이런이런~
쉬엄쉬엄하세요 ^^
프로필 사진 profile
윤삼 2020.05.27 16:32 댓글 별점
생각나는대로 한번 연구해보겠습니다~ :)
프로필 사진 profile
king 2020.05.27 12:07 댓글 별점
와 감사합니다.
잘쓰겠습니다!
프로필 사진 profile
마음의빈자리 2020.05.28 08:32 댓글 별점
헐~ 이런 이런,...
대단하신 분을 봤나 ㅎㅎㅎㅎㅎ
아 이거 죄송하기도하고 감사하기도 하고 ㅎㅎㅎ
커피쏘기 기능도 만들어주세요 ㅋㅋㅋ
감사해요 ㅠㅠ
프로필 사진 profile
윤삼 2020.05.28 10:08 댓글 별점
커피는 셀프입니다ㅋㅋㅋㅋ
피드백 부탁드려요~
프로필 사진 profile
윤삼 2020.05.28 10:16 댓글 별점
헛, 거기에 개인용도로 개발 중이던 스킨이 깜빡 들어가버렸네요ㅋㅋㅋㅋ
그거 어차피 정상 작동 안할 테니까 ap_로 시작하는 폴더는 지워주세요~
프로필 사진 profile
마음의빈자리 2020.05.28 13:24 댓글 별점
넵 지웠어요 ^^
프로필 사진 profile
마음의빈자리 2020.05.28 13:24 댓글 별점
라이믹스 기본 내장 reCAPTCHA까지 잘 됩니다.
폼 위젯 + 캡챠 + 이메일 알림까지 적용가능하니 이거 뭐 신세계네요! ㅎ
감사합니다!!
프로필 사진 profile
윤삼 2020.05.28 13:34 댓글 별점
야호, 다행이네요.
확인해본 바로는 괜찮긴 했는데, 리캡챠 애드온 가져오면서 원래 php에 있던 체크 방식을 자바스크립트 체크 방식으로 간소화하면서 혹시나 문제가 있지 않을까 살짝 염려가 있었거든요.
나중에라도 버그 발견되면 언제든 말씀해주세요~~
프로필 사진 profile
마음의빈자리 2020.05.28 13:37 댓글 별점
네네~ 감사합니다. 넘넘 감사합니다 (--)(__)(--)