코드를 제 사이트에 복사하는 방법

주의: 아임웹에서 제공하지 않는 기능을 코드로 해결하는 도움말입니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 작동하지 않을 수 있습니다.

이 도움말은 코드를 활용한 고급 도움말로 마우스 스크롤 시 팝업을 고정하는 방법을 설명합니다.

코드를 제 사이트에 복사하는 방법

설정방법

1단계: 팝업 추가하기

팝업/배너 추가하기 도움말을 참고하여 팝업을 제작합니다.

2단계: 코드 복사 및 붙여넣기
  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [환경설정 > SEO, 헤더설정]을 클릭해 이동합니다.
  3. 마우스 휠 스크롤을 내려 Body Code 항목으로 이동합니다.
  4. 아래의 소스 코드 전체를 복사하여 Body Code 작성 칸에 붙여넣습니다.

    <style>
    /*스크롤 시 팝업 고정*/
      .pop-container {
        position: fixed;
        }
    </style>

    코드를 제 사이트에 복사하는 방법

3단계: 동작 확인하기

실제 사이트에 접속하여 마우스 스크롤 시 팝업이 정상적으로 고정되는지 확인합니다.

아임웹은 세계 최대 이용률을 자랑하는 SECTIGO SSL 보안 서비스를 제공합니다. SSL 사용자는 SECTIGO에서 제공하는 SSL 인증마크(TrustSeal)를 사이트에 부착하여 고객에게 안전한 보안 서비스를 제공하는 사이트임을 알릴 수 있습니다.

코드를 제 사이트에 복사하는 방법

방문자는 사이트에 부착된 Trust Seal 인증마크를 볼 수 있으며, 이미지 위에 마우스 포인터를 올리거나 클릭하는 경우 Sectigo 본사에서 제공하는 SSL 상세 인증서 정보를 확인할 수도 있게 됩니다.

참고: 기관 정보는 Global SSL 사용자에 한하여 표시됩니다.

코드를 제 사이트에 복사하는 방법

설정방법

1단계, SECTIGO Trust Seal 코드 생성하기
  1. Sectigo Trust Seal 페이지에 접속합니다.
  2. 페이지 하단 Select Certificate Type 항목에서 사용 중인 인증서 종류를 선택합니다.
    • Basic SSL 사용자: Sectigo SSL
    • Global SSL 사용자: Sectigo SSL OV
    • Basic WildCard SSL 사용자: Sectigo SSL Wildcard
  3. Trust Seal크기를 선택합니다. (예: Small 82 x 32)
  4. 코드 오른쪽 Copy to clipboard를 클릭해 생성된 코드를 복사합니다.
2단계, 사이트에 Trust Seal 부착하기
  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [환경설정 > SEO, 헤더설정]을 클릭해 이동합니다.
  3. Header Code에 복사한 코드를 붙여넣습니다. (Windows: Ctrl + V, Mac: Cmd + V)
  4. 붙여넣은 코드 맨 앞, 맨 뒤에 다음의 코드를 추가합니다.
    • 맨 앞: <style>.sectigoSsl {position:fixed; left:4px; bottom:4px; cursor: pointer; z-index:99; </style><span class="sectigoSsl">
    • 맨 뒤: </span>
  5. 완료하면 다음처럼 코드가 표시됩니다. (Basic SSL 사용자 기준 코드)

     <style>
       .sectigoSsl {
             position:fixed;
             left:4px;
             bottom:4px;
             cursor: pointer;
             z-index:99;
     </style>
     
     <span class="sectigoSsl">
       <script type="text/javascript"> //<![CDATA[
       var tlJsHost = ((window.location.protocol == "https:") ? "<https://secure.trust-provider.com/>" : "<http://www.trustlogo.com/>");
       document.write(unescape("%3Cscript src='" + tlJsHost + "trustlogo/javascript/trustlogo.js' type='text/javascript'%3E%3C/script%3E"));
     //]]></script>
     <script language="JavaScript" type="text/javascript">
       TrustLogo("<https://sectigo.com/images/seals/sectigo_trust_seal_sm_2x.png>", "SECDV", "none");
     </script>
     </span>
    
  6. (선택 사항) 위 코드에서 style 코드를 수정해 Trust Seal 이미지의 위치를 조절할 수 있습니다.
    • left: 브라우저 왼쪽 끝에서부터의 거리를 숫자(px)로 입력합니다.
    • bottom: 브라우저 아래쪽 끝에서부터의 거리를 숫자(px)로 입력합니다.
  7. 저장 버튼을 클릭해 적용합니다.
  8. 왼쪽 상단 사이트 제목 오른쪽 미리보기
    코드를 제 사이트에 복사하는 방법
    아이콘을 클릭합니다.
  9. 사이트 왼쪽 하단 Sectigo SSL 인증마크가 표시되는지 확인하고, 클릭 시 다음 그림처럼 SSL 인증서가 표시되는지 확인합니다.

    코드를 제 사이트에 복사하는 방법


특정 메뉴에서 인증마크 숨기기

SSL 인증마크가 방문자의 사이트 사용성을 저해한다 판단되는 경우, 특정 메뉴에서 인증마크를 숨길 수 있습니다. 디자인 모드에서 인증마크를 숨기고자 하는 메뉴에 코드 위젯을 삽입하고, 다음의 CSS 코드를 추가해 주세요.

<style>
    .sectigoSsl {display: none !important;}
</style>

리모트콜, 웹에서 바로 사용하기

원격지원 사이트 접속

원격지원을 하기 위해 가장 먼저 해야할 일은 원격지원 웹사이트에 접속해야 합니다.
아래 링크를 클릭하여 리모트콜 원격지원 사이트에 접속하세요.

https://remotecall.io

  • 무료체험을 신청하면 임시비밀번호는 이메일을 통해 안내됩니다.
  • 온라인에서 제품을 구매하면 사전에 비밀번호를 등록하게 되며, 오프라인을 통해 구매하면 담당자를 통해 안내됩니다.

원격지원 준비

로그인을 완료하고 시작하기를 누르면 이제 원격지원을 바로 시작할 수 있습니다.

코드를 제 사이트에 복사하는 방법
  • 대기창으로 화면이 전환되면서 6자리 접속코드가 나타납니다. 원격지원 받을 상대방에게 이 접속코드를 안내해 주세요.
  • 화면 아래의 버튼들은 접속코드를 좀더 쉽게 안내할 수 있는 기능들입니다. (URL복사, SMS전송 등)
  • 6자리 숫자는 안전한 일회성 코드이기 때문에, 뷰어 창을 다시 열 때마다 랜덤으로 새로운 숫자가 생성됩니다.

PC 지원

원격지원을 받을 대상에게 접속 페이지와 6자리 접속번호를 안내해주세요.
리모트콜의 기본 접속 페이지 주소는 아래와 같습니다.

https://113366.io

코드를 제 사이트에 복사하는 방법
접속을 위한 1회성 설치파일을 다운로드 받도록 합니다. 해당 파일을 설치 및 실행하면 원격지원이 시작됩니다.
  • 이외 자세한 기능에 대한 안내는 PC 지원 사용가이드를 참고해주시기 바랍니다.
  • 지원 시작 시 받은 설치파일은 1회성 파일로 지원이 종료되면 PC에서 삭제됩니다.

모바일 지원

모바일 지원을 받으려는 기기에 App 설치를 해야 합니다.
원격지원을 받을 대상에게 App설치 경로를 안내해주세요.
모바일 브라우저에서 접속 페이지 주소(https://113366.io)에 들어오면 App 다운로드 링크를 제공합니다.


  • iOS/Android에 따라 화면 및 지원 기능에 차이점이 있으니, 자세한 기능 및 차이점에 대한 안내는 사용가이드를 참고해주시기 바랍니다.
    iOS용 사용가이드 다운로드 | Android용 사용가이드 다운로드
  • 영상지원 사용에 대한 문의는 여기를 클릭하여 문의주시기 바랍니다.

전용 에이전트를 설치하면 더 많은 기능들을 사용해볼 수 있습니다.