Wix 팝업 양식 만들기

여러분이 Wix 웹사이트에 많은 노력을 기울인 만큼, 꾸준한 트래픽은 그 노력이 결실을 맺고 있다는 좋은 신호입니다. 하지만 트래픽은 방문자가 실제 행동을 취할 때만 의미가 있으며, 일반적인 연락처나 가입 양식은 쉽게 지나칠 수 있습니다. 방문자가 양식을 작성하지 않고 떠나면, 이들의 참여를 계속 유지할 방법이 없습니다.

팝업 양식은 적절한 순간에 나타나 더 많은 뉴스레터 가입, 문의 요청 또는 특별 혜택 리드를 확보할 수 있도록 도와줍니다. 이를 통해 웹사이트 전체를 다시 디자인하지 않고도 수동적인 방문자를 연락처로 전환할 수 있습니다.

설정 방법을 잘 모르시겠다면, 이 가이드에서 Wix의 기본 방법(다소 부족할 수 있음)을 살펴보고 더 많은 팝업 친화적 옵션을 제공하는 Jform의 더 나은 솔루션을 제안해 드리겠습니다.

Wix 기본 도구를 사용하여 Wix 팝업 양식 만들기

Wix에 내장된 라이트박스(Lightbox) 기능을 사용하면 추가 설치 없이 사이트에 팝업 양식을 추가할 수 있습니다.

Wix 팝업 양식을 설정하려면 다음 단계를 따르세요.

1. Wix 에디터 화면 왼쪽에서 + 추가를 클릭한 다음 요소를 클릭합니다. 그러면 페이지에 배치할 항목을 선택할 수 있는 패널이 열립니다.

2. 홈 아이콘에 마우스를 올린 다음 아래로 스크롤하여 팝업을 클릭합니다. 요소 검색창에 “팝업”을 입력할 수도 있습니다. Wix에서 미리 만들어진 템플릿 세트를 열면 하나를 선택하고 클릭하거나 사이트로 끌어다 놓아 추가합니다.

3. 팝업 목적에 맞는 템플릿 레이아웃을 선택합니다. 구독 레이아웃은 뉴스레터 가입에 적합하고, 연락처는 문의에 유용하며, 프로모션은 특별 혜택을 제공할 때 사용됩니다.

4. 디자인 중인 웹페이지 상단의 디자인 요소를 사용하여 브랜딩에 맞게 배경과 오버레이를 조정하고 팝업 위치를 지정합니다. 설정을 클릭하여 팝업이 표시되는 시간과 위치를 결정하며, 여기에는 페이지 로드 후 지연 시간을 설정하는 것도 포함될 수 있습니다.

5. 많은 템플릿에 이미 양식이 포함되어 있습니다. 직접 추가하려면 요소 추가 패널에서 (양식 및 연락처 아래에 있는) 양식 요소를 드래그합니다. 팝업 위에 놓은 상태에서 드래그 앤 드롭하여 팝업에 고정되도록 합니다.

6. (팝업 위에) 양식을 추가한 경우, 양식을 클릭한 다음 상단에서 양식 편집을 선택하여 필드를 추가하거나 제거합니다. 에디터 내에서 상단의 설정을 클릭하여 방문자가 양식을 제출한 후 보게 될 감사 메시지를 작성합니다. 우측 상단의 저장 버튼을 클릭하여 양식에 적용한 변경 사항을 저장하고, 우측 상단의 X를 클릭하여 양식 에디터를 종료합니다.

7. 게시를 클릭한 다음 라이브 사이트를 열어 팝업을 확인합니다. 자동 열림 팝업은 미리보기가 아닌 게시된 사이트에서만 표시되므로, 데스크톱과 모바일 웹페이지 모두에서 테스트하여 타이밍과 레이아웃이 모든 곳에서 작동하는지 확인하세요.

기본 Wix 팝업 양식 설정의 5가지 한계

Wix 팝업 도구는 꽤 유용하며 간단한 가입이나 연락처 양식의 경우 기본 기능을 잘 지원합니다. 하지만 Wix 사용 시 라이트박스 양식을 이용한다면, 특히 염두에 둔 특정 결과가 있을 때 설정이 어느 부분에서 부족할 수 있는지 알아두는 것이 좋습니다.

브랜딩에 맞고, 특정 방문자 행동에 반응하여 열리거나, 동일한 페이지의 다른 팝업과 함께 실행할 수 있는 팝업 양식을 원한다면, 이름과 이메일을 수집하는 것 이상의 기능을 수행할 수 있는 다른 솔루션이 필요할 수 있습니다.

Wix로 구축을 시작하기 전에 염두에 두어야 할 몇 가지 제약 사항은 다음과 같습니다.

• 팝업과 양식이 단일 통합 도구가 아닙니다: Wix에서는 팝업 트리거와 닫기 동작을 한 패널에서 설정하고, 양식의 필드와 제출 설정을 다른 패널에서 설정합니다. 작동은 하지만, 하나가 아닌 두 가지 설정 항목을 관리해야 한다는 의미입니다.
• 팝업 동작 제어가 제한적입니다: Wix는 페이지당 하나의 자동 열림 팝업만 허용합니다. 팝업에는 자체 공유 가능한 URL이 제공되지 않으며, 모든 템플릿에서 지연 타이머를 사용할 수 있는 것은 아닙니다. 한 페이지에 두 개 이상의 자동 팝업을 계획하거나 하나에 직접 연결하려는 경우 이러한 제한 사항이 문제가 될 수 있습니다.
• 스타일링 유연성이 제한적입니다: 색상, 배경, 글꼴 및 레이아웃을 조정할 수 있지만 팝업 템플릿과 Wix의 디자인 시스템 내에서 작업해야 합니다. 매우 구체적인 브랜드 디자인을 원할 경우 이러한 구조가 제한적으로 느껴질 수 있습니다.
• 고급 동작에는 종종 Velo가 필요합니다: 기본 설정은 일반적인 트리거와 닫기 옵션을 처리합니다. 특정 방문자 행동에 반응하는 팝업과 같이 더 맞춤화된 기능을 원한다면 다른 해결 방법이 필요할 수 있습니다. 코딩에 대한 어느 정도의 지식이 필요한 Wix의 개발자 플랫폼인 Velo를 사용할 수도 있습니다.
• 에디터에서 자동 열림 팝업을 미리 볼 수 없습니다: Wix는 에디터 미리보기가 아닌 게시된 사이트에서만 자동 팝업을 보여줍니다. 자동 열림 팝업의 타이밍, 레이아웃 및 트리거를 확인하려면 먼저 게시하고 라이브 상태에서 검토해야 하므로 변경 사항을 테스트할 때마다 단계가 추가됩니다.

간단한 리드 또는 뉴스레터 팝업 양식의 경우 기본 Wix 설정으로도 충분합니다. 하지만 양식, 팝업 작동 방식 또는 전반적인 경험이 어떻게 보여질지에 대해 더 많은 제어를 원한다면 더 유연한 옵션을 고려해 볼 가치가 있습니다.

Wix 사이트에 Jform 팝업 양식을 추가하는 방법

기본 설정이 허용하는 것보다 더 많은 유연성을 원한다면, Jform에서 팝업 양식을 구축하여 코딩 없이도 더 많은 삽입 옵션, 향상된 맞춤 설정, 그리고 세련된 양식을 더 빠르게 완성할 수 있는 방법을 제공받을 수 있습니다.

단일 인라인 양식에 얽매이지 않고, Jform은 여러 삽입 스타일을 지원하므로 방문자에게 제공하고자 하는 형식과 경험을 자유롭게 시도해 볼 수 있습니다. 예를 들어, 누군가 링크나 버튼을 클릭할 때 새 창에서 양식이 열리는 팝업이나 페이지 위에 양식을 오버레이하는 라이트박스를 디자인할 수 있습니다.

다음은 Jform으로 팝업 양식을 만들거나 라이트박스 양식을 자동 팝업으로 설정한 다음, 이를 Wix 사이트에 추가하는 방법입니다.

1. 처음부터 양식을 만들거나 리드 캡처 양식 템플릿 또는 수많은 뉴스레터 가입 템플릿 중 하나와 같은 Jform의 20,000개 이상의 무료 양식 템플릿 중 하나를 선택하여 시작하세요. 템플릿은 편집할 준비가 된 드래그 앤 드롭 양식 빌더에서 열리므로 공통 필드를 수동으로 설정하는 과정을 건너뛸 수 있습니다.

2. 필드를 추가, 제거 또는 재정렬한 다음 브랜드에 맞게 테마, 색상 및 글꼴을 조정하세요. 조건부 논리도 이곳에 있으므로, 방문자의 선택에 따라 양식에서 필드를 표시하거나 숨길 수 있어 짧고 관련성 있게 유지할 수 있습니다.
3. 양식이 준비되면 양식 빌더 상단의 게시 탭을 클릭한 다음 왼쪽 패널에서 삽입을 선택합니다.

4. 링크나 버튼을 클릭하여 자체 창에서 양식을 열려면 팝업을 선택하거나, 페이지에 양식을 오버레이하고 페이지가 로드된 후 자동으로 열리게 하려면 라이트박스를 선택합니다.

5. Jform이 코드를 생성해 줍니다. 녹색 코드 복사 버튼을 클릭하거나, 먼저 미리보기를 눌러 팝업이 어떻게 작동하는지 확인하세요.

5. Wix 에디터에서 삽입 코드 요소를 추가합니다(요소 추가에서 삽입 및 소셜을 선택한 다음 삽입 코드 선택). 그런 다음 HTML 상자에 Jform 코드를 붙여넣고 사이트를 게시합니다. 스크립트 기반 팝업 링크는 맞춤형 스크립트를 제거하는 빌더에서 항상 실행되는 것은 아니므로 라이브 사이트에서 확인하고 팝업이 나타나지 않으면 라이트박스 삽입을 사용하세요.

양식 빌더를 건너뛰고 싶다면 Jform의 팝업 메이커(Popup Maker)를 통해 단일 페이지에서 팝업 양식을 생성할 수 있습니다. 어느 쪽이든 Wix의 기본적인 자체 설정보다 훨씬 더 세련되고 유연한 팝업을 완성할 수 있습니다.

Jform으로 더 나은 팝업 양식 만들기

Wix 팝업 양식은 간단한 가입이나 연락처 양식에 잘 작동하지만, 디자인, 양식 및 양식의 작동 방식을 완전히 제어하고 싶다면 Jform이 더 많은 유연성을 제공합니다. 노코드 빌더, 조건부 논리, 세련된 템플릿 및 다양한 양식 삽입 방법을 사용할 수 있으므로 단일 도구에 제한되지 않고 염두에 둔 경험과 일치하는 팝업을 만들 수 있습니다. 결과적으로 부가 기능이 아닌 사이트의 일부처럼 느껴지는 팝업이 완성됩니다.

시작점으로 Jform의 Wix 양식을 둘러보거나 Jform에 무료로 가입하여 몇 분 안에 라이브 팝업을 만들어 보세요.