Mailrelay를 사용하여 방문 페이지에 구독 양식을 추가하는 방법

마케팅 업무를 수행하는 경우 효과적인 판매 전략의 일부로 랜딩 페이지를 만드는 것이 중요하다는 정보를 읽었을 것입니다. 구독자, 리드 또는 고객을 포착해야 하는 경우 이 기능을 사용하는 방법을 배워야 합니다.

많은 분들이 아시겠지만 랜딩 페이지는 광고나 배너(Facebook, Google 또는 기타 플랫폼)를 클릭한 후 귀하의 사이트를 찾은 방문자를 수용하기 위해 설계된 페이지입니다. 그 사용은 점점 더 광범위해지고 있으며 대부분의 경우 주요 목적은 리드를 포착하거나 전환을 생성하는 것입니다.

랜딩 페이지는 전환 생성이라는 한 가지 목적으로 만들어진 페이지입니다 . 일반적으로 이 페이지를 방문하는 사용자는 귀하가 제공하는 제품에 관심이 있습니다. 효과적인 랜딩 페이지를 만드는 것은 페이지 디자인 및 콘텐츠와 같은 다양한 측면을 고려해야 하기 때문에 예술입니다. 랜딩 페이지가 무엇인지 이미 알고 있고 마케팅 전략에서 이 옵션을 사용하려는 경우 리드와 구독자를 캡처하기 위해 랜딩 페이지에 Mailrelay 구독 양식을 추가하는 방법을 설명하겠습니다.

중요 설명: 이 게시물에서는 Mailrelay 에서 이미 구독 양식을 만들고 사용할 HTML 코드를 복사 했다고 가정합니다. 따라서 이 코드를 방문 페이지에 통합하는 방법을 설명하는 데 집중할 것입니다. 양식을 만들지 않았거나 HTML 코드를 복사하지 않은 경우 다른 게시물인 Mailrelay V3 구독 양식을 확인하는 것이 좋습니다.

· WordPress의 방문 페이지에 구독 양식을 추가하는 방법

옵션 1: Elementor 사용

우리는 이미 다른 기사에서 Elementor에 대해 이야기했습니다. 무료 및 유료 버전과 함께 WordPress에서 사용할 수 있는 강력한 플러그인입니다. 랜딩 페이지를 빠르고 쉽게 만들고 편집하는 데 이상적인 옵션입니다.

WordPress를 사용하여 사이트를 만든 경우 프로세스가 쉽고 간단하므로 이 플러그인을 사용하여 방문 페이지를 설정하는 것이 좋습니다. 플러그인을 아직 설치하지 않았다면 WordPress 저장소에서 무료로 다운로드하여 방문 페이지를 만드는 데 사용할 수 있습니다. 시작하자?

WP 관리자 패널에 들어가면 "페이지"를 클릭하고 새 페이지를 추가해야 합니다.

방문자에게 표시될 콘텐츠를 삽입하려면 이 새 페이지를 사용해야 합니다. 이 경우 레이아웃 편집을 시작하기 전에 몇 가지 이전 조정을 수행하는 것이 좋습니다. 예를 들어 섹션의 이름을 지정하고 템플릿을 선택하는 등의 작업을 수행해야 합니다.

상단 바 메뉴가 없는 랜딩 페이지를 종종 봅니다. 이것은 방문자가 다른 링크를 클릭하여 "탈출 "하지 않고 콘텐츠에만 집중하기를 원할 때 자주 사용됩니다. 이는 온라인 캠페인을 위해 생성된 랜딩 페이지에서 특히 유용할 수 있습니다.

이 측정값을 구현하고 방문 페이지에서 탐색 메뉴를 제거하려면 오른쪽 열에서 속성을 찾아야 합니다. 이 옵션을 찾으면 템플릿 섹션에서 "Elementor Canva"를 선택하고 작업을 저장하세요.

그런 다음 Elementor 빌더를 열고 " Elementor로 편집 "을 클릭하고 사용하려는 구조에 따라 랜딩 페이지 구축을 시작합니다.

페이지를 만든 후 구독 양식을 구현해야 합니다. 이 경우 HTML 코드를 가져와 페이지에 삽입할 수 있습니다.

그렇게 하려면 "코드" 모듈을 찾아 원하는 열이나 섹션에 포함해야 합니다. 일단 배치되면 이 기사를 읽기 시작하기 전에 복사한 코드를 삽입해야 합니다. 이 경우 Mailrelay에서 생성한 코드를 붙여넣어 방문 페이지에 삽입해야 합니다.

양식을 추가한 후 결과는 다음과 같습니다. 설치한 모듈과 요소에 따라 구조와 디자인이 달라진다는 점을 염두에 두는 것이 중요합니다.

이 시점에서 양식은 템플릿이나 테마에 표시된 모양과 스타일로 표시된다는 점을 지적하고 싶습니다. 스타일을 변경하거나 수정하려면 HTML을 편집하거나 특정 플러그인을 사용하여 옵트인 양식을 사용자 정의해야 합니다.

옵션 2: Divi 사용

Divi는 WordPress에서 사이트를 만드는 데 가장 많이 사용되는 템플릿 중 하나입니다. 이 템플릿은 클릭 몇 번으로 매력적이고 다채로운 페이지를 만들 수 있는 강력한 시각적 빌더를 제공하기 때문에 매우 유명합니다.

Divi는 현재 프리미엄(유료) 도구이며 템플릿 및 WordPress용 비주얼 빌더로 사용할 수 있습니다. 사이트가 이 템플릿으로 생성되었거나 Divi Builder 플러그인을 설치한 경우 Divi를 사용하여 방문 페이지에 구독 양식을 추가하는 방법을 단계별로 보여주므로 계속 읽으십시오. 시작하자?

단계는 이전 가이드에서 본 단계와 매우 유사하므로 수행할 프로세스는 Elementor에서 본 것과 매우 유사합니다.

먼저 페이지 섹션으로 이동하여 "새로 추가"를 클릭합니다.

새 페이지에 액세스한 후 기본 설정 편집을 시작합니다. 이전의 경우와 마찬가지로 방문 페이지의 상단 표시줄을 삭제하려면 오른쪽 열에서 "템플릿" 옵션을 찾아 "빈 페이지"를 클릭해야 합니다.

이를 통해 WordPress에 사이트의 이 특정 섹션에 상단 표시줄을 표시하고 싶지 않다고 알릴 것입니다. 흥미롭죠?

페이지 이름을 지정하고 템플릿 설정을 선택했으면 변경 사항을 저장하는 것을 잊지 마십시오.

다음으로 Divi로 랜딩 페이지 구축을 시작하겠습니다. 그렇게 하려면 "Divi builder"를 클릭하면 플러그인이 랜딩 페이지 빌더와 함께 화면을 표시합니다. 기본적으로 Divi는 선택할 수 있는 몇 가지 옵션을 제공합니다. 기본 템플릿을 사용하여 적용하거나 처음부터 새로 만들 수 있습니다. 두 가지 옵션 중 하나를 선택할 수 있습니다.

방문 페이지를 설정했으면 Mailrelay 구독 양식을 삽입할 차례입니다. 이 경우 Divi의 오른쪽 막대에서 "코드" 모듈을 찾아 원하는 열이나 섹션에 삽입해야 합니다. 그런 다음 플러그인은 Mailrelay에서 생성한 HTML 코드를 포함할 수 있는 필드가 있는 창을 엽니다. HTML 양식을 생성하지 않았다면 지금 생성하십시오.

코드를 추가한 후 방문 페이지에서 코드가 어떻게 도움이 되는지 확인할 수 있습니다.

이전의 경우와 마찬가지로 양식은 템플릿 또는 테마에 정의된 스타일로 표시됩니다. 변경하려면 HTML을 수동으로 편집하거나 외부 플러그인을 사용해야 합니다.

· WordPress를 사용하지 않고 방문 페이지에 구독 양식을 추가하는 방법

WordPress는 웹 사이트를 만드는 데 가장 일반적으로 사용되는 CMS 중 하나이지만 이 플랫폼을 사용하지 않고 방문 페이지를 만들고 싶을 수도 있습니다. 그러나 WP로 작업하지 않는 경우 자신의 랜딩 페이지를 빠르게 만드는 데 사용할 수 있는 몇 가지 도구를 권장합니다.

이 시점에서 이러한 도구의 대부분은 무료가 아니지만 일반적으로 2주 이상의 테스트를 제공하므로 서비스 사용을 시작하여 이것이 원하는 것인지 확인할 수 있습니다. 도구를 테스트한 후 비용 지불에 관심이 있는지 여부를 결정할 수 있습니다.

이 기사에서는 Instapress를 사용하여 방문 페이지를 만드는 방법을 설명하는 데 중점을 둘 것입니다. 이 도구는 페이지를 수동으로 디자인하고 싶지 않은 사용자를 위해 만들어졌으므로 사용 가능한 템플릿을 편집하거나 자신만의 레이아웃을 만들 수 있습니다.

가장 먼저 해야 할 일은 무료 데모 사용을 시작하기 위해 플랫폼에 등록하는 것입니다. 그렇게 하려면 Instapage 페이지로 이동하여 계정을 만드십시오.

플랫폼에 액세스한 후 데스크톱 섹션에서 "새 페이지 만들기"를 클릭하여 방문 페이지 만들기를 시작합니다.

여기에 몇 가지 옵션이 있습니다. 이 자습서에서는 첫 번째 항목인 "표준 페이지"를 선택합니다 .

이 옵션을 선택하면 여러 템플릿 중에서 선택할 수 있는 다른 화면으로 이동합니다. 페이지를 처음부터 만들고 싶다면 "빈 페이지" 옵션을 선택하거나 미리 정의된 템플릿 중 하나를 선택할 수 있습니다.

이 경우 Mailrelay에서 생성된 HTML 코드로 작업해야 하므로 템플릿에서 사용할 수 있는 구독 상자를 사용할 수 없다는 점을 분명히 하는 것이 중요합니다.

옵션을 선택했으면 사용하고 싶은 페이지에 이름을 추가하고 방문 페이지 편집을 시작하여 선택 양식을 위한 공간을 남겨둡니다.

레이아웃을 편집한 후 양식을 삽입해야 합니다. 상단에서 확인하면 여러 옵션이 표시됩니다. 양식을 추가하려면 "HTML"을 클릭하십시오 .

플러그인은 원하는 곳에 배치할 수 있는 상자를 표시합니다. 이 상자는 양식에 해당하므로 양식을 표시할 위치에 배치해야 합니다. HTML 코드를 입력하려면 상자를 클릭하고 "편집" 버튼을 선택합니다.

상자가 비어 있고 코드를 입력할 수 있습니다. Mailrelay HTML 양식을 붙여넣고 "완료"를 클릭합니다. 모든 단계를 올바르게 수행했다면 양식이 어떻게 표시되는지 확인할 수 있습니다.

이전의 경우와 마찬가지로 양식에는 HTML 코드에 포함된 스타일이 포함되어 있지 않습니다. 따라서 사용자 정의하려면 코드를 수동으로 편집해야 합니다. HTML에 익숙하지 않은 경우 Mailrelay에서 생성된 기본 형식을 사용하는 것이 좋습니다.

마지막으로 화면 오른쪽 상단의 "저장" 버튼을 클릭해야 합니다.

변경 사항을 저장한 후 페이지를 게시해야 합니다. 그렇게 하려면 게시하려는 페이지를 클릭하고 다음 창에서 "게시" 버튼을 찾아 클릭합니다.

방문 페이지를 영구적으로 게시하려면 페이지 URL을 설정해야 합니다. 따라서 게시를 클릭하면 시스템에서 구성 옵션이 포함된 팝업이 표시됩니다. "URL 설정" 버튼을 클릭하고 사용 가능한 다양한 옵션 중에서 디지털 마케팅 전략에 가장 적합한 옵션을 선택합니다.

WordPress로 작업하는 경우 이 옵션을 선택하고 화면의 단계에 따라 페이지를 게시할 수 있습니다. WordPress를 사용하지 않는 경우 첫 번째 옵션인 "사용자 지정 도메인"을 클릭하고 도메인 설정 지침을 따라야 합니다.

각 옵션 옆에 "자세히 알아보기" 링크가 있습니다. 따라야 할 단계에 대한 자세한 정보가 필요한 경우 이 링크를 클릭하십시오. 필요한 변경을 수행하고 페이지를 영구적으로 게시하는 데 필요한 모든 정보가 포함된 정보 섹션으로 이동합니다.

· 결론

온라인 비즈니스를 운영하는 경우 판매 전략의 일부로 랜딩 페이지를 만들어야 합니다. 게시물 시작 부분에서 설명했듯이 이 페이지는 잠재 고객을 확보하는 데 매우 유용합니다.

사실, 이것은 데이터를 수집하고 메일링 리스트를 만드는 데 널리 사용되는 도구입니다. 대부분의 웹마스터는 데이터 대가로 "선물"이나 "미끼"를 제공하는 것을 선호하지만 이 정보를 얻기 위한 전략은 매우 다양할 수 있습니다. 어떤 선물을 드릴까요? 튜토리얼, 미니 코스, 가이드를 만들 수 있습니다. 판매 전략에 따라 다릅니다.

이 작업을 돕기 위해 이 기사에서는 랜딩 페이지를 만들기 위한 다양한 옵션과 Mailrelay 구독 양식을 페이지와 통합하기 위해 따라야 하는 단계를 보여주고 싶었습니다. 이번 기회에 우리는 3가지 다른 옵션에 초점을 맞췄습니다. 그러나 외부 HTML을 포함하는 옵션을 제공하는 다른 도구를 사용하여 방문 페이지를 만들 수 있습니다.

고객을 확보하기 위해 방문 페이지를 사용한 적이 있습니까? 유용하다고 생각하십니까?