header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
페이지 메뉴
  • 팝업 추가하기
  • 팝업 사용자 지정하기
  • 팝업 트리거 설정하기
  • 팝업 예약 설정하기
  • 팝업에 요소 링크하기
  • 팝업 관리하기
  1. 홈
  2. Studio 및 파트너
  3. Wix Studio
  4. Wix Studio 에디터 사용하기
  5. Studio 에디터에서 요소 추가하기
  6. Studio 에디터: 팝업 사용하기

Studio 에디터: 팝업 사용하기

6 분
페이지 메뉴
  • 팝업 추가하기
  • 팝업 사용자 지정하기
  • 팝업 트리거 설정하기
  • 팝업 예약 설정하기
  • 팝업에 요소 링크하기
  • 팝업 관리하기
팝업은 필요에 따라 사용자 지정할 수 있는 라이브 사이트에 표시되는 창입니다. 창을 디자인하고 원하는 요소를 추가한 후 사이트 방문자에게 표시되는 시기를 선택하세요.
텍스트, 버튼 또는 이미지와 같은 요소를 링크해 클릭 시 팝업이 열리도록 설정할 수도 있습니다. 이는 시간에 민감한 정보, 판매 또는 프로모션에 대한 노출을 높일 수 있는 좋은 방법입니다.
고객이 보유한 뉴스레터의 구독자 수를 늘리는 데 사용되는 라이트박스의 예

팝업 추가하기

클라이언트의 사이트에 팝업을 추가해 방문자 및 고객을 위한 공지사항을 설정하세요.

팝업을 추가하려면:

  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  3. 레이아웃 도구를 클릭합니다.
  4. 팝업을 클릭합니다.
  5. 추가할 팝업을 선택합니다. 
요소 추가 패널에 팝업 탭이 열려 있습니다. 커서가 팝업을 선택하고 있습니다.

팝업 사용자 지정하기

사이트의 나머지 부분과 일치하도록 팝업을 사용자 지정하세요. 필요한 요소를 추가한 후 배경 색상을 변경하고 투명도를 설정할 수 있습니다.

팝업을 사용자 지정하려면:

  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 페이지 아이콘을 클릭합니다.
  3. 팝업 아래에서 해당 팝업을 선택합니다.
  4. 캔버스에서 팝업을 클릭합니다.
  5. 팝업 사용자 지정 방법을 선택합니다.
5.  준비가 되면, 하단의 완료 를 클릭해 편집 모드를 종료합니다. 
팝업에 대한 속성 패널이 열려 있습니다. 커서가 배경 색상 상자를 클릭하고 있습니다.
다음 단계:
사이트를 미리보기해 팝업이 작동하는 모습을 확인하세요.

팝업 트리거 설정하기

팝업이 표시되는 방법 및 시점을 선택하세요. 특정 사이트 페이지에 자동으로 표시되도록 설정하거나 요소(예: 텍스트, 이미지)에 링크할 수 있습니다. 방문자가 팝업을 확인한 후 팝업을 닫는 방법을 결정할 수도 있습니다.
참고:
(여러 페이지에 표시되도록 설정된 경우) 팝업은 방문자당 한 번, 방문자가 보는 첫 번째 관련 페이지에 표시됩니다.

트리거를 설정하려면:

  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 페이지 아이콘을 클릭합니다.
  3. 팝업 아래에서 해당 팝업을 선택합니다.
  4. 캔버스에서 팝업을 클릭합니다.
  5. 라이트박스 설정을 클릭합니다.
  6. 페이지에 자동으로 팝업 표시 아래에서 해당 옵션을 선택합니다.
    • ON: 방문자가 해당 페이지에 접속 시 팝업이 자동으로 표시됩니다.
      1. 표시 페이지 아래를 클릭해 해당 페이지를 선택합니다.
      2. 지연 시간 슬라이더를 끌어 페이지가 로딩된 후 팝업이 표시되는 데 소요되는 시간(초)을 설정합니다.   
    • OFF: 사이트 방문자가 페이지 방문 시 팝업이 표시되지 않습니다. 대신, 선택한 버튼 또는 링크에 의해 트리거됩니다. 
  7. 팝업 닫기 방식 아래에서 해당 버튼을 활성화합니다..
    참고: 'X' 아이콘 및 '닫기' 버튼을 모두 비활성할 경우, 방문자는 팝업 외부를 클릭해 팝업을 닫을 수 있습니다.
  8. 준비가 되면, 완료를 클릭해 편집 모드를 종료합니다.  
팝업 설정 패널이 열려 있습니다. 커서가 자동 표시 옵션을 비활성화하고 있습니다.
참고:
현재는 페이지당 2개 이상의 팝업을 표시할 수 없습니다. 이미 팝업이 있는 페이지를 선택하면, 옵션이 비활성화됩니다. 페이지에 여러 팝업을 표시하는 기능에 대해 투표하세요.

팝업 예약 설정하기

사이트 방문자에게 팝업이 표시되는 시점을 선택하세요. 예를 들어, 기간 한정 혜택을 홍보하는 경우 팝업이 해당 기간에만 표시되도록 설정할 수 있습니다.
중요!
이 옵션은 페이지에 자동으로 표시되도록 팝업을 설정한 경우에만 사용할 수 있습니다.

팝업 일정을 설정하려면:

  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 페이지 아이콘을 클릭합니다.
  3. 팝업 아래에서 해당 팝업을 선택합니다.
  4. 캔버스에서 팝업을 클릭합니다.
  5. 라이트박스 설정을 클릭합니다.
  6. 팝업 예약으로 스크롤해 + 예약 설정을 클릭합니다.
  7. 시작 날짜 및 시간과 종료 날짜 및 시간을 설정합니다.
    도움말: 올바른 시간대가 설정되어 있는지 확인하세요. 그렇지 않은 경우, 변경할 수 있습니다. 
팝업 설정 패널이 열려 있습니다. 커서가 시간대 드롭다운을 클릭하고 있습니다.

팝업에 요소 링크하기

사이트의 요소를 링크해 팝업이 열리도록 설정할 경우, 방문자가 공지사항을 놓치지 않도록 할 수 있습니다. 텍스트, 이미지, 동영상 및 버튼과 같은 요소를 링크할 수 있습니다. 

요소를 팝업에 링크하려면:

  1. 에디터에서 해당 요소를 클릭합니다.
  2. 링크 아이콘을 클릭합니다.
  3. 왼쪽에서 팝업을 선택합니다.
  4. 대상 팝업 드롭다운 메뉴를 클릭해 해당 팝업을 선택합니다.
  5. 완료를 클릭합니다.
버튼에 대한 링크 패널이 열려 있습니다. 판매 알림 팝업이 링크 대상으로 선택되었습니다.

팝업 관리하기

에디터에서 사이트 팝업을 관리해 체계적으로 유지하세요. 쉽게 찾을 수 있도록 이름을 변경하고, 복제해 시간을 절약하거나 오래된 팝업을 삭제할 수 있습니다.

팝업을 관리하려면:

  1. 에디터 왼쪽에서 페이지 아이콘을 클릭합니다.
  2. 해당 팝업 옆 추가 작업 아이콘을 클릭합니다.
  3. 다음에 수행할 작업을 선택합니다.
커서가 사이트 페이지 패널에서 팝업을 클릭해 팝업을 관리할 수 있는 옵션을 표시합니다.

도움이 되었나요?

|

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
도움말 요약
Unlock personalized helpLog in to get the most out of Helpmate.