위젯
2020.03.16 14:03

폼 위젯

조회 수 18 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 인쇄 첨부
Extra Form
제작자 윤삼
출처 https://xetown.com/point_contents/1359990
적용여부 변형
적용페이지 https://moonhouse.co.kr/buy

위젯 설명

 

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

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

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

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

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

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

 

 

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

?

XE Data

Xe자료실에 있는 자료들은 이곳 저곳에서 제가 필요하다고 생각되는 것들을 모아 놓은 게시판입니다.

  1. 폼 위젯

    위젯 설명 - 게시판을 활용하여 폼(form) 형태 페이지를 출력하는 위젯입니다. 위젯을 통해 작성한 콘텐츠는 지정된 게시판으로 전송됩니다. - 문의 글 전송, 견적 문의 등을 수행할 수 있습니다. - '제목+이름+이메일+연락처+내용' 입력을 기본으로 합니다. -...
    Date2020.03.16 Category위젯 Reply0 Views18 file
    Read More
  2. 게시판 전체 검색 모듈

    개인 스킨을 개발하려다가 특정 사용자 정의 값에 여러개 단어를 포함하는 검색 기능이 없길래 어찌하다보니 모듈을 개발하게 되었습니다. 모듈을 개발할 수 있도록 비행기 태워주신 @doorweb 님 @GG 님 감사합니다. -_- alpha 버전이니 실 사이트에서는 주의 ...
    Date2019.10.15 Category모듈 Reply0 Views137 file
    Read More
  3. 확장변수 업로드 모듈

    <기능> - 확장 변수를 이용해서 업로드 할수 있게 해줍니다. - 파일 수 제한과 용량 제한 기능 내장 되어 있습니다. - 출력할 이미지 사이즈를 설정할수 있습니다. - 글 삭제시 확장변수로 업로드된 파일도 같이 지워집니다. - 확장변수로 업로드 할수 있는 형...
    Date2019.09.23 Category모듈 Reply0 Views114 file
    Read More
  4. No Image

    탭 위젯을 생성하게 해주는 에디터 컴포넌트

    문하우스의 애드온 모음집 탭 위젯을 생성하게 해주는 에디터 컴포넌트 - 베타 버전 시험페이지 https://xetown.com/tips/1180004
    Date2019.02.25 Category애드온 Reply0 Views372
    Read More
  5. 미디어플레이어 애드온(MediaElement addon)

    MediaElement.js와 HTML5 video,audio 태그를 이용한 미디어 플레이어 및 유튜브 링크 애드온입니다. 당초에는 유튜브 뮤직을 링크시켜주는 애드온을 찾다고 없어서 시작했는데 일판이 좀 커졌네요. 애드온 이름을 몇번 바꾸다가 최종적으로 미디어플레이어 애...
    Date2019.02.09 Category애드온 Reply0 Views235 file
    Read More
  6. 드래그하여 페이지/문서 이동 애드온

    모바일 환경에서 드래그하여 페이지/문서를 이동할 수 있습니다. 1.1.1 코드 정리 조건문 타입에러 수정 기능적으로는 마지막 업데이트이지 않을까 싶습니다 불친절하게도 관리자설정이 따로 없습니다 tpl/index.html에서 터치영역을 직접 입력하여 사용하세요...
    Date2019.02.09 Category애드온 Reply0 Views208 file
    Read More
목록
Board Pagination Prev 1 2 3 4 5 ... 28 Next
/ 28