Wix 에디터: 라이트박스 추가 및 설정하기

4 분 분량
팝업 라이트박스를 추가해 방문자의 관심을 끌고 중요한 공지사항 및 정보를 표시하세요. 팝업 메시지에 요소를 추가하고, 언제 트리거되는지 결정하고, 방문자가 팝업 메시지를 닫는 방식도 선택할 수 있습니다.
Wix 라이브 사이트에 팝업으로 표시되는 라이트박스를 보여주는 GIF

1단계 | 라이트박스 추가하기

라이트박스를 추가해 사이트 방문자와 상호 작용하며 정보를 제공해 보세요. "환영 메시지" 및 "문의 양식"과 같이 선택할 수 있는 다양한 템플릿 및 유형이 있습니다.

라이트박스를 추가하려면:

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 인터랙티브를 클릭합니다.
  3. 라이트박스 아래에서 카테고리를 선택합니다.
  4. 선택한 라이트박스를 클릭하거나 끌어 사이트에 추가합니다.
에디터의 '요소 추가' 패널입니다. 라이트박스 탭이 열려 있습니다.

2 단계 | 라이트박스 사용자 지정하기

다음으로, 라이트박스를 구축하고 표시되는 방식을 디자인하세요. 기존 요소를 사용자 지정하고 텍스트, 버튼, 양식, 이미지 등과 같은 요소를 추가할 수 있습니다. 추가하는 요소가 라이트박스 내부에 맞도록 라이트박스보다 크기가 작은지 확인하세요.

라이트박스에 요소를 추가하려면:

  1. 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
  2. 라이트박스를 클릭합니다.
  3. 해당 라이트박스를 선택해 확인합니다.
  4. 캔버스에서 라이트박스를 클릭합니다.
  5. 라이트박스 사용자 지정을 시작합니다.
    • 요소를 더 추가합니다. 도움말: 요소 추가 패널에서 요소를 끌어다 놓는 경우 "라이트박스에 추가" 메시지가 표시되면 놓으세요.
    • 기존 요소를 클릭해 편집합니다. 
    • 라이트박스 배경 및 주위의 오버레이를 변경합니다. 
참고:
라이트박스를 추가하면 라이트박스 모드로 이동합니다. 해당 모드에서 라이트박스를 설정하고 편집할 수 있습니다. 기본 에디터로 돌아가려면 상단바에서 모드 종료를 클릭합니다.
에디터의 요소 추가 패널입니다. 에디터는 라이트박스 모드이며, 커서를 텍스트 요소에 마우스오버하고 있습니다.

3 단계 | 라이트박스 설정 조정하기

팝업 메시지를 디자인한 후에는 방문자에게 표시되는 시점, 위치, 방법을 결정하세요. 페이지 로딩 시 라이트박스가 자동으로 표시되도록 설정하거나 방문자가 클릭해야 하는 요소로 링크할 수 있습니다.  
또한, 라이트박스가 특정 시간(예: 특정 연말 시즌)에 표시되도록 예약하고 방문자가 라이트박스를 종료하는 방법을 결정할 수 있습니다. 

라이트박스 설정을 조정하려면:

  1. 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
  2. 라이트박스를 클릭합니다.
  3. 해당 라이트박스를 선택해 확인합니다.
  4. 캔버스에서 라이트박스를 클릭합니다.
  5. 라이트박스 설정을 클릭합니다.
  6. 라이트박스 설정을 조정합니다.
라이트박스의 설정 패널입니다. 커서를 지연 시간 입력란에 마우스오버하고 있습니다.
다음 단계:
라이트박스의 디자인과 위치를 사용자 지정해 사이트 공지사항을 더욱 개성 있게 꾸며 보세요. 라이트박스 사용자 지정에 대한 자세한 도움말을 확인하세요.

자주 묻는 질문

아래를 클릭해 라이트박스에 대해 가장 자주 묻는 질문과 답변을 확인해 보세요.

도움이 되었나요?

|