당신은 새로운 사이트를 구축하고 있습니다. 도메인이 가리키고 WordPress 가 설치되었지만 실제 사이트는 며칠 또는 몇 주 떨어져 있습니다. 방문자와 Google 은 그 동안 깨진 반쯤 완성 된 홈페이지에 착륙해서는 안됩니다. 그들은 다음을보아야합니다 Elementor 곧 페이지 이는 사람들에게 무언가가 진행 중임을 알리고 이메일이나 소셜 팔로우를 통해 초기 관심을 포착하며 검색 엔진이 불완전한 사이트를 색인화하는 것을 방지합니다.
이 튜토리얼은 Elementor의 무료 버전인 Elementor의 무료 버전을 사용하여 곧 출시될 전체 페이지를 구축합니다 Elementor용 마스터 애드온및 첫 페이지로 만들기 위해 내장 된 WordPress 설정. Elementor Pro 라이센스 없음,전용 커밍-순 플러그인 없음,월별 요금 없음. 카운트 다운 타이머,사용자 정의 배경,제목 및 설명,소셜 링크 및 선택적 이메일 가입을 얻을 수 있습니다.
결국 도메인 루트에 브랜드 실행 페이지가 놓여 모바일에서 깔끔하게 렌더링됩니다. 실제 사이트가 준비되면 뒤집는 것이 단일 설정 변경입니다.
곧 나올 페이지가 필요한 이유
절반 구축 사이트와 새로운 도메인은 나쁜 첫인상이다. 일찍 착륙 방문자는 바운스 또는 깨진 경험을 기억. 안 Elementor 곧 페이지 한 번에 몇 가지 실용적인 문제를 해결합니다:
- 나쁜 첫인상을 멈추게 한다. 기본 WordPress 페이지나 깨진 Elementor 초안 대신 방문자는 세련된 시작 페이지를 볼 수 있습니다.
- 사전 실행 목록을 빌드합니다. 이메일 가입을 추가하면 초기 트래픽의 관심을 끌 수 있으므로 실제로 시작할 때 가입자가 준비됩니다.
- 출시일을 알립니다. 카운트다운 타이머는 긴급성을 만들고 방문자에게 언제 다시 방문해야 하는지 알려줍니다.
- SEO 를 보호합니다. 하나의 명확한 목적을 가진 최소한의 페이지는 자리 표시자 콘텐츠로 가득 찬 사이트보다 Google이 이해하기 쉽습니다.
- 초기 소셜 팔로우를 얻습니다. 소셜 미디어 아이콘을 사용하면 사람들이 지금 당신을 팔로우하고 나중에 피드를 통해 출시에 대해 알 수 있습니다.
새 사이트를 시작하는 대신 기존 사이트의 브랜드를 변경하는 경우 동일한 설정이 작동합니다 요소 유지 모드 페이지. 짧은 설명을 위해 카운트 다운을 교환하고 당신은 완료.
당신이 건설할 것
최종 결과는 단일 전체 화면 페이지입니다. 배경 이미지 또는 색상,로고 또는 브랜드 이름,다가오는 내용에 대한 짧은 메시지,시작일을 위한 라이브 카운트다운 타이머,소셜 미디어 링크 및 (선택적으로) 이메일 가입 양식. 게다가 이 페이지를 끌 때까지 사이트 전면에 고정하는 WordPress 설정 1 개.
전제 조건(필요한 플러그인)
세 조각. 모두 무료:
- 워드 프레스. 이미 설치된 것으로 추정됩니다.
- 엘리멘터 (무료). WordPress.org 또는 WordPress 관리자의 플러그인 디렉토리에서 무료 버전을 가져옵니다.
- Elementor용 마스터 애드온(무료). 카운트다운 타이머 위젯,소셜 미디어 아이콘 위젯 및 기타 변환 중심 요소를 추가합니다. WordPress.org 에서 설치하거나 다음을 참조하십시오 마스터 애드온 설치 문서 연습을 위해.
이 튜토리얼에는 Elementor Pro 가 필요하지 않습니다. Elementor Pro 에는 내장 유지 보수/곧 제공 모드가 포함되어 있지만 아래의 무료 접근 방식은 더 많은 디자인 제어를 제공하고 구독에 고정되지 않습니다.
곧 출시될 페이지를 구축하는 방법(단계별)
빈 페이지에서 작업 시작 페이지까지 8 단계. 순서대로 따르십시오.
1단계: WordPress에서 새 페이지를 만듭니다
WordPress 관리자에서 다음으로 이동하세요 페이지 → 새로 추가. “출시 예정” (또는 기억나는 모든 것) 으로 이름을 지정하십시오. “Elementor 로 편집”을 클릭하여 Elementor 편집기에서 페이지를 엽니 다.
2 단계: Elementor Canvas 페이지 템플릿을 설정합니다
콘텐츠를 추가하기 전에 Elementor 패널 왼쪽 하단에 있는 설정 기어를 클릭하고 변경하세요 페이지 레이아웃 에 엘리멘터 캔버스. 캔버스는 테마의 머리글과 바닥글을 벗겨내고 빈 슬레이트를 제공합니다. 시작 페이지에 중요합니다. 왜냐하면 마지막으로 원하는 것은 카운트다운 위에 있는 반쯤 완성된 메뉴이기 때문입니다.
3단계: 화면 높이에 맞는 섹션을 추가합니다
분홍색 “+” 버튼을 클릭하여 새 섹션을 추가합니다. 아무 열 구조나 선택합니다 (한 열이 가장 쉽습니다). 섹션의 레이아웃 설정을 열고 설정합니다 높이 에 화면에 맞습니다. 이것은 뷰포트 높이의 100%에서 섹션을 잠그므로 곧 나올 콘텐츠는 스크롤없이 전체 화면을 채 웁니다.
4단계: 배경(이미지 또는 색상)을 추가합니다
여전히 섹션의 설정에서 로 전환합니다 스타일 탭 및 열기 배경. 당신은 둘 다 잘 작동하는 두 가지 옵션이 있습니다:
- 배경 이미지. 브랜드를 나타내는 고해상도 사진을 업로드합니다. 설정 위치: 센터 센터, 첨부파일: Fixed (스크롤의 미묘한 시차를 위해), 그리고 크기: 덮개. 텍스트를 읽을 수 있도록 배경 오버레이 섹션에 어두운 오버레이를 추가합니다.
- 배경색 또는 그라데이션. 단색 또는 선형 그라데이션으로 페이지 로드를 빠르게 유지하고 모바일에서 깨끗하게 보입니다. 미니멀리스트 브랜드에 적합합니다.
색상 전용 접근 방식의 경우 배경 유형은 색상 및 그라데이션 옵션을 제공합니다. 2 스톱 그라데이션 (더 어두운 색조로 색이 바래는 브랜드 색상) 은 사진을 필요없이 현대적으로 읽습니다.
더 많은 배경 기술(애니메이션 그라데이션, 입자, 비디오)을 보려면 다음을 참조하세요 Elementor 페이지 배경 가이드.
5 단계: 제목 및 설명 추가
드래그 a 향하고 섹션에 위젯. 귀하의 브랜드 이름이나 “뭔가 오고있다.”와 같은 짧은 헤드 라인을 입력하십시오. 그 아래, 드래그 a 텍스트 편집기 출시 내용을 설명하는 한 문장 설명을 위한 위젯입니다.
헤드라인을 4–7 단어로 유지하세요. 설명을 한 문장으로 유지하세요. 곧 나올 페이지의 전체 요점은 전체 마케팅 홍보가 아니라 흥미입니다. 정적인 제목보다 더 눈길을 끄는 것을 원한다면,the 애니메이션 헤드라인 위젯 master Addons에서 단어를 무료로 회전하고 Master Addons Pro는 입력 효과를 추가합니다.
6 단계: 카운트다운 타이머 추가
마스터 애드온이 자리를 얻는 곳입니다. 위젯 패널에서 “카운트다운 타이머”를 검색하고 마스터 애드온을 드래그하십시오 카운트다운 타이머 위젯 설명 아래 섹션으로.
위젯 설정에서 다음을 설정합니다 기한 출시 날짜와 시간에. 타이머 레이아웃을 선택하고 (카드 스타일 블록은 어두운 배경에서 잘 보이고 인라인 텍스트는 미니멀리스트 디자인에 적합함), 단위에 라벨을 붙이고 (일,시간, 분,초), 스타일 사전 설정을 선택합니다: 기본값과 카드는 위젯과 함께 제공되며 Master Addons Pro 는 Flip,Circle, Gradient,Neon, Glassmorphism,Minimal, Outline 및 Neumorphic 을 추가합니다. 타이머가 0 에 도달하면 숫자가 0 에서 멈추고 페이지에 머물러 있습니다; 리디렉션이나 숨기기 옵션이 없으므로 출시일에 페이지를 실제 사이트로 바꾸십시오. 전체 설정은 에 있습니다 카운트다운 타이머 위젯 페이지.
7 단계: 소셜 미디어 링크 추가
카운트다운 아래에서 a를 드래그하세요 소셜 아이콘 위젯 (Elementor 의 기본값이 작동하거나 더 많은 아이콘 라이브러리 옵션을 위해 Master Addons 버전을 사용). 활성화된 각 플랫폼을 추가하고 프로필에 연결합니다. 아이콘 색상을 전체 팔레트에 일치시켜 붙여넣기 로고가 아닌 디자인의 일부처럼 느껴지도록 합니다.
8 단계: 이메일 가입 양식 추가 (선택 사항)
실행 전 트래픽에서 이메일을 캡처하려면 을 드래그하세요 MA Mailchimp 위젯 섹션으로. 무료 MC4WP: WordPress 플러그인 용 Mailchimp 의 양식을 표시하므로 먼저 MC4WP 에서 Mailchimp 잠재 고객을 연결하십시오. MC4WP 양식 필드에서 입력 “이메일 주소”에 레이블을 지정하고 버튼 텍스트를 “알림”또는 “업데이트 받기.”로 변경하십시오
프로 팁: Mailchimp 를 사용하지 않는 경우 Elementor Form 위젯도 작동하지만 Elementor Pro 가 필요합니다. 제출물을 웹훅으로 보내거나 이메일로 보낼 수 있으며 나중에 이메일 서비스로 가져올 수 있습니다.
게시를 클릭합니다. 페이지는 현재 존재하지만 아직 사이트의 첫 페이지가 아닙니다. 그것이 다음 단계입니다.
곧 출시될 페이지를 활성화하는 방법
대부분의 튜토리얼이 건너뛰는 부분입니다. 페이지를 구축하는 것은 작업의 절반입니다. 사이트의 실제 첫 페이지로 만드는 것은 나머지 절반입니다.
WordPress 관리자에서 다음으로 이동하세요 설정 → 읽기. 아래에 귀하의 홈페이지가 표시됩니다를, 선택합니다 정적 페이지. 홈페이지 드롭다운에서 방금 구축한 곧 출시될 페이지를 선택합니다. 저장.
이제 누군가가 도메인 루트 (yoursite.com) 를 방문하면 곧 나올 페이지를 보게됩니다. 다른 페이지는 여전히 존재하며 직접 링크하면 액세스 할 수 있지만 홈페이지에서 찾아 보는 사람은 아무도 없습니다. 시작할 준비가되면 동일한 읽기 설정으로 돌아와 홈페이지를 다시 “최신 게시물”또는 적절한 홈페이지로 전환하십시오.
SEO를 위한 추가 단계: 시작할 준비가 될 때까지 다음을 추가합니다 noindex 곧 페이지 (또는 전체 사이트) 에 태그. 순위 수학 또는 Yoast 와 같은 무료 SEO 플러그인을 설치하고 설정 → 읽기 아래에서 “이 사이트를 색인화하는 검색 엔진을 억제”를 전환하십시오. 시작할 때 꺼야한다는 것을 기억하십시오. 그렇지 않으면 Google 이 실제 페이지를 계속 무시합니다.
곧 페이지를 변환할 수 있는 디자인 팁
가입 및 소셜 팔로우를 획득하는 곧 출시될 페이지는 공지라기보다는 브랜딩의 한 조각처럼 보입니다. 작동하는 패턴:
- 하나의 명확한 행동. “이메일을 남겨주세요” 또는 “우리를 팔로우하세요.” 둘 다 눈에 띄게는 아닙니다. 가장 많이 사용할 것을 골라 헤드라인 다음으로 가장 큰 요소로 만드세요.
- 배경 이미지 위에 고대비 텍스트가 표시됩니다. 60 – 70% 어두운 오버레이는 바쁜 사진에서 가벼운 텍스트를 읽을 수있게합니다. 단단한 보라색 그라데이션의 흰색 텍스트는 마찬가지로 효과적이며 더 빠르게로드됩니다.
- 실제 브랜드 자산. 실제 로고, 실제 글꼴, 실제 브랜드 색상. 일반적으로 보이는 자리 표시자는 사이트 자체가 일반적으로 보일 것이라는 신호를 보냅니다.
- 모바일 우선 타이포그래피. 전화기에서 헤드라인과 카운트다운 타이머를 테스트합니다. 카운트다운이 작거나 어색하게 마무리되면 글꼴 크기를 줄이거나 모바일용 스택 레이아웃으로 전환합니다.
- 일하는 소셜 링크. 소셜 아이콘이 빈 프로필을 가리키면 방문자는 바운스됩니다. 각 플랫폼에 링크하기 전에 최소 한 번 게시하십시오.
- 다가올 일에 대한 약속. “뭔가 대단한 것”은 약합니다. “[귀하의 제품] 의 새로운 집”은 구체적입니다. “[문제를 해결] 하는 더 나은 방법”은 방문자에게 구독할 이유를 제공합니다.
나중에 추가할 변환 중심 위젯의 경우 Elementor 마케팅 위젯 가이드 랜딩 페이지에서 성과를 거두는 항목을 다룹니다.
무료 vs 프로: 당신이 얻는 것
이 튜토리얼의 모든 것은 무료 버전의 Master Addon 에서 작동합니다. Pro 는 다른 위젯과 더 넓은 기능 세트를 잠금 해제하며 여기에 필요한 특정 위젯은 잠금 해제하지 않습니다.
| 특징 | 무료 | 프로 |
|---|---|---|
| 카운트다운 타이머 위젯 | 예 | 예 |
| Mailchimp 이메일 가입 위젯 | 예 | 예 |
| 소셜 아이콘 위젯 | 예 | 예 |
| 애니메이션 헤드라인 위젯 | 예 | 예 |
| 입자/애니메이션 그라데이션 배경 | 입자만 | 둘 다 |
| 팝업 빌더(종료 의도 실행 팝업용) | 아니요 | 예 |
| 템플릿 키트(사전 구축된 실행 페이지) | 아니요 | 30+ 키트 |
앞서 출발을 원한다면, 마스터 애드온 템플릿 키트 (Pro) 가져오고 편집할 수 있는 사전 구축된 시작 페이지 디자인을 포함합니다. The 404 페이지 템플릿 템플릿 라이브러리에서 동일한 방식으로 가져옵니다. 애드온 팩에 대한 더 넓은 비교를 보려면 다음을 참조하세요 최고의 Elementor 애드온 100개 정리.
출시 준비 완료?
마스터 애드온으로 Elementor 사이트를 더 빠르게 배송하는 40,000 + 웹 제작자와 함께하십시오. 영원히 무료입니다. 더 많은 위젯이 필요할 때 업그레이드하십시오.
자주 묻는 질문
Elementor 에서 곧 나올 페이지를 어떻게 만들 수 있습니까?
새 WordPress 페이지를 만들고 레이아웃을 Elementor Canvas 로 설정하고 배경 이미지 또는 색상이 포함된 전체 화면 섹션을 추가한 다음 제목,설명, 카운트다운 타이머 및 소셜 아이콘을 드래그합니다. 설정 → 읽기를 통해 페이지를 사이트의 첫 페이지로 만듭니다. 위의 전체 연습.
Elementor에는 곧 출시될 기능이 내장되어 있나요?
Elementor Pro 에는 유지 관리/곧 제공 모드가 있지만 무료 버전은 그렇지 않습니다. Canvas 템플릿을 Master Addons 위젯 (카운트다운,소셜, 이메일 가입) 및 WordPress 정적-홈페이지 설정과 결합하여 무료 Elementor 로 곧 출시될 사용자 정의 페이지를 계속 구축할 수 있습니다.
곧 출시될 Elementor 페이지를 무료로 만들 수 있나요?
예. 무료 Elementor plus 무료 Master Addons 는 Canvas 템플릿,카운트 다운 타이머,소셜 아이콘 및 이메일 가입 위젯을 제공합니다. 설정 → 읽기에서 홈페이지를 새 페이지로 전환하십시오. Elementor Pro 또는 유료 플러그인이 필요하지 않습니다.
WordPress에서 곧 출시될 모드를 어떻게 활성화하나요?
설정으로 이동 → 워드 프레스 관리자의 읽기. “홈페이지 디스플레이,”아래에서 “정적 페이지,”를 선택한 다음 홈페이지 드롭 다운에서 곧 페이지를 선택합니다. 저장. 사이트 루트에 방문자는 이제 일반 홈페이지 대신 곧 페이지를 참조하십시오.
곧 나올 페이지에서 검색 엔진을 차단해야합니까?
예. 실제 사이트가 준비 될 때까지 설정 → 읽기 → “검색 엔진 억제”를 켜거나 순위 수학 같은 SEO 플러그인을 통해 곧 페이지를 noindex 로 설정하십시오. 그렇지 않으면 Google 이 자리 표시자 버전을 캐시하고 실행 한 후에도 계속 표시 할 수 있습니다.
WordPress에 가장 적합한 곧 출시될 플러그인은 무엇입니까?
이미 Elementor 를 사용하고 있다면 전용 coming soon 플러그인이 필요하지 않습니다. Canvas 템플릿과 Master Addons 위젯을 사용하면 대부분의 coming-soon 플러그인보다 더 많은 디자인 제어 기능을 제공합니다. Elementor 를 사용하지 않으면 SeedProd 및 Coming Soon & Maintenance Mode 와 같은 플러그인이 잘 작동합니다.
감싸는 중
좋은 Elementor 곧 페이지 는 자리 표시자 이상입니다. 초기 트래픽을 계속 유지하고,출시 전 이메일 목록을 작성하고,그 뒤에있는 브랜드의 분위기를 설정합니다. 무료 Elementor,무료 Master Addon 및 WordPress 의 정적 홈페이지 설정의 조합은 유료 플러그인이나 Elementor Pro 라이센스없이 그 모든 것을 다룹니다.
출시일이 되면 홈페이지 설정을 뒤집어주세요 설정 → 읽기 그리고 당신의 진짜 위치는 이어받는다. 다가오는 곧 페이지는 다음 발사 또는 미래 리브랜딩을 위해 당신의 페이지 명부에 체재한다. 관련된 상륙 페이지 일을 위해,우리의 elementor로 블로그 페이지를 만드세요 튜토리얼과 끈적한 헤더 가이드.
관련 읽기: Elementor 애니메이션 효과 | 최고의 팝업 빌더 플러그인 | Elementor 마케팅 위젯
