(완료) 컨택트폼을 사용해서 만든 예약신청 폼인데, 브라우저 알람이 2번 뜹니다

스레드봇님, 안녕하세요?

코스모스 팜의 컨택트폼 스킨을 이용해서 텔레캅 예약신청 폼을 만들었습니다.
문자 전송으로 곧 바로 사업주에게 통보되니 멋드러진 사이트가 되었습니다.

그런데 이슈가 하나 있습니다.
컨택트 폼의 보내기 버튼을 클릭하면...
"메시지가 성공적으로 전송되었습니다"
라고 나오는데요....

ok(또는 확인) 키를 클릭하면,

상기 메시지가 한번 더 나옵니다.
옥의 티 같아서 해결하려고 해도 방법을 못찾겠습니다.


(구체적인 설명)

1. 해당 사이트 주소 : http://ktttelecop.com/

2. 각각의 페이지 마다 상단에 '상담 신청' 폼이 있는데, 코스모스의 컨택트폼 스킨으로 만들었습니다.

3. 주요 참고 내용
    (1) BNE-flyouts 라는 플러그인을 사용하고 있으며, 이 플러그인 내부에 kboard  숏코드를 삽입해서 하는 방식으로 처리하고 있습니다.
    아마 BNE-flyouts 라는 플러그인과 연관된 문제인 듯 한데요,
    코스모스 팜의 Kboard에서 해결 처리가 가능한지 문의 드립니다.

     (2) 상기 BNE-flyouts은 모바일에서 유용하기에 pc 상태에서는 작동되지 않도록 Kboard 대시보드의 css 설정에서 막아 놓았고요,

      모바일에서 매 page (총19개 페이지임) 상단과 하단에 '가입신청서 제출 (온라인양식)' 이라는 버튼을 클릭하면
      좌측에서 슬라이딩 방식으로 나타나는 형식이며, 이때 Kboard의 숏코드로 처리된 상담신청서 제출이라는 폼이 나오게 되어있습니다.

ps. 매우 중요한 사항이라고 꼭 도움을 부탁드립니다^^;;;
 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 플러그인은 기본적으로 하나의 페이지에 하나의 게시판만 설치하도록 되어있습니다.

    만약, 한 페이지에 여러 개의 게시판을 추가해야 할 경우

    아이프레임으로 보기 기능을 활성화해보시겠어요?

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 고급설정 페이지에서 설정하실 수 있습니다.

     

    그래도 해결되지 않으신다면,

    저희 고객지원 쪽 이메일로 워드프레스 관리자 계정과 FTP 접속 정보를 보내주시면 점검해드리겠습니다.

    고맙습니다.

  • 안녕하세요?

    고객지원쪽으로 관리자 계정과 ftp 접속정보 보내드렸습니다.

    제가 해결할 수 있는 이슈가 아니라서, 부탁드리겠습니다^^;;;

    감사합니다!

     

  • 안녕하세요.

    저희 고객지원 쪽 이메일로 보내주신 정보로 확인해보니

    BNE Flyout 플러그인 사용 시 아이프레임 내에

    게시판 레이아웃이 2번 표시되는 문제인 듯합니다. 

     

    게시글 작성 시 안내 창이 2번 표시되는 문제를

    KBoard 플러그인에서 해결하시려면

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일에

    아래의 코드를 지워보시겠어요?

    <?php if(kboard_execute_uid()):?>
    <script>alert('<?php echo __('Your message was sent successfully. Thanks.', 'kboard')?>');</script>
    <?php endif?>

     

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

    아래의 코드처럼 추가해보세요.

    add_action('kboard_document_insert', 'my_kboard_document_insert', 10, 4);
    function my_kboard_document_insert($content_uid, $board_id, $content, $board){
    	if($board_id == '1'){ 
    		?>
    		<script>alert('<?php echo __('Your message was sent successfully. Thanks.', 'kboard')?>');</script>
    		<?php
    	}
    }

     

    해당 사이트의 기준으로는 테마 쪽 functions.php 파일에서

    아래의 코드를 찾아서

    cosmosfarm_members_sms_send($phone, $message);

    찾은 코드 밑에 아래의 코드를 추가해보세요.

    ?>
    <script>alert('<?php echo __('Your message was sent successfully. Thanks.', 'kboard')?>');</script>
    <?php

    고맙습니다.

  • 스레드봇님, 테스트 결과입니다.

    테스트 결과를 말씀드리기 전에, 다른 플러그인 (BNE flyout) 으로 인한 문제를
    문의드리게 되어서 송구스럽다는 말씀 먼저 드립니다^^;;;

    (답변 내용에 따른 테스트 결과)

    윗 글에서 답변주신 3가지 부분을 수정하니 아래와 같은 에러 메세지가 뜹니다.
    The site is experiencing technical difficulties.


    그래서 위의 3가지 수정사항들을 여러가지 조합으로 테스트 해서 정리한 내용은 아래와 같습니다.

    (테스트-1) KBoard 의 editor.php 만 반영해서 테스트
                    --> 결과 : 알람메시지가 전혀 나타나지 않으나 전송은 정상적으로 됩니다. 

    (테스트-2) cosmosfarm_members_sms_send($phone, $message); 부분 관련 (혹시 제가 코드 삽입에 실수를 하지 않았나 해서 수정 전후를 표기합니다)

          (수정전)
            cosmosfarm_members_sms_send($phone, $message);
              }
           }

          (수정후)
            cosmosfarm_members_sms_send($phone, $message);
            ?>
           <script>alert('<?php echo __('Your message was sent successfully. Thanks.', 'kboard')?>');</script>
           <?php
            }
          }

          --> 결과는 정상적으로 알람이 1번만 나타납니다.

     

    (테스트-3) 에러 발생 원인 부분으로 추정됨 (아래 코드를 차일드 테마의 functions.php 부분 최하단에 추가하니 에러가 발생되고 있습니다)

    add_action('kboard_document_insert', 'my_kboard_document_insert', 10, 4);
    function my_kboard_document_insert($content_uid, $board_id, $content, $board){
        if($board_id == '1'){ 
            ?>
            <script>alert('<?php echo __('Your message was sent successfully. Thanks.', 'kboard')?>');</script>
            <?php
        }
    }

     

     

    즉, 답변 주신 내용중에서 1,2번만 수행하면 현재까지는 원하는 결과가 나오는데,
    3번 부분을 어떻게 처리해야 하는지 문의드립니다.

     

     

  • 3번 예제는 테마 쪽 functions.php 파일에 kboard_document_insert 액션의 코드가 없을 때

    추가하는 코드입니다.

    해당 사이트의 테마 쪽 functions.php 파일에 이미 kboard_document_insert 액션 코드가 있기 때문에

    테스트 3번 코드는 지우셔도 됩니다.

     

    추가로, 코드 수정 시

    "The site is experiencing technical difficulties." 에러 메시지가 표시될 때

    워드프레스 디버그 모드를 활성화하시면 에러 메시지를 확인해보실 수 있습니다.

    워드프레스 에러 확인하기 - 디버그 모드 활성화 방법

    고맙습니다.

  • 스레드봇님, 감사합니다.


    이번 프로젝트가 99% 완료된 상황이었는데,
    최종 테스트 과정에서 알람이 2번 발생 건으로 인해서
    스트레스를 엄청 많이 받았습니다.

    그러나 스레드봇님과 코스모스팜의 도움 덕분에 해결되어서
    고마운 마음입니다^^

    정말 감사합니다!!!

     

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기