위즈폼 2.0 구매하기 및 폼꾸미기 폼메일 랜딩페이지 만들기

안녕하세요 위즈폼 서포터 입니다! 폼만들기 동영상 잘 보셨나요? 이제부터는 구매하기 후 어떻게 랜딩페이지로 폼꾸미기를 통해 만드는지 알아보겠습니다 먼저 내가 만든 폼에서 원하는 폼을 구매하기 클릭합니다

그러면 폼을 신청하는 메뉴가 보이게 되는데요 원하는 기간을 선택하실 수 있습니다 기간선택을 클릭해볼까요? 1개월부터 36개월까지 설정이 가능합니다 3개월로 선택을 하고요 입금자명을 입력해야겠죠? 실제 입금하실 입금자명을 입력해주셔야 합니다! 중요!!! 다 되셨으면 구매하기 준비는 끝났습니다 구매하기 버튼을 클릭해볼까요? 구매하기가 완료되었습니다!! 실제 입금은 지금 해도 되지만 나중에 해도 됩니다 입금정보는 잘 저장해두세요!! 이제 구매한 폼을 확인해볼까요? 확인 버튼을 클릭! 자! 그러면 내가 구매한 폼의 정보를 볼 수 있습니다

좌측 메뉴의 구입한 폼을 클릭해서 내가 구매한 폼들의 정보를 모아볼 수 있습니다! 이제 중요한 나의 폼 접속 주소를 확인해볼까요? 나의 폼 옆의 보기를 클릭해보겠습니다 지금 동영상에는 안보이지만 나의 폼이 실제 팝업되는 것을 보실 수 있습니다(따라해보세요^^) 이제 폼을 꾸며볼까요? 화면 하단으로 가봅니다 하단의 수정 버튼을 클릭해보세요! 지금부터 어떻게 폼 제목을 바꾸고, 공지사항을 입력하고, 상단에 이미지를 등록하는지 주의 깊이 봐주세요! 내가 알아볼 수 있는 폼의 별칭과 브라우저에 표시되는 제목을 설정하는 모습입니다 신청기간 기능을 사용하면 지정된 날짜까지만 접수 받을 수도 있어요! 랜딩페이지를 위해서 우선 상단 제목 부분은 가리기로 변경합니다 그리고 상단 배너의 업로드 기능을 사용하여 원하는 이미지를 불러온 뒤 이미지 삽입 버튼을 클릭 후 이미지를 선택하고 삽입 버튼을 최종 클릭하세요 그러면 등록된 주소가 적용됩니다

업로드 하지 않고 이미 웹주소가 있는 이미지를 사용하실 수 있습니다 이미지 주소만 넣으면 되겠죠? 이미지를 등록하실 때는 영문과 숫자로만 이루어진 파일을 사용해주세요 이제 공지사항을 입력해볼까요? 내가 입력한 공지사항은 폼의 화면에 지정된 곳에 노출이 됩니다 원하는 글자를 적고 배경색과 글자색 그리고 크기를 지정해볼까요? 만약 별도의 개인정보 동의 내용이 필요하다면 입력할 수 있습니다 이 밖에도 다양한 기능들이 있는데요 자세한 내용은 위즈폼 공지사항의 내용을 통해 알아보실 수 있습니다! 이제 신청 버튼을 설정해볼까요? 버튼의 글자와 배경색 글자색을 지정할 수 있습니다 이제 기본적인 설정은 마쳤습니다

이제 적용된 내용을 확인하는 일만 남았어요!! 맨 하단의 저장을 클릭하면 적용이 됩니다! 적용 후 다시 나의 폼 보기를 통해 확인해볼까요? 보기를 클릭하거나 고유한 접속 주소를 열어보면 확인하실 수 있습니다 이렇게 해서 폼을 만들고 구매하기를 진행하고 폼을 꾸며서 랜딩페이지를 만드는 방법을 알아 봤습니다 위즈폼은 지금 본 내용 외에도 정말 강력한 기능들이 많이 있습니다 특히 광고대행사 분들을 위한 광고 추적 삽입 기능부터 다양한 기능을 지금 위즈폼 공지사항을 통해 알아보세요 지금은 폼에 신청버튼이 보이지 않지만 입금을 하고 결제가 완료되면 신청하기 버튼이 생기게 될거에요! 그리고 좌측 신청접수 확인 메뉴를 통해서 내 폼에 접수(등록)된 데이터를 확인하실 수 있습니다

역시 결제가 완료가 되면 오픈이 된답니다!! 폼은 여러 개 만들고 구매할 수 있습니다 모든 나의 폼들은 구입한 폼 메뉴에서 보실 수 있고, 보기 또는 수정 버튼 클릭하여 내 폼들을 확인하거나 수정하실 수 있습니다 특히 폼의 접속주소는 내 폼에 접근할 수 있는 고유한 주소이니 잘 확인하시어 공유 및 사용하시면 됩니다 지금까지 위즈폼 20 폼 구매하기 및 꾸미기를 통한 랜딩페이지 쉽게 만들기 시간이었습니다

많은 이용 부탁드립니다:D

How to A/B Split Test Landing Pages with Elementor

– 안녕, 저는 Design Build Web의 Dave Foy입니다 판매 유입 경로 및 방문 페이지를 만드는 경우 자신이나 다른 고객을위한 워드 프레스에서, 엘리멘터는 약간의 꿈이 실현됩니다

전환 중심의 방문 페이지를 만드는 것은 매우 쉽습니다 WordPress에 바로 드래그 앤 드롭하십시오 물론, 당신이 공연에 대해 진지한 사람이라면 귀하의 방문 페이지 중 당신이하는 가장 많은 전환이 가능합니다 당신은 그 방문 페이지를 나누어 테스트해야합니다 그리고 만약 여러분이 스플릿 테스트가 무엇인지 모를 경우, 때로는 AB 테스트라고 부르며, 잠시 후에 설명하겠습니다

일반적으로 제 3 자 도구를 사용합니다 스 플리트 테스트를 위해 Optimizely와 유사합니다 하지만 새로운 무료 스플릿 테스트 플러그인이 있습니다 문자 그대로 방금 출시 된 Elementor 용입니다 분할 테스트를 직접 실행하고 관리 할 수 ​​있습니다

Elementor에서 바로 WordPress 관리자 패널에 있습니다 엘리먼트 분할 테스트 (Split Test For Elementor) 이 비디오에서 나는 그것을 가져갈 것이다 너를 도울 수있는 방법을 찾아라 스프레드 테스트 방문 페이지를 직접 WordPress에 저장합니다 들어가자

이제이 특정 비디오는 심층적 인 방법이 아닙니다 스플릿 테스트 등 플러그인 검토에 더 초점을 둡니다 나는 가르치는 훈련 프로그램을 가지고있다 판매 유입 경로를 계획, 구축 및 관리하는 방법 WordPress와 Elementor로

그것은 No Fear Funnels라고합니다 나는 일 년에 몇 번 열어 관심이 있으시면 가입하실 수 있습니다 여기에 알림을 받으면 링크가 나타납니다 동영상 아래에

간단히 말해서, split-testing이란 무엇입니까? 전환 성능을 향상시키는 방법입니다 웹 사이트의 페이지 수 그래서, 나는 방문 페이지를 가지고있다 여기에 내가 전에 만들었던 것이있다 이것은 우리가 만든 방문 페이지입니다 Ne Fear Funnels 과정에서 실제로

이제이 페이지에는 다음과 같은 작업이 있습니다 누군가 이메일 주소를 알려주려면 이 무료 가이드의 대가로 이 페이지의 모든 것이 집중되어 있습니다 전환 목표에 따라 우리의 목록에 포함됩니다 전환율을 높일 수 있다면 모든 사람의 가입 비율 누가이 페이지를 보았는가? 조금 여기에, 그리고 조금 거기, 시간이지 나면서, 우리는 더 많은 가입, 더 많은 판매, 동일한 양의 트래픽으로 더 많은 수익을 올릴 수 있습니다 이제 더 많은 트래픽을 얻는 것이 훨씬 어렵습니다

이미 가지고있는 것을 개조하는 것보다 낫습니다 자, 여기에 빨리 말해 줄 가치가있어 너 정말보고 싶을 뿐이야 이와 같은 변환 최적화에서는 스플릿 테스트, 괜찮은 교통량과 괜찮은 전화 번호가있을 때 이미 전환이 발생했습니다 그렇지 않으면 데이터가 충분하지 않습니다

신뢰할 수있는 결정을 내릴 수 있습니다 트래픽이 없다면, 우선 그 일에 집중하십시오 어쨌든,보고 싶은 전형적인 것들, 조정할 수있는 것, 전환율을 높이려면 헤드 라인과 같은 것이 될 것이고, 사본, 이미지, 버튼, 하단의 텍스트, 버튼의 색상, 버튼의 크기, 페이지상의 위치 모든 종류의 물건 사람들은 분할 테스트를 실행하는 방법에 대해 강한 의견을 가지고 있습니다

또는 AB 검사 한 번에 몇 개의 요소를 테스트해야합니까? 테스트 당 변형 수입니다 여기에 지나치게 단순화 된 버전이 있습니다 당신이 분할 테스트를 처음 접한다면 명확성을 위해서 기본 아이디어는 하나의 요소를 변경하는 것입니다

한 번에 페이지에서 전환율을 높이는 지 확인할 수 있습니다 이 버튼의 색상을 변경하기로 결정할 수도 있습니다 예를 들어 녹색으로 표시하면 더 많은 사람들이 볼 수 있습니다 전환율이 높으면 선택하십시오 녹색의 클릭 유도 문안 버튼은 빨간색보다 그래서 우리는 버튼 색상의 두 가지 변형을 만들 것입니다

하나의 빨간색, 하나의 녹색 플러그인과 같은 분할 테스트 도구 버전 A를 보여 드리겠습니다 빨간색 버튼이있는 페이지의 50 % 방문객의 버전 B, 녹색 버튼, 나머지 50 %는 그리고 나서, 충분한 트래픽이 페이지를 본 후에, 어떤 버전의 전환율이 더 높은지 확인할 수 있습니다 전환율이 가장 높은 버전 승자입니다 이 버전은 모든 방문자의 라이브 버전이됩니다

지금부터 이제 새로운 기능을 살펴 보겠습니다 Elementor Plugin에 대한 테스트 분할 단지이 플러그인이 방금 출시되었다는 것을 명심하십시오 이 비디오를 만들 때

정말로 초기의 날입니다 WordPress Repo에는 무료 버전이 있습니다 쌍을 이루는 프로 버전도 있습니다 Rocket Elements는 개발자 사이트에 있습니다 이 비디오 아래 두 링크가 모두 표시됩니다

두 버전의 차이점을 살펴 보겠습니다 잠시 내가 이것에 대해 이미 좋아하는 것은 별도의 애드온이라는 것입니다 Elementor에게 나는 Elementt 팀이 funtionality를 추가하는 것을 싫어한다

이것을 Elementor 자신에게도 좋아하십시오 Divi에는 분할 테스트 도구가 내장되어 있습니다 Divi는 비 대한 엉망입니다 엘리멘터가 아닙니다 나는 그렇게 생각합시다

자, 분할 테스트를 시작합시다 따라서 Elementor와 함께이 방문 페이지를 수정하고 있습니다 버튼 색상을 변경하여 테스트 해 보겠습니다 그럼 그 시험을 시작합시다 시험 페이지는 방문 페이지에서 설정할 수 있습니다

또는 WordPress 관리자 패널의 플러그인 설정에 있습니다 먼저 여기서부터 어떻게하는지 보여 드리겠습니다 그것은 당신이 그것을하는 방법을 정말로 중요하지 않습니다 섹션의 설정을 클릭합니다 버튼이 Advanced에 있으며, 이 분할 테스트 패널로 내려와 새 테스트를 추가하십시오

나는이 시험에 나중에 이해할 이름을 줄 것이다 나는 '버튼 컬러'로 갈거야 당신을 위해 영국 철자가 거기에 있습니다 그래서 우리가 테스트하는 것을 설명합니다 테스트를 저장하십시오

이제 유사 콘텐츠를 추가하십시오 여기서 두 가지 변형 방식을 사용한다는 것을 기억하십시오 그래서 저는 첫 번째 변형을 좋아합니다 분명히 '빨간 버튼'이라고 부르 자 나는 그것을 방문자의 50 %에게 보여줄 것입니다

예를 들어 네 가지 변형이있는 경우, 우리가 테스트 한 4 가지 색상, 우리는 방문자의 25 %에게 각각을 보여줄 것입니다 나는 그 변화를 구할 것이다 그것은 1 위입니다 따라서이 섹션은 '버튼 색상'으로 저장되었습니다 변이 번호 1, 빨간색 버튼이 들어 있습니다

지금은 섹션 전체를 저장해야합니다 대안으로 개별 위젯을 변형 할 수는 없습니다 나중에 그 이상 이제 녹색 버튼에 대한 또 다른 변형입니다

따라서 별도의 섹션을 만들어야합니다 그래서 저는 이것을 복제 할 것입니다 따라서 섹션을 마우스 오른쪽 버튼으로 클릭하면 복제를 선택하십시오 새 섹션 인 여기로 스크롤하십시오 이 섹션의 버튼을 초록색으로 바꿀 것입니다

이제이 녹색 버튼 섹션을 지정하려면 변형 2 번 섹션 설정입니다 다시, 고급 설정입니다 아래로 나누기 테스트 그래서, 우리는 여전히 이것을 할당하고 있습니다

버튼 색상 분리 테스트 이제 몇 가지 다른 테스트를 사용할 수 있습니다 이 드롭 다운에 우리는 지금 당장 하나 있습니다 이 섹션에 대해 분할 테스트 변형을 선택하십시오 이것은 '그린 버튼'입니다

다시 말하지만, 우리의 미래 참조 용입니다 우리가 나중에 통계를 볼 때 이제이 방문 페이지를 저장하겠습니다 끝났어 이제 그 페이지를 방문하겠습니다

플러그인이 결정한 유사 콘텐츠를 확인해 봅시다 보여 주려고 그래서 빨간 버튼 버젼이 무작위로 보입니다 그것은 변주 1이었습니다 그리고 플러그인은 브라우저에 쿠키를 설정합니다

그래서 항상 매번 빨간색 버튼을 볼 것입니다 나는이 페이지를 방문한다 좋아요, WordPress 관리자로 돌아가 봅시다 지금까지 통계가 우리에게 보여주는 것을 봅니다 여기에 새로운 스플릿 테스트 메뉴가 있습니다

'버튼 색상'테스트가 있습니다 우리가 여기에 설치 했어 편집하면 두 개의 변형이 있습니다 그건 그렇고, 내가 앞에서 언급했듯이, 실제로 테스트를 만들 수 있고 다양한 원하는 경우 변형 이름을 먼저 입력하십시오 그런 다음 드롭 다운 목록에서 이미 사용할 수 있습니다

Elementor 당신 주위에 어떤 방법 으로든 상관 없습니다 다시 올게 여기 통계가 있습니다 그래서 내 방문 기록입니다

훌륭합니다 하지만 전환은 없습니다 그리고 물론, 그것은 말하지 않았기 때문입니다 플러그인은 변환을 구성합니다 내가 한 모든 것은 지금까지 방문 페이지를 방문한 것입니다

그 중 하나를 보았습니다 따라서 전환 추적을 추가해야합니다 사람들이 제출 한 감사 페이지로 방문 페이지의 양식 그래서 누군가가 감사 페이지에 도착하면, 통계에 전환 수가 기록됩니다 내가 그것을하기 바로 전에, 그것은 혼란 스럽다 빨간색 버튼 테스트에는 초록색이 표시됩니다

녹색 버튼 테스트를위한 붉은 색 이제 그들은 플러그인에 의해 설정된 임의의 색상입니다 각 변형을 명확하게 볼 수 있도록 이 통계에 우리가 테스트하고있는 두 개의 버튼 색상이되었습니다 어쨌든, Pages에 들어가서 편집 해 보겠습니다 이 방문 페이지 양식에 대한 감사 페이지 그래서 이것은 사람들이 보는 감사의 페이지입니다

전환 추적을 추가하려면 새로운 스플릿 테스트 변환 위젯이 있습니다 여기 위젯 목록 하단에 있습니다 나는이 텍스트 아래에 그냥 나타낼 것이다 완전히 새로운 섹션을 추가 할 수 있습니다 예를 들어 페이지 상단에 원한다면 위젯을 거기에 넣으세요

그것을 분리하여 보관하십시오 섹션의 열 간격을 설정하면됩니다 아무런 격차가 없다 그렇지 않으면 섹션에 여분의 공백이 추가됩니다 귀하의 페이지로 이동하십시오

이제 전환 위젯 설정에서 이 위젯에 대한 테스트를 선택해야합니다 그것이 일치하도록 추적하고 있습니다 이제 감사 페이지를 저장하겠습니다 검사 할 시간 그래서 나는 정기 방문객과 같은 길을 갈 것입니다

그래서 브라우저의 방문 페이지로 돌아갈 것입니다 그럼, 내 자유 가이드를 보내줘 나는 내 이름과 이메일을 보내고 제출을 누르십시오 그리고 붐, 감사 페이지가 있습니다 이제 추적했는지 봅시다

빨간색 버튼을 보는 사람에 대한 전환 그게 내가 본 하나라는 것을 기억하십시오 그러니 워드 프레스 관리자에게 다시 오십시오 분할 테스트 메뉴, 설정 한 테스트가 있습니다 통계를 클릭하십시오

거기는 내가 본 유사 콘텐츠에 대한 전환 1 회 좋은 그래프와 차트와 테이블을 얻을 수 있습니다 그리고 나중에 결과를 필터링 할 수도 있습니다 뿐만 아니라 하루 일단이 테스트를 실행하면 페이지를 볼 수있는 많은 트래픽, 그러면 어떤 버전이 승자인지 알 수 있습니다

자, 절대 최소한으로, 방문 페이지에 100 쌍의 눈이 필요합니다 이상적으로 말하면, 더 정확한 결과를 위해 페이지를 보는 트래픽이 많을수록 결과가 더 정확할수록, 트래픽이 충분하지 않은 경우, 더 많은 트래픽을 먼저 얻는 데 중점을 둡니다 분할 테스트가 아닙니다 어쨌든, 일단 우승자가되면, 당신은이기는 버전을 지키고 당신은 삭제한다 잃는 버전

그런 다음 더 많은 테스트를 수행합니다 다른 헤드 라인을 테스트 할 수 있습니다 다른 복사본, 다른 이미지, 다른 레이아웃, 다른 위치, 모든 종류의 물건, 점진적으로 전환율을 높이십시오 시간이 지남에 그리고 제가 말씀 드렸듯이,이 플러그인은 실제로 초기 단계입니다

문자 그대로 방금 출시되었습니다 그러나 타사 도구에 대한 간단한 대안으로, Google Optimize 및 Optimizely와 같이, WordPress에 바로 내장되어 직접 통합 Elementor와는 매우 유망 해 보입니다 개선이 필요하다고 생각되는 몇 가지 사항이 있습니다 하지만 먼저, 무료 버전에서, 테스트 당 두 개의 변형 만 실행할 수 있습니다 그러나 유료 프로 버전에서, 무제한의 유사 콘텐츠를 사용할 수 있습니다

이제는 무료 및 페어링 간의 유일한 차이점입니다 지금 당장 개발자가 말해 줘요 곧 더 많은 테스트 대상을 추가하게 될 것입니다 사용자 피드백을 기반으로 한 기타 기능을 제공합니다 주목할 사실 하나 : 테스트에서 여러 대안 페이지를 테스트 할 때, 당신은 가양 성의 통계적 위험을 초래합니다

위험이 커지면 누적됩니다 테스트 할 모든 추가 유사 콘텐츠가 포함되어 있습니다 나는 그 이론을 이해하는 척하지 않는다 하지만 Optimizely와 같은 다른 도구는 Google Optimize를 사용하면 몇 가지 복잡한 수학을 실행합니다 해당 오류를 수정하십시오

이 플러그인이 아직 수행하는지 잘 모르겠습니다 그러나 그것은 단지 염두에 두어야 할 것입니다 나는 충분히 스트레스를받을 수 없다 이것은 초기 단계이다 이 플러그인에 대해서는,하지만 재판을 실행 한 후, 몇 가지 제안은 물론 몇 가지 사항이 있습니다

그것을 시도한 친구로부터도 내 말은,이 중 일부는 이미 구현되었을 수도 있습니다 이 비디오를 볼 때까지 나는 모른다 편집자는 여기에서 두 가지 변형 만 실행하고 있습니다

방문 페이지에서 페이지가 편집하기가 좀 지저분합니다 보여주고 숨길 수있는 것이 좋을 것입니다 유사 페이지를 쉽게 편집 할 수 있도록합니다 어느 섹션이 명확한 지 알 수 있습니다 분할 테스트를 거쳤습니다

나는 단지 섹션을 클릭함으로써 지금 알 수있다 어떤 종류의 혼란스러운 설정 섹션 주변의 시각적 표시기 좋을 것이다 결국 분할 테스트를 할 수 있기를 바랍니다 개별 위젯

제 단추의 위젯은 제 예제에서, 전체 섹션이 아닙니다 그리고 저는 결국, 뿐만 아니라 전체 페이지를 테스트 할 수 있습니다 전환 페이지의 추적을 설정하는 방법, 감사 페이지, 조금 clunky입니다 따라서 위젯을 드래그하여 감사 페이지 나는 그것을 설정하는 것이 더 좋을 것이라고 생각한다

드롭 다운 메뉴에서 전환 페이지 테스트 에디터의 WordPress에서 마지막으로 전환 목표를 더 많이 테스트 할 수있는 능력 환상적 일 것입니다 현재, 그것은 단지 페이지 목적지입니다 양식 제출을 테스트하는 것이 좋습니다 테스트 버튼 클릭 스크롤 다운 테스트 같은 페이지의 특정 지점으로 이동합니다

예를 들어 어떤 광고 제목을 테스트할지 맨 위에는 사람들이 독서를 장려합니다 페이지 아래쪽으로 로켓 요소에서 잘 했어 이 아이디어를 위해 정말로 유망하다

나는 그것을 사용하고 유지할 것이다 가까운 눈 앞서 언급했듯이, 계획에 관심이 있다면 전환율이 높은 판매 유입 경로 구축 WordPress와 Elementor로, No Fear funnels라는 교육 프로그램이 있습니다 등록을 위해 1 년에 몇 번 열립니다 알림을 받도록 등록 할 수 있습니다

동영상 아래 링크를 삭제하겠습니다 자,이 비디오가 마음에 드시고 유용하다고 생각하시면, 나에게 부탁을 동영상 아래에서 엄지 손가락 업을 클릭하십시오 그리고 나에게 코멘트를 떨어 뜨려 라 당신이 무슨 생각을하는지 제게 알려주세요

좋아, 행복한 분할 테스트 나는 너를 곧 볼거야

Elementor Landing Page Tutorial – Create WordPress Landing Pages ⚡

Brandon 님, 오늘 밤에 무슨 일이 일어나고 있는지 빠르게 알 수 있습니다 WordPress에서 멋진 방문 페이지를 만든 다음 내가 할 일 나는 그 방문 페이지를 무너 뜨리고 모든 중요한 열쇠를 보여줄 것인가? 요소를 가장 효과적으로 만들지 만 내가하기 전에 치는 것이 고려됩니다

저기 벨 알림에있는 구독 버튼 내가 나오고있는 나의 모든 새로운 비디오와 계속 조율하고 싶다면 알아라 그리고 나와 함께 최신 상태로 유지하는 것이 좋습니다 자, 자습서에 들어 가자 내 컴퓨터에 뛰어 올라서 지금 시작할거야 너희들을 볼거야

모든 사람들이 여기에 다시 오신 것을 환영합니다 우리는 내 컴퓨터에 뛰어들 것입니다 이 자습서는 지금은하지만 한 가지 전에 페이지 빌더를 사용하여 실제로이 방문 페이지를 만들고 해당 페이지 작성기를 호출하는 요소는 요소입니다 또는이 튜토리얼에서 element 또는 pro의 특정 요소를 사용하게 될 것입니다 Elementor를 확인하고 싶다면 설명을 진행하십시오

나는 거기 당신을위한 연결이있다 당신이 골라내는 것을 결정하는 경우에 가입 연결이다 up Elementor 나는 그것이 훌륭한 페이지라는 것에 감사한다 빌더 나는 모든 웹 사이트와 분명히 착륙 페이지에 사용하므로 확인하자 이걸로 내가 여기에서 제일 먼저보고 싶은 것은 우리가 우리가 랜딩 페이지를 여기에서 선택한 템플릿은 우리가 기린을 구할 것입니다 그래서 그것을 업데이트 한 다음 요소로 편집을 클릭합니다 우리에게 정말 깨끗한 페이지 빈 캔버스를 제공 할거야

확인 사촌 난 여기 네비게이션 바를 원하지 않는다 정신이 산만 해지면 정말 깨끗하길 바래 그래서 우리가 어떻게 할거지 보여 줄거야 우리 로고를 맨 위에 놓을 테니 내가 할 일은 새로운 섹션을 추가하고 싶습니다 우리는 하나의 열을 가질 것입니다

그것은 박스형이 될 것입니다 섹션을 늘리려면 1250과 150을해야합니다 픽셀이 있으면 다음 단계로 넘어 가서 이미지를 선택하면됩니다 바로 끌어다 놓기 만하면됩니다 내 이미지를 여기에서 선택합니다

로고와 분명히 너무 큽니다 그래서 스타일로 가자 우리는 너비 20 – 좋아 보이는 것 우리가하고 싶은 한가지는 왼쪽으로 정렬하고 싶습니다 그거 정말 좋네 사람들 한테 친절하게 줄거야 그들이 잊어 버린 경우를 대비하여 시각적 인 지표를 제공합니다

상단에 로고가 그 다음에 우리가 할 일은 우리가 뛰어 내릴 것입니다 여기에서 실제 방문 페이지를 만들기 시작하면이 항목을 복제 할 수 있습니다 내가 당신이 뭘 알게 될지 이미 알고 있기 때문에 맨 위에있는 섹션 분명히하고 있지만 내가해야 할 일은 처음부터 다시 시작하겠습니다 여기에 새로운 섹션을 다시 한 섹션으로 확장하려는 섹션 boxed를 사용하면 콘텐츠 폭이 1250 ~ 50 픽셀이됩니다 나는 여기에 무료로 다운로드하라는 텍스트의 단순한 조각이 있기를 원한다

우리가 그렇게 할거야, 그래서 중간에 여기에 중심을 두자 우리는 작풍에 갈 것이다 그리고 나는 우리가 간단한 빨간을 할 수있는 여기에서 보자하자 이것에 대한 분홍빛이 도는 색은 여기에 있습니다 이제는 스타일로 돌아가 봅시다 우리의 타이포그래피 나는 약 23의 크기와 더불어 여기에서 꽤 단순한 글꼴을 사용할 것이다

좋은 그리고 우리는 약 300의 무게를 할 것이다 그래서 나는 지금 꽤 귀여워 보인다 하고 싶은데 여기 배경을 만들고 싶다 다른 색 이니,이 부분으로 돌아가서 여기로 가겠습니다 스타일과 나는 백그라운드 유형을 할거야 좋아, 우리는 단지 색을 할거야

색상이 이미 저장되어있어보기 좋아요 이제 우리는 우리가 가지고있는 것을 볼 수 있습니다 무료 다운로드가 밝히는 텍스트는 여기에서 밝혀졌습니다 실제로는 밝을 것입니다 조금 더 완벽 해 보이는 것이 좋다

꼭대기에 나는 스타일을 꾸미려고 내가 여기에 가서 실제로 할거야 상단의 스페이서는 아마도 약 10 개를 할 수 있습니다 상단에 약 5 픽셀을 복제하고 복사하면됩니다 드롭 및 하단에 5 개의 픽셀이 있으므로 우리는 이미 착륙 페이지 상단의 시작 부분이 우리가 다음 일을 할 수 있도록 만들어졌습니다 너는 우리가 너트와 볼트에 빠지기 만하면 될 것이다

방문 페이지는 실제로 옆에있는 이미지를 말하고 모든 좋은 것들은 괜찮습니다 이제 모든 것이 일어나는 일종의 최고의 섹션으로 이동합시다 마술 이미지 모든 행동을 알리는 call-to-action 먼저 내가 할 일은 우리가 그렇게하지 않고 복제하는 것뿐입니다 배경을 만들고이 모든 것을 다시해야한다 우리는 거기에있는 모든 것을 삭제하고 삭제할 것이므로 새 열을 추가 할 것입니다

왼쪽에있는이 두 개의 열을 우리가 표제어에 넣고 싶습니다 내 방향 2018에 대한 최고의 방문 페이지 27 개 분명히 틈새 시장 당신이 말하기를 원하는대로 말할 것입니다 눈에 잘 띄게 타이포그래피로 돌아가 자 오늘 내가 입력 할 수 있으면 좋을 것 같아 74 약 800의 무게를하고 우리는 0

9의 라인 높이를 할 것입니다 1을 가리키고 조금만 넘어 가자 5350 43 알았어, 우리가 간다 우리는 그것을 움직였다

왼쪽 열이 조금 더 많아서 조금 더 멋지게 보일 수 있습니다 이제 우리가 할 다음 일은 우리가 여기로 들어가서 안으로 들어갈 것입니다 일종의 예술적 분리만을위한 조금 여기에서 우리는 점선으로 할 것입니다 우리는 약 195의 너비를 할 것입니다 그리고 나서 우리는 두 개의 틈을 만들 것입니다

좋아 보인다 다음 섹션에서 우리는 텍스트 편집기를 추가 할 것이다 여기 끌어다 놓기 만하면 다른 자리 표시자를 넣을 수 있습니다 거기에 텍스트 괜찮아 우리가 가서 양식을 다시하고 그냥 그 하얀 잘 만들거야 타이포그래피는 기본값으로 설정하고 18로 만들 것입니다 여기에 몇 가지 정보를 알려주는 텍스트를 당신은 어쩌면 왜 그들이 이것을 원할 것인가를 포기하고 있습니다

이것은 분명히있을 것입니다 네 틈새 시장에만 국한 될거야 그래서 이제는 목록을 추가하고 싶다 몇 가지 이점을주세요 여기에 아이콘 목록으로 올라가서 이것들을 드래그하면 스타일을 지정하겠습니다 이 진짜 빨리 좋아, 이제는 아마이 페이지에 넣어 버튼을 보자 방문자가 참여할 수 있도록 방문 페이지의 가장 중요한 부분 중 하나 당신의 전자 우편 명부 그들은 당신이 지금 제안하고있는 공짜 물건을 얻을 수있다 우리가 거기에있어 꽤 괜찮아 보인다

이미지로 넘어가 자고 이제 우리 요소를 다시 살펴 보겠습니다 우리는 이미지를 추가 할 것이고 여기에서 이미지를 선택할 것이고 내가하고 싶은 것은 나는 이것을 충분히 만들고 싶습니다 그리고 우리는 그것을 중심으로 만들 것입니다 그래서 우리가 스타일을 가면 제가 할 것입니다 최대 너비가 100 인 경우 너비가 80 인 경우 불투명도를 1로 설정 한 다음 여기에 작은 상자 그림자도 있으므로 흐림 효과는 최대 38로 이동합니다

2의 스프레드로이 흰색을 만들어 약간의 하얀 빛을 발하는 것이 좋습니다 정말 좋아 보이네요 이제 내가 이것을하고 싶은 마지막 일은 실제 옵트 인을 알고 있다는 것입니다 바로 여기 내가 바닥에 약간의 스타일을 지정하고 싶습니다 내가이 모든 부분을 편집 할거야

나는 스타일에 갈거야 셰이더 디바이더를 할게요 바닥은 산을 할 것이고 너비가 300 인 모양의 편집기를 만들 것입니다 높이가 66이되면 지금 여기서 볼 수 있습니다 이미지가 보입니다

버튼에서 우리는 꼭 그렇게 원하지는 않습니다 탭을 선택하고 모두 선택 취소하려는 값을 함께 연결하지 마십시오 우리가하고 싶은 것은 바닥을 움직이는 것뿐입니다 우리는 이것을 움직여서 어쩌면 대략을보십시오 84 83 84 84 좋아 좋아 보인다 그래서 우리가 정상을 가지고있다 본다 우리가 필요로하는 섹션이 두 개 더 있습니다 그것을 추가하는 것은 매우 비판적입니다

여기에 제목을 넣고 아래쪽에 리뷰를 올려 놓으십시오 일부 사회적 증거 그래서 우리는 여기에 다른 섹션을 추가 할 것입니다 단일 열 나는 올라갈 것이고 나는 표제를 붙일 것이다 그리고 내가 할 일은 내가 그곳에 붙일 것이다 우리는 이것이 이전의 이래로 h2 헤딩임을 확인하고자합니다 여기 h1이 h2 제목으로 HTML 바로 아래에 설정되어 있습니다

태그를 추가하면 리뷰에 들어가서 분명히 이해할 수 있습니다 어떤 사회적 증거가 필요할 것입니다 그래서 당신이 무엇을 얻으려고 할지라도 사회 증명 그냥 간단한 스크린 샷 찍어 내가 얼마나 쉽게 보여줄거야 Elementor에 넣는 것입니다 그러면 여기에서 우리는 하나의 열을 추가 할 것입니다 여기에 우리가 갈거야 다음에 할 일은 우리가 클릭 할게요

리뷰는 바로 여기에 설정 분명히 이들은 단지 인터넷에서 가져온 있습니다 우리가 할 일은 우리가 큰 스타일로 설정할 것이고 우리 스타일로 넘어갈 것입니다 우리는 45의 너비를 여기에서 할 것입니다 그래서 외형은 좋게 보입니다 경계의 타입과 우리는 틈이 생기게되었던 경계를 할 것이다 나는 그것이 꽤 좋게 보인다라고 생각한다 좋아, 이제 우리가 할 일은 이것을 복제하는 것 뿐이야 이것이 가장 쉬운 방법이다

그 다음에는 여기에 와서 다음 이미지를 선택하십시오 그래서 우리는 다른 이미지를 얻습니다 여기에 이미지를 넣으면 우리는 여기서 내려 가서 세 번째 이미지를 선택합니다 당신이 3을 가지고있는 것처럼 당신은 착륙을위한 사회적 증명 리뷰를 안다 페이지가 어떻게 될지 사람들이 더 많은 것을 느낄 수 있도록 도움이 될 것입니다

무료 다운로드 당신의 이름 이메일 등을주고있다 여기 하단의 섹션은 분명히 선택 사항이지만 특별한 장소 나 당신이 알기에 특별한 블로그라면 알고있는 목록 사회 경제적 증거를위한 하단의 로고는 사람들이 느끼는 안심하고 그걸 할 수 있도록 합법적 인 사람 이니까 꽤 쉽게 우리는 4 개의 열을 세울거야 사촌 여기 네 개의 로고가있어 우리는 입력 할 것이고 첫 번째 것은 이미지를 끌어 올 것입니다 우리의 이미지를 여기에서 선택하십시오 두 번째 하나의 동일한 거래 이미지 오케이 이제 우리는 무엇을 할 것인가? 이 스타일을 조금 더 유니폼으로 만들어서 스타일을 꾸미고 크기를 조금 더 작게 만들기 위해 너비를 50 줄이면 우리는 불투명도는 약 05로 내려갑니다

그것들은 괜찮아 보이는군요 우리는 거의 끝내고 있어요 리뷰와 리뷰 사이에 좀 더 많은 공간이 있습니다 여기에있는 회사들이 내가 할 일은 내가 갈 것이고 나는 스페이서를 할 것이고 우리는 그냥 할 것입니다 그곳에 50의 기본 스페이서를 넣으면 아마도 맨 아래에있는 사람들과 당신은 완전히 기능하는 착륙을했습니다

보이는 사람들은 너의 공짜 물건 사인을 알기를 원한다 귀하의 이메일 목록까지 사회적인 증거가 있습니다 당신이 아주 바닥에서 정말 좋은 물건을 듣고있는 모든 블로그를 알아라 좋아 그럼 궁금한 점이 있으시면 의견 및 공짜 물건에 대한 방문 페이지를 만들고 있는지 들어보고 싶습니다

너도 네가 나눠주고 싶다는 걸 알고있다 나도 그걸 듣고 싶다 코멘트에 다시 아래에 알려주세요 이 자습서가 마음에 들면 가입 신청 및 보석금 통지를 고려하십시오 그리고 감시 장치에 있으십시오

좋은 소식이 많이 있습니다 나는 다음에 너를 볼거야

Build a landing page with WordPress using the block editor [Gutenberg]

안녕! 내 이름은 로버트이고이 비디오에 WordPress로 방문 페이지를 만드는 방법을 알려 드리겠습니다 이 방문 페이지는 새로운 WordPress Block 편집기를 사용하여 작성됩니다

그걸 믿니? 예, 그렇습니다 30 분 이내에 완료했습니다 이러한 멋지게 디자인 된 섹션과 요소는 모두 소위 구텐베르트 편집기를 사용하여 제작됩니다 그리고 당신은 쉽게 그것을 스스로 할 수 있습니다 단계별 가이드가 단계별로 나오므로 계속 지켜보십시오 어떤 테마를 사용해야할지 모르시는 경우 Neve에게 슈퍼 패스트와 페더 웨이트 테마를 권장합니다

새로운 WordPress Blocks 편집기에서 잘 작동합니다 여기 당신이 얻을 것입니다 몇 가지 있습니다 우선, 페이지 레이아웃을 변경할 수있는 많은 옵션을 제공합니다 둘째, 페이지 너비도 조정할 수 있습니다 시원한! 권리? Neve가 제공하는 더 많은 기능을 보여 드리겠습니다

지금 당장 설치 하시고 다음 단계로 이동하십시오 오터 블록은 향상된 블록과 기본 블록에서 찾을 수없는 많은 기능을 제공합니다 예를 들어, 기본 머리글 블록에는 머리글, 글꼴 무게, 스타일을 설정하려면 링크를 설정할 수도 있고 원하는 경우 취소 선을 추가 할 수도 있지만 그것은 거의 모든 것입니다 한 가지 더 할 수있는 것은 여기서 제목 정렬을 변경하는 것입니다 그게 전부 야

더 많은 옵션을 원한다는 것을 알고 있습니다 따라서 Otter의 Advanced Heading을 사용하면 텍스트 색상, 글꼴 크기, 활판 인쇄 및 그림자 속성을 설정할 수도 있습니다 그 기능과 설정에 대한 자세한 내용은 나와 함께 있으십시오 더 이상 고민하지 않고 방문 페이지를 만들어 봅시다 최신 버전의 WordPress와 Bloks Editor가 설치되어 있는지 확인하십시오

생성 프로세스 중 문제가 발생했습니다 페이지를 추가해야합니다 먼저 여기에 새로 추가를 클릭하십시오 첫 번째 필드는 페이지의 제목이므로 페이지와 관련된 제목을 추가하십시오 대략이고, 그 후에 제목의 밑에 당신의 쥐를 바르게 움직이십시오

왼쪽에있는 더하기 아이콘을 보시겠습니까? 첫번째 블록을 추가하려면 그것을 누르십시오 또한 오른쪽에있는 최신 블록을 사용할 수 있습니다 아직 Otter Blocks Plugin을 설치하지 않았다면, 기본값 가장 많이 사용하는 블록은 여기에 있으므로 해당 플러그인을 설치하고 활성화하십시오 블록 편집기에는 기본적으로 많은 블록과 열이 있지만, 오터 블록에는 더 많은 것을 제공합니다 섹션으로 페이지를 구성하고 다른 배경을 사용할 수있는 기회를 제공합니다

이 페이지에서 볼 수 있듯이 각 섹션에 대해 또한 원하는대로 각 섹션을 정확하게 보이게 할 수있는 더 많은 옵션이 있습니다 어떻게 작동하는지 보여 드리죠 먼저 섹션 블록을 클릭하거나 여기에서 같은 블록을 선택하십시오 이번에는 단일 행 레이아웃을 선택하고 그 위에 마우스를 올려 놓으면 얇은 것을 볼 수 있습니다 섹션 열과 섹션 주위에 파란색 선이 표시됩니다

이들은 당신이 별도로 설정할 수있는 요소라는 것을 기억하십시오 오른쪽의 옵션 패널에서 차이점을 확인하십시오 시원한 계속하기 전에해야 할 일은 페이지 설정을 변경하는 것입니다 문서 탭을 클릭하십시오

대시 보드에 페이지 설정 탭이 보이지 않습니까? 앞서 언급 한 WordPress 테마 인 Neve를 설치하고 활성화하십시오 지금은 Container를 Full Width로 설정하고 Customizer Setting을 No Sidebar로 설정하고 아래 모든 구성 요소 개별 콘텐츠 폭을 활성화하고 100으로 설정하십시오 그렇게하면 콘텐츠의 왼쪽이나 오른쪽에 공간이 표시되지 않습니다 페이지를 미리 볼 때

분명히 볼 수있는 것은 없지만 즉시 콘텐츠를 추가하기 시작합니다 그래서 계속 지켜봐 자동으로 수행되기 때문에 단계별로 작업을 저장하는 것에 대해 걱정하지 마십시오 다음 단계로 이동하는 것이 안전한지 확인하려면 여기에 초안 저장을 클릭하십시오 여기서 볼 수 있듯이이 섹션의 배경을 추가 할 것입니다

따라서이 섹션의 설정 옵션을 보려면 클릭하십시오 섹션 열은 아니지만 섹션 자체 이제 스타일 탭으로 이동하여 배경 유형을 이미지로 설정하십시오 간단한 색상이나 그라디언트를 선택할 수도 있지만 이미지 유형을 고수 할 것입니다 이 시간

여기에보고 싶은 이미지, 품질의 이미지 만 업로드하면됩니다 예를 들어, 무료 이미지를 찾을 수있는 좋은 리소스는 pixabaycom이지만 가장 좋은 것은 자신의 사진이 될 것입니다 물론입니다 그런 다음 여기 배경 설정 아이콘을 클릭하십시오

이 효과를 보려면 배경 첨부를 스크롤로 설정하거나 고정을 선택하십시오 스크롤 할 때 콘텐츠를 붙입니다 어떻게 보입니까? 큰 여기에서 선택하는 배경 위치는 센터 센터입니다 배경 반복은 반복하지 않습니다

배경 크기는 표지입니다 다음으로 요소를 추가하겠습니다 로고, "굉장한 나무 물건"제목 아래 버튼을 클릭하십시오 섹션 위로 마우스를 이동하면 더하기 아이콘을 볼 수 있습니까? 그것을 클릭하고 이미지 블록을 선택하십시오 자신의 로고를 업로드 한 다음 설정을 조정하십시오

이 드롭 다운에서 화면 중앙에 맞추고 이미지 크기를 보통으로 설정하십시오 그리고 그게 다야 다음에 추가 할 텍스트 요소는 고급 제목 상자입니다 제목 색을 흰색으로 만들고 필드에 원하는 단어를 입력하십시오 WordPress 방문 페이지 예를 들어, 화면 중앙에 맞추십시오

이제 같은 글꼴 패밀리를 원한다면이 드롭 다운에서 글꼴 패밀리를 Aladin으로 선택하십시오 나는이 페이지에서 사용했다 승인? 그렇지 않은 경우 자유롭게 다른 글꼴을 선택하십시오 다음으로 글꼴 크기를 100으로 설정하고 아래 그림자 속성을 켭니다 방문 페이지에서와 동일한 효과를 원한다면 그림자 속성을 클릭하고 불투명도를 100으로 설정하고 텍스트가 튀어 나오게하려면 블러 효과를 5 이상으로 설정하십시오

좋은 이 섹션의 마지막 요소 인 버튼을 추가하십시오 오터가 제공하는 버튼 그룹 블록을 선택하고 버튼 수를 1로 설정 한 다음 이동하십시오 색상 및 테두리 설정을 변경하십시오 이 페이지에서 사용하는 것과 동일한 버튼을 만들려면 여기의 색상을 흰색, 배경 색상을 녹색으로 바꾼 다음 색상 코드를 복사하십시오

단추의 테두리를 흰색으로 설정하고 테두리 폭을 2로 설정합니다 내가 사용한 테두리 반경은 100이지만 원하는 값을 설정할 수 있습니다 이 드롭 다운에서 화면 중앙에 단추를 맞추고 텍스트를 입력하십시오 "비디오보기"또는 그 밖의 다른 것들처럼 여기에 필요한 경우 패딩을 조정 한 다음 위치를 설정하십시오 아이콘 오른쪽에 이 드롭 다운에서 비디오 아이콘을 선택하면 완료됩니다

다음 섹션으로 이동하기 전에 한 가지 더해야 할 일은 그룹 설정으로 이동하는 것입니다 입력 체계 설정에서 글꼴 크기를 25로 설정하십시오 글꼴 패밀리 (Font Family)와 같이 여기에서 다른 것을 자유롭게 변경할 수 있습니다 지금까지 우리가 만든 것을 보자 이를 위해 미리보기를 클릭합니다

글쎄, 나는 섹션 높이가 너무 작아서 편집자에게 돌아갈 것이라고 생각한다 섹션 구조에서 Custom Height를 검색하십시오 이 값을 800으로 설정하고 드래프트 저장을 눌러 변경 사항을 즉시 저장합니다 미리보기를 다시 확인하십시오 더 나은, 맞죠? 버튼 높이가 너무 작습니다! 여기 조정을 위해 필요한 사항은 다음과 같습니다

라인 높이를 50 이상으로 설정하십시오 초안을 저장하고 미리보기를 한 번 더 확인하십시오 좋은! 사실, 첫 번째 섹션 위에있는이 얇은 공백은 보이지 않는 것입니다 너무 좋아 우리가 고칠 수 있을까요? 물론, 문제 없습니다

이를 수행하려면 섹션 설정으로 다시 돌아가서 여백 가기 컨트롤을 확인합니다 안쪽 여백 및 여백 설정 이 값을 -10으로 설정하면됩니다 우리는 첫 번째 섹션을 완료 했으므로 다음 섹션으로 이동할 수 있습니다 모양 및 디자인 섹션에서는 3 개의 열과 3 개의 글꼴 굉장 아이콘을 사용합니다 블록

먼저 셰이프 및 디자인이라는 제목을 추가해야합니다 따라서 여기서 더하기 기호를 클릭하고 고급 제목 블록을 선택하십시오 도형 및 디자인을 입력하여 텍스트 정렬을 가운데로 설정하고 글꼴 크기를 38로 설정합니다 예 좋아 보이네? 원하는 때에 언제든지 비디오를 일시 중지 할 수 있다는 사실을 알려주고 너는 배운다

또한 원하는 경우 언제든지 단계 설명을 건너 뛰려면 아래의 설명 상자에서 시간 소인을 확인하십시오 다음으로이 표제 블록 아래에 나타나는 도형에 대한 새 섹션을 추가하겠습니다 이번에는 세 개의 열이있는 Equal 레이아웃을 선택합니다 그런 다음 시작합니다 하나씩 아이콘을 추가합니다

이 프로세스를 더 빨리 수행하기 위해 첫 번째 열에 Font Awesome Icons 블록을 추가하고, 이 방문 페이지의 첫 번째 아이콘과 똑같이 보이도록 맞춤 설정하겠습니다 그리고 나서 그것을 복제 할 것입니다 따라서이 드롭 다운에서 아이콘을 "원자"로 변경하고 아이콘 크기를 150으로 설정하고 채우기를 20으로 설정합니다 이 경우 아이콘의 색상은 녹색이며 테두리는 검은 색입니다 여기에 표시되는 테두리를 다시 만들려면 테두리 크기를 3으로 설정하고 반지름을 14로 설정해야합니다

첫 번째 도형이 완성되었습니다 여기에 더 많은 옵션을 클릭하고 블록을 복제하십시오 이 영역 위로 마우스를 클릭 한 채 블록을 다음 열로 드래그하십시오 아래에 표시된 기본 단락 블록을 삭제하려면 무언가를 입력 한 다음 여기를 클릭하십시오 및 블록 제거

글꼴 굉장 블록을 다시 한 번 복제하여 마지막 열로 이동하십시오 승인? 자, 아이콘을 사용자 정의하자 중간에있는 블록에는 개 모양이 있어야하므로 여기에 개 아이콘을 검색하고 클릭하십시오 끝난 마지막 블록에서 동일하게하십시오 그러나 이번에는 유모차 아이콘을 찾으십시오

잘 했어! 두 번째 섹션은 준비가 완료되었으며 지금까지 수행 한 작업을 미리 볼 수 있습니다 음, 아이콘이 너무 멀어서 블록 편집기로 돌아갑니다 단면 위에 얇은 파란색 선이 나타날 때까지 클릭하고 옵션을 보려면 클릭하십시오 섹션 너비를 넓게 설정하면됩니다 페이지를 다시 미리 보면 모든 것이 제대로 보이는지 확인할 수 있습니다

이 제목은 여기에서도 처음이지만 조금 더 빨리 작업하기를 원하므로 중복됩니다 셰이프 및 디자인 제목 블록을 먼저 만든 다음 이동합니다 그런 다음 텍스트를 '동영상보기'로 변경 한 다음 아래에 다른 섹션을 추가하십시오 단일 행 레이아웃은 다시 정상적으로 작동합니다 이 섹션의 배경은 단색, 초록색이므로 스타일 탭으로 넘어가십시오

설정 패널에서 색상을 변경하십시오 아이콘과 동일한 색상을 사용하려면 해당 상자를 클릭하고 색상을 복사하십시오 코드는 여기에 있습니다 섹션 설정으로 돌아가서 여기에 색상을 붙여 넣으십시오 그런 다음 섹션의 너비를 전체로 설정 한 다음 레이아웃 설정에서 모든 패딩을 없앱니다

비디오 블록을 추가하고 "URL에서 삽입"옵션을 사용하십시오 이 입력란에 선택한 동영상 링크를 붙여넣고 Enter 키를 누릅니다 섹션 열에 대해 채우기 컨트롤을 100으로 설정하여 더 작게 만듭니다 제가 언급하고자하는 또 하나의 점은 비디오가 중앙에 정렬되어 있는지 확인하는 것입니다 지금까지는 너무 좋아서 다음 섹션으로 넘어갈 수 있습니다

Pricing Table 섹션은이 비디오에서 가장 시간이 많이 걸리는 단계이므로 일시 중지를 클릭 할 수 있습니다 계속 전진하기 전에 좋은 커피를 마셔야합니다 준비된? 동영상 아래에 다른 섹션을 추가하고 이번에는 템플릿 라이브러리를 사용합니다 이 리소스에 대한 멋진 점은 미리 준비된 블록이 많이 있고 이 드롭 다운에서 카테고리별로 필터링 할 수 있습니다 지금은 가격 책정 표를 사용하여 동영상 시작 부분에서 본 페이지처럼 보이게하십시오

먼저 큰 05가있는 표제 블록을 제거한 다음 해당 표제 블록의 여백 위쪽을 설정합니다 여기에있는 표제를 따라 가라 글꼴을 변경 한 다음 몇 가지 미세 조정을하여 여기에서 볼 수있는 것과 동일한 모양을 가질 수 있습니다 먼저 섹션을 클릭하고 Padding Top을 50으로, Padding Bottom을 80으로 변경합니다 배경색을 흰색으로 변경하고 각 가격 책정표에 대해 동일한 제목 블록을 사용하십시오

Aladin을 사용하여 글꼴 패밀리를 변경하면됩니다 그런 다음 글꼴 크기를 40 이상으로 설정하십시오 그런 다음 블록을 다음 가격 테이블로 이동하고 기본 테이블을 삭제하는 등의 작업을 수행하십시오 다음으로 각 가격 열의 배경색을 변경하는 방법을 보여 드리겠습니다 가격의 배후에서 시작해 보겠습니다

섹션 열이 나타날 때까지 커서를 가리 키십시오 그것을 클릭하고 배경색을 갈색으로 변경하십시오 색상을 복사하고 위의가는 선을 사용하여 동일하게하십시오 이번에는 테두리 색을 변경해야합니다 똑같은 곡선을 그리기 위해서, 여기에서 볼 수 있듯이, 테두리를 설정하십시오 상위 값은 7, 경계 반경은 7입니다

Push Cart 가격 열과 동일한 작업을 수행 한 다음 가격 열의 색상을 변경하십시오 중간에 개 모양을 나타내는 컬럼은 녹색 배경을 가지므로 다시 진행하십시오 여기서 색상을 변경하십시오 Border Top와 Border Radius의 값을 7로 변경하십시오 "월별"텍스트 상자를 제거한 다음 텍스트 내용을 가격 이하로 변경하십시오

여기에 맺음말 텍스트 줄이 필요하면 사용하지 않고 변경 한 내용을 제거하십시오 이렇게 남아있는 필드의 텍스트 목제 유형, 모양 크기, 모양 색깔, 아이들을 % s 안전한, 지방질 납품 다음 가격 탭에서 기본 블록을 제거하고 복사하여 드래그 할 수 있습니다 왼쪽의 텍스트 입력란 위로 이동하거나 편집 할 수 있습니다 그것은 당신의 선택이므로 선호하는 방법을 사용하십시오

가장 빠른 방법 인 것처럼 보이기 때문에 복사 붙여 넣기 방법을 선호합니다 나는 왜 내가 여기에 붙여 넣을 때 텍스트 위의이 빈 공간을 나에게 줄지 모르지만 그렇지 않다 키보드의 백 스페이스 버튼을 눌러서 제거 할 수 있기 때문에 걱정할 필요가 없습니다 마지막으로, 클릭 유도 문안 버튼의 기본 모양을 변경하여 모양을 변경하는 방법을 알아 보겠습니다 여기에서 보는 것과 똑같이 행동하십시오

색상을 변경하여 시작하십시오 첫 번째 단추를 클릭하고 색상 및 테두리 설정으로 이동하십시오 먼저이 요소의 갈색 코드를 복사 한 다음 여기에 붙여 넣습니다 보시다시피 텍스트 색상입니다 그런 다음 테두리 색상 필드에서 동일한 코드를 사용하십시오

변경해야 할 것은 배경 화면의 색상을 마우스로 가리키는 것입니다 여기에서 호버 탭을 클릭하십시오 호버 배경색을 이전에 사용한 것과 동일한 갈색으로 설정하십시오 멋지네요, 그렇죠? 다음 버튼이 녹색으로 표시되므로 여기에 색상 코드를 복사하고 과정을 반복하십시오 갈색 단추에서

색상, 테두리 및 호버 배경을 변경하십시오 일을 더 빨리하려면 버튼 블록을 제거하고 처음 생성 된 버튼을 복제하십시오 마지막 가격 열로 끌어다 놓으면 완료됩니다 할 일은 한 가지 더 있습니다 실제로는 아이콘에 추가 할 아이콘을 추가하는 것입니다

여기 버튼 그것을하는 것은 아주 쉽습니다 첫 번째 버튼의 경우 아이콘 설정 섹션으로 이동하여 아이콘 위치를 왼쪽으로 설정합니다 Icon Picker 드롭 다운에서 Atom 아이콘을 선택한 후 다음 버튼으로 이동하십시오 개 아이콘을 선택하고 마지막 단추는 여기에서 유모차 아이콘을 선택하십시오

마지막으로, 예를 들어 "지금 구입"을 사용하여 버튼 텍스트를 변경하고 붙여 넣을 수 있습니다 이 필드의 제품 페이지에 대한 링크 변경 사항을 저장하면 완료됩니다 가격 섹션이 완료되었습니다 그것이 호기심을 일으키는 방법? 확인 해보자 괜찮아 보이지만 더 나아질 수 있다고 생각합니다 각 열에 그림자 효과를 추가하면 가격 책정 표가 나타납니다

그것을하고 그것이 어떻게 작동하는지보십시오 블록 편집기로 돌아가 첫 번째 가격 탭의 섹션 열을 클릭하십시오 블록 설정에서 스타일 탭으로 가서 테두리 옵션으로 이동하십시오 여기서 상자 그림자를 활성화하고 필요한 경우 설정을 조정 한 다음 각 가격 탭에 대해 동일한 작업을 수행하십시오 시원한

변경 사항을 저장하고 미리보기를 한 번 더 확인하십시오 훨씬 낫지, 그렇지? 무엇 향후 계획? 이 방문 페이지의 마지막 섹션이며 여기에서해야 할 일이 있습니다 섹션 블록을 한 번 더 사용한 다음 템플릿 라이브러리를 클릭하십시오 여기에서 Get Touch 템플릿을 선택하십시오 첫 번째 블록을 제거하려면이 페이지에서 필요하지 않으므로 위쪽 여백을 설정하십시오

사이에 공백을 넣으려면 다음 제목 블럭을 0 이상으로 설정하십시오 섹션의 제목과 상단 여백 그런 다음 스타일 탭에서 글꼴 패밀리를 여기에서 변경하고 섹션 이미지를 참조하십시오 배경, 여기 최상의 배경을 얻을 때까지 배경 오버레이 불투명도를 조정 한 다음 클릭하여 저장합니다 변화들

이제 WP Forms 플러그인을 사용하여 연락처 양식을 만드는 방법을 보여 드리겠습니다 여기에 새 양식 추가를 클릭하십시오 다음 단계에서 간단한 양식을 선택하는 것이 좋을 것이므로 클릭하여 간단하게 만듭니다 양식에 문의하십시오 고급 옵션 패널에서 각 요소의 필드 크기를 크게로 설정합니다

모든 레이블을 숨 깁니다 성 및 이름 필드의 경우 하위 라벨도 숨 깁니다 마지막으로 각 요소의 자리 표시 자 필드에 텍스트를 추가합니다 여기에 이름, 여기에 이메일, 여기에 메시지, 여기에 메시지 버튼 텍스트를 변경하려면 설정 탭으로 이동하여 여기에 표시되는 내용을 변경하십시오

예를 들어, 메시지 보내기를 입력 할 수 있습니다 작업이 완료되면 저장을 클릭 한 다음 소스 코드 팝업에 표시되는 단축 코드를 복사하십시오 돌아가서 페이지를 편집 한 다음이 필드에 단축 코드를 붙여 넣으십시오 변경 사항을 저장 한 다음 페이지를 미리 봅니다 그것은 근사 해 보입니다

게시 버튼을 누르기 전에해야 할 일 중 하나는이 자막을 없애는 것입니다 "아래 양식을 사용하여 메시지를 보내주십시오"와 같이 텍스트를 변경하십시오 마지막으로 게시를 클릭하면 완료됩니다! 이제 독자적인 블록 편집기를 사용하여 WordPress로 방문 페이지를 만드는 방법을 알았습니다 얼마나 시원합니까? 방금 배운 것을 사용하여 마케팅에 높은 전환율의 방문 페이지를 만드십시오 페이스 북과 구글 전략

그 중 더 많은 것, 당신은 Neve, 당신의 활동적인 WordPress 주제를, 가득 차있는 웹 사이트를 창조하기 위하여 사용할 수있다 수의과 센터, 변호사, 의사 등 대시 보드의 Appearance / Neve Option으로 이동하여 직접 확인하십시오 한 번의 클릭으로 모든 템플릿을 무료로 가져 와서 사용할 수 있습니다 WordPress Blocks에 대해 질문이 있습니까? WordPress 웹 사이트에 콘텐츠를 추가하는 새로운 방법에 대해 어떻게 생각하십니까? 아래에 의견을 남겨두면 채팅 할 수 있습니다

최근에 게시 한 비디오의 WordPress에 대해 자세히 알아보십시오 다음에 보자

How To Create A High Converting Landing Page In WordPress In 15 Minutes 2019 (Step By Step Tutorial)

안녕하세요, 조르지오입니다이 동영상에서는 어떻게 할 지 보여 드리겠습니다

WordPress에서 단계별로 높은 전환 방문 페이지를 만듭니다 그럼 그냥 확인해 봅시다 따라서 기본적으로 모두가 방문 페이지가 필요합니다 블로그가있는 경우 온라인으로 물건을 판매하는 경우 온라인으로 물건을 귀하의 이메일 목록에 더 많은 가입자를 얻고 싶거나 온라인에서 무엇을 하든지간에 기본적으로 방문 페이지가 필요합니다

그래서 나는 요소 또는 요소를 사용하십시오 엘리멘터가 제 의견으로는 최고의 페이지 빌더입니다 당신이 WordPress를 사용하고 있다면, 플러그인으로 넘어 가서 새로운 것을 추가하십시오 Elementor and Install Now (지금 설치)를 클릭하면 활성화됩니다 이것이 첫 단계입니다

완료되면 페이지로 이동합니다 새로운 기능을 추가하고 체중 감량 틈새 시장에서 방문 페이지를 만들겠다고합시다 그래서 체중 감량 방법 2 주 이내 ㅋㅋㅋ ㅋㅋㅋ 따라서 Elemental을 사용하여 편집 한 항목을 클릭하여 편집하고 멋진 방문 페이지를 작성하십시오 보시다시피, 이것은 아닙니다 방문 페이지에서 설정 페이지 레이아웃을 클릭하십시오

방문 페이지 좋아, 그럼이 아이콘을 클릭해라 위에 약간의 공간을 갖고 싶습니다 그래서 나는 스페이서를 클릭하고 기본적으로 아래로 드래그합니다 20 및 다음 단계로 헤드 라인이 필요합니다 제목을 클릭하면됩니다

그리고 이것은 내 헤드 라인이다 센터에 맞추고 싶습니다 어쩌면 조금 더 큰 그 글꼴 클릭 원하는 45 이렇게 좋고 어쩌면 다른 색깔 일 수도 있습니다 어쩌면 초록색 그래서 이것은 내 의견으로는 위대 해 보인다 멋지네요 다음에 우리가 잘 필요해 나는 약간의 텍스트를 갖고 싶어한다

그들이 전자 책에서 발견 할 수있는 3 가지 혜택 또는 몇 가지 혜택이나 네, 그들은 전자 책에서 배울 요소들입니다 그래서 아이콘을 다시 클릭하면 교차로를 클릭하면 그것을 여기로 드래그하십시오 다음 약간의 텍스트를 원한다 여기에서 텍스트 편집기를 클릭하고 여기로 드래그하면 나는 이미지가 필요해 몇 가지 이점을 소개합시다

그래서 이것은 내가 방금 만든 것입니다 데모 용으로 정말 간단합니다 물론, 당신은 그것을 훨씬 나아지게 만들어야합니다 예, 이것은 데모 목적으로 만 사용됩니다 이걸 가지고 놀아 라

이걸 클릭하면된다 이미지와 내가 좋아하는 이미지를 선택하십시오 이 전자 책은 여기에서 우승했습니다 그리고 다시 그냥 놀아 라 그걸 얼마나 크게 원하니? 나는 이것을 조금 더 크게하고 싶다

그래서 그것을 클릭하면 스타일로 이동합니다 타이포그래피, 30 31, 30 및 30 나는 또한 작은 자막, 독점적 인 전자 책 25 입증 된 팁 나는 그것을 조금 더 크게 만들고 싶다 아마 더 많은 무게와 나는 파란색으로 만들고 싶습니다 그래, 좋아

나는 그것과 아마 나는 그것을 밑줄 것입니다 그래, 훨씬 나아 졌어 그냥 놀아 라 그래, 그런 것 우리가 지금 가질 필요가있는 유일한 것은 물론 버튼을 클릭하면 아래로 드래그하고 그래, 그냥 크기로 놀아

나는 크게 선택하세요 가운데 정렬하고 싶습니다 본문 10 번 중 9 번 내가 지금 다운로드를 사용하고 물론 이죠 크기로 놀아 라 얼마나 너 큰데? 35 뭐든간에

나는 또한 대문자를 사용하는 것을 좋아한다 그래, 이건 내가 좋아하는거야 배경이 파란색 일 수도 있습니다 그래, 파란색이 좋아 보인다 그래서 이제 나는 갖고 싶다

한 가지 이미지는 무엇인가? 과 나는 그 사람들을 원한다 찾고있다 그들이이 방문 페이지에 착륙하면 바로 다운로드 할 수 있습니다 이제 방문 페이지의 토지와이 화살표가 보입니다 그래, 가리키고있어 그래서 그들은 그것을 잊어 버리기 전에 지금 다운로드하고 한 가지를 봅니다

나는 또한 헤드 라인 위에 자막을 갖고 싶다 그래서 나는 텍스트 편집기를 클릭하고 여기로 드래그하십시오 나는 그것을 삭제하고 100 % 무료 전자 책이므로 사람들은 내가 무엇을 기대할 수 있는지 정확히 알 수 있습니다 그래서 조금 더 크게 만들어라 스타일 타이포그래피와 크기 만 가지고 놀기 그래서 이것은 내 의견으로는 깨끗하고 단순 해 보입니다

따라서 사람들이이 방문 페이지에 착륙하는 경우 그들은 어디에서 그들이 기대할 수 있는지 정확히 알 수 있습니다 방문 페이지에서 더 많은 텍스트를 볼 수 있다는 것이 입증되었습니다 예, 악화되면 사람들은 단순함을 좋아할 것이며 사람들은 주변에 많은 것을 좋아하지 않고 많은 것을 좋아하지 않습니다 산만 함 그래서 정말 깨끗합니다

전자 책에 관심이 있다면 간단합니다 당신은 지금 다운로드를 클릭 할 수 있습니다 이것들은 여러분이 배우게 될 몇 가지 요소를 발견 할 수있는 몇 가지 이점입니다 기타 등 제 의견으로는 정말 깨끗합니다 다음에 게시를 클릭하십시오 그러나 지금 다운로드를 클릭하면 아무 일도 일어나지 않고 나는 팝업을 가지고있는 것처럼 사람들이 그것을 클릭하면 팝업이 나타납니다

그래서 우리는 돌아 간다 우리는 클릭한다 템플릿과 팝업,하지만 팝업을 사용하려면 말해야합니다 Elementor Pro가 필요합니다 요소 또는 프로 비용 50 달러는 엘리먼트 또는 프로가 완전히 50 달러를 들게합니다

1 년 그래서 내 의견으로는 정말 싸다 많은 여분의 기능을 많이 얻을 것이다 기능을 사용하는 경우 요소 또는 프로에 대해 심각하면 웹 사이트 디자인 또는 예, 온라인 가시성 향상 나는 확실히 Elementor Pro를 추천합니다 당신은 팝업을 클릭하고 우리는 새로운 것을 만들고 싶다

잃는 방법 체중 검사 템플릿 만들기 그래서 여기를 클릭하십시오 전체 화면 전체 화면으로 표시합니다 그냥 하나 골라 당신이 좋아하는대로 난이게 좋아 왜 내가 이걸 좋아하니? 왜냐하면 정말? 단순함 내가 언급 한 것처럼 단순함을 좋아한다

모두가 단순함을 좋아하므로 삭제했습니다 그 아이콘과 나는 이것도 좋아하지 않는다 클럽에 가입하면 제목을 편집 할 것입니다 어디에 할까요 사람들이 좋아하기 때문에 어디에서 전자 책을 보내야합니까? 따라서 지금 다운로드를 클릭하면 예를 들어 전자 메일을 특정 전자 메일로 보내야합니다 그래서 정말 기본적인 것입니다

전자 메일 이름과 같은 다른 양식 필드가 아니라 전자 메일을 보내고 싶습니다 양식 필드가 많을수록 전환율이 낮아 이메일을 클릭하기 때문에 하지만 당신이 정말로 좋아한다면 예를 들어 이름 양식 필드가 있고를 클릭하십시오 항목을 수정하고 다시 요소 또는 양식 기능은 프로 사용자의 요소에만 해당됩니다 그래서 당신은 클릭합니다 항목 번호 2 레이블 이름 표시되는 자리 표시 자 이름이 나타납니다 원한다면 필요한 것을 만들 수 있습니다

그것을 이메일 위에 끌어다 놓을 수 있습니다 다음에는 제출 버튼을 클릭하십시오 다운로드를 원합니다 작거나 중간 또는 원하는대로 놀 수 있습니다 제출 후 조치

그래서 나는 getresponse getresponse를 사용하십시오 이메일 마케팅 서비스 및 무슨 일이 일어나는가? 자동 응답을 올바르게 설정하면 누군가가 지금 다운로드를 클릭합니다 그 사람은 자동으로 전자 서적을 받게 될 것입니다 당신이 방금 통합 된 이메일 마케팅 서비스와 나는 getresponse를 사용한다 내가 언급했던 것처럼 그것은 정말로 초보자이고 친절하다

네, 비용이 많이 들지 않으므로 제가 응답을 정말 초보자에게 친숙하게 사용하는 이유는 당신이 낮은 예산에 있다면 getresponse는 블로거인지 또는 디지털 마케팅 담당자는 중요하지 않습니다 똑 (drip) 나 MailChimp를 사용할 수도 있지만, getresponse와 또한 30 일 무료 평가판을 사용하므로 기본적으로 주위에서 놀고 마음에 드는지 여부를 확인할 수 있습니다 그게 응답이야 응답 및 사용자 지정을 클릭합니다 API 키를 입력하고 API 키를 입력하십시오

제출을 마친 후 조치를 잊기 전에 감사 페이지로 사람들을 보내고 싶습니다 따라서 선택하면 감사 페이지로 리디렉션됩니다 그리고 네 고맙습니다 페이지의 URL 나는 그것을 보여주지 않을 것이지만 정말로 쉽다 단지 새로운 페이지를 만든다

감사 페이지를 만들고 감사 페이지의 URL을 복사하고 여기에 붙여 넣으세요 그것은 기본적입니다 예, 버튼의 색상을 변경할 수도 있습니다 그럼 버튼을 제출하러 갈거야 그리고 당신은 스타일과 당신은 버튼을 클릭하고 우리는 예를 좋아한다

우리는 푸른 색을 좋아한다 그리고 네, 그건 기본적으로 그것입니다 게시를 클릭하면 조건의 부부 우리는 전체 화면에 팝업을 표시하고 싶지는 않지만 방문 페이지에서 단수형을 클릭하면 너는 모두를 클릭한다 페이지를 선택한 다음 과 그런 다음 몇 주 안에 체중 감량 방법을 만든 페이지를 선택할 수 있습니다 예, 몇 가지 트리거가 있으므로 팝업을 표시하려는 경우 아무거나 클릭하거나 스크롤 또는 페이지로드 또는 비활성 후, 우리는 동일하게 고급 크루즈에 적용되는 것을 원하지 않습니다

우리는 단지 그것을 보길 원하지 않지만, 지금은 안전하고 가까운 곳에 사용하지 않습니다 이제 끝났습니다 그럼 다음에 우리가 돌아 간다 대시 보드로 빠져 나와 우리는 페이지로 돌아 간다 Elementor를 사용하여 페이지 편집을 시작합니다

방문 페이지입니다 우리는 버튼을 클릭하고 동적 및 여기에 팝업이 표시됩니다 과 다시 팝업 및 이제 우리는 어떻게 우리가 그것을 어떻게 부른 것일까 요? 잃는 방법 체중 검사 이것은 우리의 팝업입니다 이제 클릭하면 이것은 사람들이 어디에서 우리가 지금 e-book 이름 이메일 다운로드를 보내야 하는지를 알 수있는 것입니다 아니, 고마워

이거 야 기본적으로 높은 전환율의 방문 페이지를 만드는 데 필요한 요소는 무엇입니까? 온라인 비즈니스를 운영하는 디지털 마케터라면 블로거인지는 중요하지 않습니다 기본적으로 방문 페이지가 필요합니다 그래서 이것은 그것과 질문이있는 경우 동영상을 좋아하는지 확인하십시오 그래, 나에게 다가 가라

아래에 의견을 남기고 네, 기본적으로 다음번에 보게됩니다

WordPress for Beginners: WHAT IS A LANDING PAGE?

이 동영상에서는 '왜 방문 페이지가 중요한 이유'에 대해 이야기하고 왜 당신도 당신의 웹 사이트에 하나 있어야합니까? 자,이 비디오에서는 기초만을 다룰 것입니다 방문 페이지와 관련하여 효율적이고 쉽게 구축 할 수있는 방문 페이지를 올바르게 작성하십시오

이 비디오의 설명에서 우리가 가지고있는 무료 코스를 체크 아웃하는 것을 잊지 마십시오 이제 방문 페이지는 다른 항목과 '별개'의 페이지입니다 귀하의 웹 사이트 및 그것은 주로 방문자의 종류에 최선을 다하고 있습니다 귀하의 웹 사이트는 귀하의 비즈니스에 관한 정보를 인터넷상의 어딘가에서 들었 기 때문에 아마 너는 생각하고있어 "방문 페이지가이 사용자 전용 인 이유는 무엇입니까? 왜 홈페이지로 보낼 수 없습니까?" 생각해보세요 방문객이 있습니다

아마 전에 당신에 대해 들어 본 적이, 귀하의 웹 사이트에 도착, 귀하의 홈페이지에 도착 아마 2 초 동안 붙어있을거야 그러면 그는 결국 떠날거야

그에게 정말로 흥미로운 것은 없었기 때문에 다시 돌아 오지 않을 것입니다 그를 혼란스럽게하는 것은 너무 많았습니다 반면 방문 페이지에서는 가치있는 것을 제공 할 수 있습니다 그의 이메일 주소 대신에 방문 페이지에서 무료 PDF와 같은 것을 표시 할 수 있습니다 예를 들어 귀하의 비즈니스와 관련이 있습니다

그리고, 그것도 뭔가 있어야합니다 귀하의 방문자에 대한 매력 예를 들어, 귀하가 나도 몰라 낚시, 예를 들어, 당신은 말한다 PDF를 표시 할 수 있습니다 : "더 나은 물고기를 잡을 수있는 다섯 가지 비밀"(내가 아는 것은 무엇인가) 그러나, 그것은 매력적이어야합니다 그런 다음 이메일 주소를 남겨 둘 것입니다 해당 PDF를 교환하십시오 그리고 점점 더 많은 방문객들이 방문 페이지에 올 것입니다 점점 더 많은 이메일 주소를 수집 할 수 있습니다

이제는 블로그 게시물을 게시하거나 예를 들어 새로운 블로그를 게시 할 때 제품을 사용하면 모든 방문자에게 이메일을 보낼 수 있으며 블로그 게시물이나 새 제품을 확인하십시오 그리고, 아마, 모든 사람이 아닙니다 이메일로 보낸 새 블로그 게시물을 확인할 수 있지만 그 중 많은 사람들이 그리고 간단히 말해서, 이것은 방문 페이지의 목적입니다 점점 더 많은 이메일 주소를 수집하고 사람들을 붙잡 으려면 당신의 웹 사이트에 새로운 것들이 올라올 때 알려주고, 또는 귀하의 비즈니스와 관련된 모든 것 자, 내가 말했듯이, 이것은 단지 표면을 긁는 데, 방문 페이지의 관점에서 볼 수 있습니다 많은 이메일 주소를 수집하는 방문 페이지를 올바르게 설정하십시오 빨리,이 비디오의 설명에서 무료 코스를 체크 아웃하는 것을 잊지 마세요

또한이 채널을 구독하는 것을 잊지 마세요 놀라운 동영상이 있기 때문에 당신을 위해 올라오고있어! 자, 당신이이 비디오를 즐겼기를 바랍니다 그리고, 나는 너희들을 다음에 보게 될거야 🙂

Profit Builder Plugin – Drag and Drop Landing Page Builder for WordPress

이익 빌더 플러그인 – 끌어서 놓기 WordPress에 대한 방문 페이지 빌더 이 질문에 대해 질문 해 보겠습니다 전환 수를 늘리시겠습니까? 어쩌면 모든 단어에 매달리는 반응이 빠른 메일 링리스트를 구축 할 수 있습니다

디지털 또는 실제 제품 인 경우 더 많은 제품 및 서비스 판매는 중요하지 않습니다 어쩌면 당신은 더 많은 사람들을 귀하의 웹 세미나에 몰아서 사람들이 행동하기를 바라고 싶어 할지도 모릅니다 더 많은 방문자를 실제 행동 수취인으로 전환하십시오 네가 그 요점들 중 하나에 예라고 대답한다면 네 내가 지금 할 수있는 가장 쉬운 방법을 보여 주려고하기 때문에 당신은 지금 바로 바른 장소에 있습니다

모든 기기에서 멋진 모양을하고 미친 듯이 변환되는 놀라운 방문 페이지 그래서 그걸로 말하면 당신에게 보여 드리죠 그래서 제가 할 일은, 이익 빌더 시스템에 대한 완전한 설명을 해드릴 것입니다 너는 우리가 여기에 옵트 인 페이지가 표시되며 사용자 정의가 얼마나 쉬운 지 보여 드리려고합니다 이 같은 이것은 우리가 볼 수있는 수백 가지 플러스 템플릿 중 하나입니다 페이지를 종료하고 거대한 빌드를 위해 실행 된 모든 것 반응 형 메일 링리스트 방문자를 실제 행동 수취인으로 전환하십시오

우리는 방문 페이지를 통해 제품 및 서비스에 대한 더 많은 매출을 창출 할 수 있습니다 이 시스템을 사용하는 것은 매우 쉽습니다 누구나 제로 코딩을 할 수 있습니다 예를 들면? 나는이 제목을 우리가 여기서 또 다시 할 수 있기 때문에 수정하려고합니다 난 그냥 복사해서 붙여 넣기 만하면 모든 것을 실시간으로 볼 수 있습니다

시스템을 사용하여 여기서 자막을 변경하고 싶을 것입니다 우리는 여기에 들어가서 클릭 붐이 완료되면 호황을 누릴 수 있으며 더 많은 것을하고 싶다면 아름다운 것들 중 하나가 있습니다 동일한 텍스트를 심층적으로 편집하려면 워드 프레스 편집기를 사용하는 전체 페이지 편집기가 있어야합니다 그래서 당신이 그 문제에 익숙하다면 멋진 점은 복제물을 복사하여 붙여 넣을 수 있다는 것입니다 삭제할 수있는 항목 우리가 만들 수있는 요소가 너무 많다는 것을 추가 할 수 있습니다

단 몇 달 만에 생각할 수있는 모든 것 내가 얼마나 빨리 그 비디오를 거기에 추가했는지 봐 YouTube Vimeo 또는 퍼가기 코드에서 내 링크를 복사하여 붙여 넣을 수 있으며, 멋진 점은 각 요소마다 자체 컨트롤이 있다는 것입니다 따라서 코딩을 전혀하지 않거나 엉망으로 만들고 수백 가지의 놀라운 기능이 있습니다 모든 응용 프로그램에 대해 입증되고 높은 변환 템플릿은 중요하지 않습니다 반응이 빠른 메일 링리스트를 사용하거나 더 많은 매출로 매출 증대 잠재 고객 전환을 통해 더 많은 사람들을 웹 세미나로 유도 한 다음 필요에 맞는 템플릿을 제공합니다

배포와 빌드가 빠르며 페이지를 배포하고 구축하는 방법을 보여줄 것입니다 이제 여기에는 다른 방문 페이지 시스템에 비해 이익 창출 시스템의 장점과 장점 중 하나가 있습니다 우리는 실제로 기존 테마와 함께 완벽하게 작동하므로 여기에서 볼 수 있습니다 나는 정상적인 2017 주제를 가지고있다 우리는 선택 사항 인 매우 강력한 테마를 사용할 수 있습니다

우리 시스템의 과급기는 어느 것입니까? 잠시 후에 그 내용에 대해 더 자세히 이야기하겠습니다 만, 데모 페이지가 있다는 것을 보여 드리고자합니다 우리는 여기에서 창조했습니다 이 테마를 기존 테마와 함께 사용하려면 여기에서 빌더 템플릿으로 수익을 올리십시오 이익 창출가 전폭을 선택하고 지금 업데이트 이 금색 버튼이있는이 프레스로 아름다운 것이 있습니다 또는이 작은 편집 페이지를 수익 창출 자 탭과 함께 여기에서 누를 수 있습니다

하지만 우리는 편집인을로드하고 여기에서로드 할 것입니다 세 가지 옵션이 있습니다 기존 템플릿을로드 할 수있는 템플릿을로드 할 수 있습니다 페이지는 페이지의 기존 이익에서 아마 모든 콘텐츠를 끌어 당깁니다 이미 만들었거나 처음부터 새 페이지를 만들고 건물을 시작할 수 있습니다

우리가 제공하고자하는 놀라운 컨텐츠를 채우고 싶다면 무엇이든 제공하여 세상에 보여주고 싶을 것입니다 전혀 문제는 없지만 템플릿을 실제로 가져올 것입니다 여기에서 볼 수 있습니다 우리는 놀라운 템플릿을 가지고있다 이걸 진짜 빨리 첫 번째로 선택하겠습니다

로드를 클릭하기 만하면됩니다 페이지를 새로 고침 하시겠습니까? 지금은 모든 배경 이미지를 빠르게 플래시 폭탄으로 재 할당 할 것이므로 이 모든 것을 여기에서 볼 수있어 우리가 원하는 모든 것을 통합 할 수 있도록 사용자 정의 할 준비가되었습니다 모든 선호하는 웹 세미나 시스템을 자동 응답하고 연결되어 있습니다 우리가 할 수있는 모든 것을 다 망쳐 버리면 다시 한번 배치해야합니다 여기에 와서 마음의 내용을 사용자 정의하십시오

예를 들어 원하는 모든 것을 설정하십시오 나는 즉시 접근하고 싶었다 내 자동 응답을 연결하고, 나는 좋은데 그러나 그것은 가상 빙산의 일각에 불과합니다 예를 들어 여기에 있습니다 나는 내가 할 수있는리스트 붐을 만들고 싶다면이 멋진 템플릿들을 모두 보아라

이걸 커스터마이징해라 배경을 바꿀 수있다 스타일을 바꾼다 이것은 가상 레스토랑입니다 우리는 지역 비즈니스를 운영하는 지역 비즈니스와 협력하며 잠재 고객과 절대적으로 소통하고자합니다 Donoho의 스테이크 하우스라고 불리는 내 가상 레스토랑입니다 붐 준비 어쩌면 갈 준비 더 많은 과정을 판매하면 사람들이 무료로 제공되는 큰 순서 또는 비디오 시리즈에 가입하게됩니다

참여도를 씨를 뿌리다 아이디어는 전혀 이익이없는 모든 것을 할 수 있으며이 페이지에서 볼 수 있듯이 그 권위자 또는 코치 또는 다른 무엇을 위해 중대한가? 그들이 당신과 소통하고자하는 개인 브랜드를 가진 사람이라면 이런 페이지를 보았을 것입니다 그들은 모두 매우 반응 적입니다 모든 것이 최적화되어있어 모든 기기에서 멋지게 보이고 미친 듯이 변환됩니다 다시 한번, 우리는 이것을 뛰어 넘어 놀랍도록 창조했습니다 원하는 비즈니스 유형에 대한 방문 페이지 및 새로운 스마트 카트 시스템을 사용하여 수행 할 수있는 일종의 물리적 또는 디지털 제품 이제 빌더에 내장되어 다른 시스템이 한 달에 수백 달러를 청구하지만이 기능은 다음과 같습니다

이익 창출의 핵심 여기에서 볼 수 있습니다 우리는 실제 도서를 제공합니다 여기에서 볼 수 있습니다 무료 배송 서비스를 제공하고 있습니다

당신은 595를 볼 수 있습니다 그러나 우리는 동일한 제품에 대해 독점적 인 동반자 훈련 비디오를 즉시 상향 판매 할 수있는 기회를 얻었습니다 39 달러 순간적으로 소금과 다시 모든 것이 실시간으로 업데이트됩니다이 경우 우리는 테이블 화 된 모드로 이것을 가지고 있습니다 그러면 여기에 한 번의 탭이 있고이 탭의 주문 정보를 볼 수 있습니다

그러나 하나의 열이 될 수도 있습니다 이미 고객 정보를 미리 입력 해 놓았습니다 그냥 다음 단계로 이동하면 내 장바구니 요약을 확인할 수 있습니다 WooCommerce가 제공하는 가장 유연하고 유연한 솔루션이기 때문에 주문 범프 제공을 통한 상향 판매 기회 지구상의 유명한 전자 상거래 플랫폼 모든 온라인 상점 중 37 %에 백만 명이 넘습니다 Shopify보다 3 배 이상 능동적 인 상점

너는 그 두건의 밑에 저것을 있있다 이것은 매우 강력합니다 행성에있는 모든 지불 프로세서는 플랫폼에만 제한되지 않습니다 다른 국가에서 또는 귀하의 특정 요구에 따라 사용할 수없는 시스템이므로 매우 강력합니다 여기 디지털 제품을 판매하는 경우와 같이 정확한 요구에 맞게 맞춤 설정할 수있는 멋진 기능이 있습니다 나는이 모든 정보가 반드시 필요한 것은 아니다

전화 번호가 필요하지 않은 경우 해당 정보를 수집하지 않으려는 경우 주소를 삭제할 수 있습니다 나는 그것을 제거 할 수있다 그리고 나는 단지 최소한으로 조사 할 수있다 정보를 마케팅에 매우 강력하게 제공하는 마이크로 약정 링크를 권장하고 싶다면 나는 모든 제품을 여기에 보여주고 싶지 않아, 내가 숨길 수있는 것이 무엇인지 추측한다 그 과정에서 나중에 옮길 수있어

그래서 프레드 물고기로 지금 가입하면 내가 방금 기본 정보를 가지고 있다는 것을 알 수있다 그리고 나서 필자는 필요에 따라 자신을 상향 판매 할 수있는 기회를 얻었습니다 나는 이것을 실시간으로 보여줄 수있다 나는 내 명령에 부딪 힐 것이다 이 경우 즉시 모든 업데이트를 확인하고 다시 확인할 수 있습니다

나는있어 PayPal 및 스트라이프 연결 조건은 조건을 수락하기 만하면됩니다 나는 체크 아웃되었다 다음은 시스템의 다른 페이지로 리디렉션 할 수있는 멋진 기능입니다 그래서 나는 상향 판매 기회와 차가운 것을 다시 전자 상거래 엔진으로 보았습니다

그것은 거대한 커뮤니티에서 다른 모든 시스템에 연결하여 자동 응답자와 통합 할 수 있습니다 따라서 모든 고객은 원하는 시스템에 들어가기 만하면됩니다 모든 것이 모두 수익 창출자에 내장되어 있기 때문에 이것은 매우 강력한 기능입니다 그러나 우리는 거기서 멈추지 않습니다 이것은 매우 멋지지만, 이것은 우리가 다른 시스템을 남겨 두는 곳입니다

우리는 이미 드래곤 드롭 빌더의 힘을 보여주었습니다 놀라운 방문 페이지를 얼마나 신속하게 배포 할 수 있는지 당신이 처분 할 수있는 백 플러스 템플릿 그러나 여기에 우리가 이익 창출자 주제와 이익 빌더 시스템으로 할 수있는 또 다른 멋진 일이 있습니다 완전한 전자 상거래 상점 연결되고 최적화 된 WooCommerce, 그래서 당신은 어디 컴팩트 한 카트의 종류 지금은 전체 물리적 전자 상거래 전혀 문제없이 디지털 상거래 모두 할 수있는 한 시스템에서, 당신은 모든 다른 것을 볼 수 있습니다 우리가 여기에서 만들 수있는 최적화 놀라운 매장 물론 우리는 보드 전체에서 완벽한 교육을 제공합니다 수익 창출의 모든 요소와 힘으로 블로그를 개선하십시오

여기에서 볼 수 있습니다 우리는 여기에 다시 모든 콘텐츠 마케터를 위해 매우 최적화 된 블로그 게시물을 가지고 있습니다 우리는 당신을 위해 놀라운 행동 촉구를 만들기 위해 이익 창출자로 지어 졌기 때문에 능력을 가지고 있습니다 믿을 수없는 목록을 만드는 치트 시트는 픽셀을 떨어 뜨립니다 잠재 고객의 관심을 끌기 위해 무엇을하고 싶든 미친 듯이 개종하고 할 수있는 매력적인 매력적인 콘텐츠를 만들어보세요

놀라운 것들 사람들에게 귀하의 가입 신청을 유도하는 마지막 행동 촉구를 포함하여 귀하의 선택 사항 및 그 밖의 모든 것 우리는 간신히 당신과 당신의 비즈니스를 위해 이익 창출자가 할 수있는 것에 대한 표면을 긁어 모으고 있습니다 그러나 귀하는 왜 150,000 개 이상의 비즈니스가 이것을 사용하고 있으며 비즈니스를 위해 이것에 의존하는지 확인할 수 있습니다 그리고 우리가이 사업에 의존하는 이유는 본래 목적을 위해 설계되었으며 모든 사이트는 회원 영역입니다 모든 것이 수익 창출 담당자에 의해 제공되며, 왜 다른 시스템이 지금이 기능을 다시 사용할 수 없는지를 알 수 있습니다 어쩌면 당신이 지역 비즈니스라고 상상해보십시오 사람들을 지역 비즈니스로 몰고 가려고합니다

이것은 체육관의 예입니다 놀라운 디자인을 아주 빨리 만들어서 선보일 수 있다는 것을 알 수 있습니다 몇 단계 만 거치면 비즈니스에서 수행하는 모든 작업이 가능합니다 모든 종류의 매력을 창출 할 수 있습니다 문을 여는 사람들의 비즈니스 참여를위한 소통주기 그럼 당신은 다음과 같이 할 수 있습니다

당신이 이익 창출업자의 힘이 정말 놀라운 것을 볼 수있는 모든 것을 가지고 그들을 개입시키고 개조하십시오 과 너와 너의 사업에 무한한 다시 한 번 웹 세미나 가입의 예가 나온 것입니다 여기에 완료된 모든 작업을 사용자 정의하고 사용자 정의 할 수 있습니다 단 몇 번의 클릭만으로 귀사와 귀사의 비즈니스를위한 놀라운 판매 프로세스 쉽게 사용자 정의가 가능하며 갈 준비가되었습니다 다른 웹 세미나가 있습니다 이것은 사실 내 단일 좋은 친구와 최근 캠페인에 그는 정말로 멋진 웹 세미나 가입 절차를 가졌습니다

나는 정말 좋아했습니다 당신은 내가 그것을 복제하기를 원한다면 수익성의 일환으로 그 문제를 확실히 포함시켜야한다고 생각하십니까? 나 자신을 되돌려 놓고 먼 길을 가자 그래서 여기에 그걸 포함시켰다 비즈니스에서 실제로 사용하고 싶은 것을 쉽게 볼 수 있습니다 다시 머리 속에 무엇이든 만들어라

판매 페이지의 예가 여기에 여러 가지가 있습니다 다시 전체 페이지 매우 현대적인 모양과 느낌은 매우 매력적으로 볼 수 있습니다 이것은 실제로 투명한 pngs 큰 도표의 아주 무거운 페이지 제비이다 여기에서 볼 수 있습니다 투명한 PNG가 다시 가득 차있다

이 배경 이미지로 시차를 여기 내 말은 Lite 페이지는 아니지만 다시 제작하기 쉽고 환상적으로 보입니다 그러나 우리가 많이 묻는 한 가지 질문은 괜찮습니다 그러나 내 페이지가 얼마나 빨리 보이는지 또는 여기에 우리가 이익 창출자를 처음부터 재구성 한 것입니까? Google은 2014 년에이를 처음 출시했으며 내가 말한 것처럼 그 이후로 놀라운 일들을 마쳤습니다 현재 150,000 개의 사이트 그러나 여기에는 아름다운 것이 있습니다 최대 성능을 위해이 페이지를 다시 볼 수 있도록 처음부터 다시 작성했습니다

꽤 많은 페이지들이 여기에 있습니다이로드 속도를 보여주고 싶습니다 바로 여기에서 URL을 정확히 볼 수 있습니다 공유 된 게시물에 있습니다 지금 당장 볼 수 있습니다

97 % 보다 빠른 성능 등급 다른 모든 웹 사이트의 95 % 이상이 반 초 만에로드됩니다 그러나 새로 고침하고 얼마나 빨리 우리가 당신에게 보여줄 수 있는지 보도록하겠습니다 과 거기에 가서 페이지를 다시 볼 수 있습니다 그건 번개 같이 빨리 또 다시 그것은 캐싱의 조금 이상으로 공유 호스트에 있으므로이 모든 힘이 다시 여기에 있습니다 그러나 수익 창출자의 새로운 기능 중 하나는 우리의 새로운 브랜드입니다

유입 경로 시스템 새로운 유입 경로 작성 도구를 사용하면 놀라운 유입 경로는 성공을 추적하고 현재 유입 경로에서 발생한 모든 전환 수와 이익을 쥐어 짜냅니다 몇 가지 예를 여기에서 볼 수 있습니다 옵트 인이 있습니다 583 % 당신은 모든 총 전망을 볼 수 있습니다

퍼널을 통한 고유 한 조회수 및 실제 전환 수 이제이 경우 웹 세미나 가입이 가능합니다 두 페이지를 통해 사람들이 들어오는 것을 볼 수 있습니다 이는 수익 빌더 방문 페이지 중 일부에 대한 완전한 테스트를 수행 할 수있는 능력이 있기 때문입니다 이 경우 모든 일에서 모든 온스의 전환을 다시 짜내는 것이 좋습니다 이 전환율은 65

9 %에서 489 %로 전환 중입니다 그것이 모든 것을 통해 진행되는 것을 볼 수 있습니다 퍼널이 어떻게 작동하는지 정확하게 알려 드리겠습니다 여기서는 예제로이 페이지를 가져 와서 편집기에로드합니다

우리는이 버튼들이 맨 위에 있다는 것을 알 수 있습니다 분할 테스트를 설정할 수 있습니다이 실제를 빠르게 클릭하고 이 페이지를 분할 테스트하고 싶습니다 만들려는 변종의 수를 볼 수 있습니다 테스트가 끝나는 시점을 설정할 수 있습니다

예를 들어 트래픽이 많은 주일 후에 예를 들어 말할 수 있습니다 전환율이 가장 높은 전환율을 가진 버튼을 클릭하면 대안 페이지는 내가 원하는 경우 들어가서 사용자 정의 할 수 있습니다 여기 올 수있어 내가 말할 수있어 깔때기를 만들고 싶습니다

여기에 두 개가 있습니다 하지만 새로운 것을 만들 겠어 그리고 나는이 시험이라고 부를거야 퍼널과 나는 진짜 빠른 걸음을 만들거야 두 번의 클릭만으로 끝내고 붐을 일으킨다

퍼널로 들어가면 현재 퍼널에이 페이지를 어떻게 추가할지 말할 수 있습니다 그리고 나서 나는 다른 것들을 모두 세울 것이고, 그들은 아래에 나타날 것입니다 당신은 당신이 원하는대로 그들을 정렬하고, 당신은 지금 다시 가고 좋은거야 내가 여기에 와서이 페이지를 새롭게하면 내가 그 짓을 했어 새로운 깔때기가 여기에 있고 여기에 한 페이지 밖에 없다는 것을 알 수 있습니다

그런 다음 다른 모든 페이지를 설정하여이 퍼널에 추가하고 다시 퍼널에 추가 할 수 있습니다 내가 원한다면 내가 만들 수 있고, 예를 들어 싶으면 이 유입 경로를 다시 여기에서 확인하십시오 이 작업을 다시 시작하면 내 통계가 모두 사라집니다 테스트와 다른 모든 것들을 살기 전에 통계를 재설정 할 수 있습니다 주변을 움직일 수 있습니다

퍼널에서 페이지 및 모든 것을 제거하고 다음과 같이 항목을 맞춤 설정할 수 있습니다 수익 창출 시스템으로 단 몇 번의 클릭만으로 모든 것을 원합니다 그리고 다시 실제 분할 테스트와 그 밖의 모든 것을 모니터링하고 싶다면 나는이 모든 실제적인 실험이 끝났을 때부터 모든 힘을 쥐어 짜라고 말했다 당신은 그것을 볼 것입니다 이것은 바로 여기 승자 64 %이고 실험이 끝났음을 취소 할 준비가 된 밥 그래서 거기에 이익 창출자가됩니다

방문 페이지 드래그 앤 드롭 빌더가 아닙니다 귀하와 귀하의 비즈니스에 완전히 새로운 수준의 권한을 부여 할 수있는 전체 비즈니스 시스템입니다 출시 주간 중입니다 우리는 이것에 대한 전세 접근을 허용하고있다 이 비디오 아래에있는 버튼을 클릭하면 실제로 충전해야하는 부분 선택한 패키지를 선택하기 위해 인계받을 것이고 절대적인 놀라운 기회를 보게 될 것입니다 이 시스템에서 드래그 앤 드롭 방문 페이지 작성기부터 ​​모든 것까지 모두 멋진 페이지입니다

미친 것처럼 변환하고 어떤 장치에서 환상적으로 보이는 템플릿은 판매 할 수있는 기능 아무것도 스마트 카트 시스템을 갖춘 물리적 또는 디지털 퍼널 빌더 분할 시험기 놀라운 콘텐츠 마케팅 기회를 창출 할 수있는 모든 기능 하나의 플랫폼에서 전자 상거래 저장소 전체를 실행할 수있는 기능 또는 기존 웹 사이트와 함께 수익 창출자 한 명이 컨텐츠 또는 테마 변경하기 그것은 당신과 당신의 사업을위한 최고의 강국입니다 하지만이 말은 헌장 액세스 가격 만 사용할 수 있다는 것입니다 앞으로 며칠 동안 이대로 7 일간의 진입 창문이 닫히면 가격이 급등 할 것입니다 다시 말하지만,이 기회를 얻고이 엄청난 할인 혜택을 받으려면 아래 버튼을 클릭하십시오 여러 가지 패키지가 당신에게 맞는 패키지를 골라내는 지 확인하십시오

잠시 후에 회원 영역에서 보게 될 것입니다

위즈폼 2.0 폼만들기 가이드 (폼메일/랜딩페이지 만들기)

안녕하세요! 지금부터 함께 폼을 만들어 볼까요? 먼저 안내 사항을 읽어보세요! 안내사항에서 보시는 것처럼 폼의 테마를 선택한 다음, 폼 이름을 정하고 다음으로 입력 항목을 구성하는 순서로 진행하면 됩니다 그럼 폼이름 부분에 원하시는 폼 이름을 입력해볼까요? 폼 이름을 입력했다면 이제 폼의 스타일을 정해야 합니다

폼 테마를 보시면 몇 가지 타입을 정하실 수 있는데요 각 폼을 미리보기 하시어 항목이 어떻게 배치되는지 확인하실 수 있어요 입력 양식이 어떻게 표현되는지 잘 살펴보실 수 있습니다 다른 폼 테마도 보기를 클릭해서 모두 살펴보세요 모두 살펴보시고 원하시는 스타일을 확인하셨으면 체크하여 완료하세요 이제 내가 접수 받을 입력 양식을 설정해야 합니다 지금 보시는 화면은 폼 구성하기 메뉴입니다 가장 중요한 부분은 입력 유형 선택, 항목명, 디폴트 텍스트를 주로 사용하시게 됩니다

입력 유형 선택은 내가 입력 받을 데이터를 어떻게 받아들일지 유형을 정하는 메뉴입니다 그러면 이름을 입력받을 항목을 만들어볼까요? 입력 유형은 텍스트로 항목명은 이름이라고 입력합니다 디폴트 텍스트는 입력란에 기본 출력되는 문구로 입력예시를 입력하실 수 있습니다 최대입력길이는 입력란에 쓰여질 최대허용 길이입니다 그 이상은 입력받지 않습니다 필수 입력은 반드시 입력해야 하는 항목을 예로 선택하면 됩니다

아니오를 선택하면 입력하지 않아도 경고창이 발생되지 않습니다 여기까지 진행했으면 녹색 추가 버튼을 클릭하여 항목을 추가합니다 그러면 아래 미리보기에 내가 추가한 항목을 보실 수 있죠? 이렇게 입력받을 수 있는 이름 항목이 추가 되었고, 10자 이상 입력되지 않는 모습을 보실 수 있습니다 그러면 이제 다음 입력항목을 추가해볼까요? 폼 구성하기로 다시 올라가 볼까요? 입력유형을 다시 텍스트로 선택하고 항목명에는 휴대폰번호라고 입력해보겠습니다 기본 출력 디폴트 텍스트도 입력합니다 최대 길이는 13자 그리고 필수 입력은 예로 선택합니다

다 되었으면 녹색 추가 버튼을 클릭합니다 그러면 미리보기에 다시 휴대폰번호 항목이 추가되었죠? 이처럼 반복하여 항목을 추가하시면 됩니다 폼 구성하기로 다시 가볼까요? 이번에는 다중 선택이 가능한 입력 항목을 추가해볼텐데요 입력 유형은 체크박스로 선택하고 항목명은 관심상품으로 입력합니다 다중 선택이 가능한 상품은 아래 셀렉트박스,라디오,체크박스 내용란에 쉼표 콤마(,)를 구분하여 입력합니다 아이폰X, 갤럭시노트9 등 항목을 쉼표로 구분하여 입력합니다 역시 다 되었으면 녹색 추가 버튼으로 미리보기에 추가해봅니다 그러면 다음 항목을 만들어볼까요? 폼 구성하기로 올라갑니다

다중 입력 유형 가운데 라디오 버튼으로 만들어보겠습니다 라디오박스는 다중 옵션 가운데 1개만 선택할 수 있습니다 현재통신사라고 항목명을 입력하고 선택 옵션 값은 SKT, LGT, KT라고 입력합니다 그리고 미리보기에 추가하기 위해 녹색 추가 버튼을 클릭합니다 미리보기에 추가된 것이 보이시죠? 이번엔 또 다른 항목을 추가해보겠습니다

다시 위로 스크롤 해볼까요? 여러개 옵션 값 중에 하나를 선택할 수 있는 드롭다운 형식의 셀렉트박스 유형을 선택합니다 그리고 항목명은 거주지역이라고 입력하겠습니다 필수입력은 이번에는 아니오로 선택해보겠습니다 거주지역을 실제로 접수시 선택하지 않아도 경고창이 나오지 않도록 하겠습니다 그리고 옵션 값에 값들을 쉼표 콤마(,)로 구분하여 입력합니다

그리고 미리보기에 추가하기 위해 녹색 추가 버튼을 클릭합니다 그러면 역시 미리보기에 추가된 모습을 볼 수 있죠? 그러면 또 다른 항목을 또 입력해보겠습니다 가이드이기 때문에 모든 유형을 만들어 볼거에요~ 이번에는 날짜를 입력받는 달력 유형을 선택합니다 그리고 항목명에는 희망수령일이라고 입력하고 마지막으로 역시 추가 버튼을 클릭하여 미리보기에 추가하겠습니다 미리보기에 추가된 것을 볼 수 있는데요 달력은 입력란을 사용자가 클릭하면 달력이 표시되어 날짜를 선택할 수 있는 유형입니다 다음으로는 주소를 입력받는 항목을 만들어보겠습니다

입력유형에서 우편번호+주소를 선택합니다 이 유형은 우편번호 검색과 주소, 상세주소 항목이 추가되도록 되어 있습니다 사용자가 우편번호 버튼을 클릭하면 우편번호를 검색하는 창이 나오는 편리한 기능입니다 이번에는 폼을 만들 때 유용하게 사용하는 안내문구 유형을 만들어보겠습니다 입력유형을 안내문구로 선택하고 항목명에 안내하고 싶은 글자를 입력하고 추가하면 됩니다

이렇게 안내문구가 추가되었죠? 위즈폼은 미리보기에서 항목의 순서를 변경할 수 있는데요 항목명을 마우스로 클릭한 채 바꿀 대상의 위치로 옮기면 됩니다 해볼까요? 이렇게 바꿀 위치에 옮긴 후 마우스에서 손을 떼면 순서가 바뀌게 됩니다 다른 항목들도 같은 방법으로 바꿀 수 있겠죠? 안내문구는 여러개 추가할 수 있습니다 하나만 더 추가해볼까요? 추가가 되었죠? 그리고 순서도 바꿔봅니다 다른 항목들도 바꿀 수 있습니다

항목명을 드래그 한 채 옮겨주세요 미리보기에서는 화면의 사이즈도 변경해서 확인할 수 있습니다 30% 50% 70% 등의 비율 버튼으로 확인해보세요 항목을 삭제하시려면 우측의 파란 X 버튼을 클릭하면 항목은 미리보기에서 제거됩니다 이렇게 해서 모든 항목을 만들어 보았습니다

모든 항목이 구성이 되었으면 아래 저장하기 버튼을 클릭하여 완성합니다 저장하기를 하면 내가 만든 폼 메뉴에 방금 만든 폼이 추가됩니다 그러면 구매하기를 클릭하여 구매하기를 진행하시고 입금하지 않으셔도 구입한 폼 메뉴에서 나의 폼 접속주소와 폼 수정을 진행하실 수 있습니다 지금 폼을 만들어 구매하기를 진행하시고 폼의 접속주소를 열어서 확인해보세요 그리고 폼을 꾸며 나만의 폼을 완성해보세요

Landing page WordPress qui convertit à 21,5% ! Comparatif : List Eruption vs Lead Pages.

아시다시피 가입자 수를 늘리려면 구독자 목록을 만드는 것이 절대적으로 중요합니다 당신의 청중

지난 10 년 동안 인터넷에서 수입을 올린 나의 친구 Dirk은 그것의 위치에 2 %의 전환율을 능가했다 아직도 qlqs 년이 있습니다 때문에 그는 큰 실수를 저질렀다 너 궁금해? 그는 자신의 전환율을 높이기 위해 쥐어 짜기 페이지 사용에 대해 알지 못했습니다 전환이 1000 % 이상 증가했기 때문에! 당시에는 여전히 웹 개발자가있었습니다 다행히도, 오늘 이번은 끝났어

몇 번의 클릭만으로 충분합니다 이 비디오에서, U Just Do It Now 시리즈에서, 어떻게 당신을 보여줄 것인가? 또한 라인을 쓰지 않고도 5 분 안에 압박감을 줄 수 있습니다 코드의 그리고 사이트 또는 블로그를 비즈니스로 간주하고 Squeeze 페이지 디자인 체크리스트 : 높은 전환율을 달성하기위한 10 가지 핵심 요소 나는 또한 당신이 필요로하는 것을 가지고 있습니다 나와 함께있어, 내가 어떻게 보여줄지 너는 그것을 얻을 수있다

내 이름은 톰, 블로그에서 ujustdoitcom, 그물에있는 장소 또는 모두에 대해 자세히 알아보기 웹 사이트 제작, SEO 및 수익 창출 과거에 여러 개의 WP 확장 및 웹 응용 프로그램을 테스트했고 나에게있어 코끼리 손가락 기술 숙달에 관해서는, 단지 2 개의 대안이 있습니다 귀하의 압착 페이지 또는 방문 페이지 리드 페이지 및 목록 분출 V2

단순성 당황스럽고 놀라운 결과 그러나 그것은 무엇입니까, 짜내는 페이지 또는 방문 페이지입니다 좋은 질문입니다! 매우 간단합니다 예 : 방문자가 블로그에 도착하면 ( 귀하의 Youtube 채널, 게스트 기사 또는 캠페인을 통해 링크 된 예 PPC (누르기 당 급여)는 당신의 홈 페이지 또는 특정한 기사에 가져 오기 대신에, 당신은 오직 하나의 목적만을 가진 특정 페이지로 가져옵니다 : ONE ACTION을 수행하십시오 구독자 목록에 등록 할 수 있습니다

또는 제품을 구매하거나 웹 세미나에 등록하십시오 예를 들면 다음과 같습니다 List로 만든이 페이지를 사용하고 있습니다 내 Youtube 채널에서 방문자를위한 짜기 페이지처럼 V2를 분출하십시오 이것은 간단한 페이지를 쥐어 짜십시오

그것의 유일한 목적은 방문객이 목록 전환율 : 215 % 몇 번의 클릭으로 어떻게 만들 수 있는지 단계별로 알려 드리겠습니다 이 남자의 페이지를 쥐어 짜십시오 그러나 나는 여전히 나아졌습니다

가입자를 모으는 것 외에도 짜내는 페이지를 상상해보십시오 귀하의 사이트 공유 및 "좋아요"를 크게 늘릴 수 있습니다 소셜 네트워크 페이지 또한 이것을 어떻게 넣을 수 있는지 보여줄 것입니다 목록 분출 V2 그리고 나서 List Eruption V2 및 Lead Pages의 3 가지 주요 이점을 보여 드리겠습니다

각각 수많은 기능을 익사시키지 않고 나는 시험하고 분석했다 그리고 나는 은색 접시에 결과를 알려줍니다 쉽게 섭취하기

그래서 다이빙하자 그렇다면 목록 분출을 사용하고 리드 페이지를 사용하지 않는 이유는 무엇입니까? 30 일 동안)? 나는 각각의 3 가지 장점에 대해 이야기했다 그리고 나는 그의 첫 번째로 List Eruption을 사용한다

주로 2 장점 : 1 가격 : 평생 LE 라이선스 비용은 솔루션에 대해 37 달러 (약 28 유로)입니다 단일 사이트 및 47 USD (약 36 유로) 무제한 사이트 수입니다 반면에 리드 페이지는 구독료로 월 37 달러 또는 연간 USD 197입니다 그 사용법을 안다

하나 이상의 방문 페이지가 몇 달 후에 중단되지 않습니다 가능한 한 그것을보기 위해서는 그 차이가 중요합니다 첫 해에 적어도 4 배는 더 벌었습니다 2리스트 분출은 아직 불가능한 바이러스 성 LP의 생성을 허용한다

리드 페이지 나에게 그것은 사회적 증거를 증가시키는 데 필수적인 요소이다 3 본질에 중점을 두는 솔루션이므로 더 많은 것입니다 쉽게 사용할 수있는 옵션 만 제공하기 때문에 쉽게 사용할 수 있습니다

최적의 결과의 90 %를 달성 할 수 있습니다 이것은하지 않는 사람들에게 이점이 될 수 있습니다 제한된 페이지 제작 경험은 제한적입니다 리드 페이지의 3 가지 주요 이점 : 1 지속적인 개발 : 정기적으로 새로운 모델 (예 : 환영 게이트), 다른 클라이언트의 "최고"템플릿

, 템플릿 제안 가능 네가 원하는 2 귀하의 사이트 외부에서 호스팅 (하지만 WordPress 플러그인에 의해 구동됩니다 URL 재 작성 포함)

트래픽이 많은 경우 (수백 또는 하루에 방문 페이지에서 수천 회의 클릭이 발생 함) 3 LeadPages로 페이스 북의 방문 페이지를 만들 수도 있습니다 목록 분출에서는 불가능합니다 그리 멀지 않은 미래에 언젠가 리드 페이지 (LeadPages)로 전환 할 것입니다

나는 너에게 말하는거야 이야기한다 이제 내가하는 것처럼 방문 페이지를 작성하는 방법을 알고 있다는 것을 알고 있습니다 나는 그것이 당신을 훌륭한 대중으로 만들어 주었다는 것을 보여주었습니다 그러나 훌륭한 건축가는 아닙니다

그리고 집은 정말 기쁘고, 좋은 건축가가 너무 좋습니다 그래서 내 체크리스트를 다운로드 할 수 있습니다 높은 전환율 "을 클릭하여이 비디오의 오른쪽이나 아래에있는 링크를 클릭하십시오 Leadpages 및 List Eruption에 대한 링크는 비디오 아래 및 아래에서 찾을 수 있습니다 이것들은 제휴 링크이며, 모든 투명성에서 나는 작은 수수료를 벌 것입니다

내 링크를 통해 가면 그러나 결국이 무료 콘텐츠 및 동영상을 만드는 데는 많은 시간이 걸립니다 당신이 내 링크를 통해 구입한다면, 나는 이미 큰 감사하다고 말합니다 그리고 다른 사람들에게 : 어려운 감정;) 그래서 만약 당신이 여기에 새롭고 즐거웠다면 이 비디오, 그리고 웹 사이트를 만드는 방법에 대해 자세히 알고 싶다면 SEO 및 그들의 화폐 화, 오른쪽에 여기에서 누르거나에 의하여 나의 수로에 구독하십시오 이 비디오 아래 그리고 당신은 팁을 미친 듯이 내 뉴스 레터에 직접 구독 할 수 있습니다

실용적인 그 도구들 내 시장 분석기처럼 이 버튼 너, 너 당신의 짜내다 페이지 그 자리에, UJustDoIt

[SERIES] How to Create a High Converting Opt-In Landing Page with Elementor

– 안녕하세요이 4 부작 비디오 시리즈에서, 디자인하고 빌드하는 방법을 보여 드리겠습니다

리드 마그넷에 대한 전환율이 높은 옵트 인 방문 페이지, WordPress와 Elementor를 사용하여, 매일 사용하는 웹 디자인 도구 그래서이 4 부작 시리즈에서, 우리는 기본 페이지를 만들 것입니다 일부 향상된 Elementor 디자인 트릭으로이를 향상시키고, 팝업, 폼, 감사 페이지 추가, 전자 메일 제공 업체에 연결하십시오 결과를 더 빨리 얻고 싶다면 당신의 사업을 위해서 나는 또한 당신을위한 약간 귀중한 상여 내용이있다 너는 놓치고 싶지 않을거야 주위에 붙어 있으면, 곧 그것에 대해 더 이야기 해 드리겠습니다 저는 Design Build Web의 Dave Foy입니다

우리는 할 일이 많습니다 하자 균열 그래서,이 비디오에서, 나는 첫째로 당신에게 줄 것이다 배경에 대한 간단한 설명 우리는이 페이지를 구축하고 있습니다 큰 그림에 어떻게 맞는지, 우리가 누구를 위해 그것을 만들고 있는지

이 모든 작업을 수행하는 데 필요한 도구를 공유하겠습니다 그것은 매우 짧은 목록입니다, 그리고 나서, Elementor를 사용하여 기본 방문 페이지를 만듭니다 그리고 나서, 부분 2에서, 다음으로, 우리는 디자인을 진지하게 향상시킬 것입니다 훨씬 더 고급 Elementor 디자인 동작을 끌어냅니다 그러나 어이, 우리 자신보다 앞서 나가자

이 방문 페이지를 구축하고 있습니다 그린 빌딩 컴퍼니 그리고 네 나는 그들을 만들었다 가상의 고객이 환경 친화적 인 친환경 주택을 짓습니다

두 가지 주요 목표가있는 고객의 경우, 그들은 돈을 저축하기를 원하며 그들은 지구를 구하고 싶어합니다 자, 회사의 한 부분으로서 신중하게 계획된 판매 깔때기, 그들은 공짜 자석, 납 마그넷을주고 있습니다 간단하지만 중요한 PDF 체크리스트이지만, 잠재 고객에게 제공합니다 멋지고, 빠르고, 쉬운 승리 무대에 딱 맞습니다

그들의 전망은 지금이다 판매 유입 경로 시작 근처 리드 자석 대신 The Green Building Company 잠재 고객의 이메일 주소를 가져오고, 자동화 된 전자 메일 시퀀스가 ​​실행됩니다 이는 유료 고객으로 새로운 리드를 육성합니다 따라서이 한 페이지는 아주 중요한 부분입니다 전체 판매 유입 경로 중 다음은 필요한 도구입니다

자, 나는 당신이 WordPress 사이트를 가지고 있다고 가정하고있다 이 방문 페이지를 구축하십시오 모든 WordPress 사이트에는 테마가 설치되어 있어야합니다 그러나 여기서 우리의 목적을 위해, 주제는별로 중요하지 않습니다 Elementor와 작동하는 한

나는이 시리즈에서 GeneratePress를 사용하고 있는데, 그러나 나는 또한 Astra를 매우 추천 할 수있다 나는 적어도 당신이 무료 버전을 가지고 있다고 가정하고있다 요소 페이지 작성기의 Elementor Pro를 가지고 있다면 그것을 사용할 수 있지만, 그것은 그만한 가치가있다 이 시리즈에서는 무료 및 프로 모두를 다룰 것입니다 팝업창에 옵트 인 양식이있는 경우, 그리고 나는 당신이 할 것을 강력히 추천한다

그러면 무료 팝업 플러그인이 필요합니다 나는 Popup Maker를 온갖 종류의 이유로 좋아한다 나는이 시리즈에서 이것을 사용할 것이다 그리고 당신은 계좌가 필요합니다 이메일 마케팅 제공 업체와 이미 이메일 마케팅 제공 업체가없는 경우, 잘, Mailchimp는 아주 대중적이고 유혹적이다 가격이 매우 매력적이기 때문입니다

하지만 저는 매우 제한적이라고 말하고 싶습니다 심각한 판매 유입 경로에는 권장하지 않습니다 나는 당신이 더 현대적인 것을 체크 아웃 할 것을 강력히 제안 할 것이다 ConvertKit과 같은 이메일 자동화 플랫폼, ActiveCampaign 또는 Drip 나는 개인적으로 Drip을 좋아한다고 말하고 싶다

(웃음) 그것은 내 사업 전체의 엔진이다 그것은 단지 놀라운 일입니다 좋아요, 기본 방문 페이지를 만드십시오 버전 1은 다음과 같이 보입니다 디자인을 향상시키기 전에 더 발전된 파트 2에서

이 페이지에는 한 가지 목적이 있습니다 방문자가 이메일 수신을 선택하고 이메일 주소를 제공하십시오 그게 전부 야 이 페이지의 모든 단어와 픽셀 바로 그 일을하도록 최적화되어 있습니다 이것은 독립형 페이지가 될 것입니다

사이트의 일반적인 탐색 메뉴가 산만 해집니다 독자가 우리가하고 싶은 한 가지 그래서 우리는 Elementor를 선택할 것입니다 이 페이지를 만들기위한 캔버스 템플릿, 그것은 우리가 작업 할 수있는 완전히 빈 캔버스 일뿐입니다 우리는 완전히 통제 할 수 있습니다

페이지를 만들 때 잠깐 들려주기 전에 내가 당신을 위해 얻은 보너스 콘텐츠에 대해 이야기 해주세요 이 시리즈를 최대한 활용할 수 있도록 더 나은 결과를 얻을 수 있습니다 1 번, 3 가지를 끝 마칠거야 및 모바일에 최적화 된 Elementor 템플릿 우리는이 시리즈에서, 그것들을 자신의 프로젝트로 가져올 수 있습니다 2 번, 페이지가 만들어 질거야

그리고 예쁜 페이지가 아닙니다 그래서 나는 당신에게 전환 최적화 치트 시트를 줄 것이다 페이지의 모든 요소가 왜 정확히 표시되는지 보여줍니다 그것이 쓰여지고 설계된 방식으로, 최대 변환 및 성능 플러스 당신을 보여주는 보너스 비디오 이 리드 자석 방문 페이지 전체 판매 유입 경로의 더 큰 그림에 들어 맞습니다 최대한 많은 금액을 전환 할 수 있도록 충성도가 높은 유료 고객을 대상으로 그 3 개의 상여를 얻는 것은, designbuildweb

co/elementor-landing-page/으로 건너 뜁니다 이 비디오 아래 링크입니다 해당 페이지에서 큰 분홍색 단추를 클릭하십시오 귀하의 이메일 주소에 비디오 및 팝 아래 당장 보너스를 보내 드리겠습니다 맞아, 페이지를 만들자

나는 이미 새로운 페이지를 만들었는데, 제목이 주어지면, Elementor Canvas 템플릿을 설정했습니다 먼저 변경 사항을 저장하겠습니다 Elementor로 편집하십시오 자, Elementor를 전에 사용하지 않았다면, 꽤 간단합니다 왼쪽에는 모든 컨텐츠 인 위젯이 있습니다

페이지에 추가 할 수있는 기능이 있습니다 그리고 오른쪽에는 캔버스가 있습니다 여기서 우리는 페이지를 만듭니다 기본 머리글부터 시작해 보겠습니다 사이트 로고 일뿐입니다

첫 번째 섹션을 추가하려면 더하기 아이콘을 클릭합니다 요소 페이지는 섹션으로 구성됩니다 그게 더 쉬운 경우 행으로 생각할 수 있습니다 우리는 하나의 열만 있으면됩니다 여기 파란색의 빈 섹션의 개요가 있습니다

섹션은 항상 전체 너비를 늘립니다 그러나 내부에 기둥이 있습니다 그 중 하나는 우리가 선택한 것이기 때문입니다 이제 로고 이미지를 드래그하십시오 그래서 위젯 선택기 메뉴로 가겠습니다

여기 이미지 위젯이 있습니다 그리고 그것을 드래그합니다 미디어 라이브러리에 로고 이미지가 있습니다 나는 이미 속도를 위해 모든 이미지를 업로드했다 왼쪽 정렬을 설정합니다

지금까지는 괜찮습니다 약간의 공간이 필요합니다 약간의 호흡 방을 위해이 이미지 주위에, 그래서 섹션 자체에 약간의 패딩을 추가 할 것입니다 중간에있는 섹션을 클릭하면, 섹션 설정이 여기에 표시됩니다 고급 탭에서 패딩을 설정합니다

항상 기억하십시오, 패딩은 사물 내부의 공간입니다 여백은 외부의 간격입니다 패딩 값의 연결을 해제하고, 나는 그 (것)들에게 모두 동일한 수를 원하지 않는다 나는 20 픽셀 위쪽과 아래쪽으로 갈거야 및 30 픽셀 왼쪽 및 오른쪽

이제 항상 약 30 픽셀을 더합니다 내가 만드는 모든 섹션의 왼쪽과 오른쪽으로 왜 그런가요? 우리가 약간의 간격을 더하지 않으면 섹션의 왼쪽과 오른쪽, 더 작은 이동할 수있는 스크린에, 내용이 가장자리로 플러시 될 것입니다 따라서 패딩을 추가하면 더 작은 스크린의 숨쉴 방 그리고 우리가 추가하는 모든 섹션에이를 적용 할 것입니다 이 페이지에, 내가 기억한다면, 그것이 있습니다

어디 보자 다음으로 주요 옵트 인 제안 영역 이 다음 섹션에는 어두운 배경이 있습니다 그래서 그것은 페이지에 대해 정말로 두드러집니다 우리는이 부분에 모든 관심을 기울이고 싶습니다

주목할만한 주목할만한 헤드 라인이 있음을 주목하십시오 그리고 그것 밑에 어떤 지원하는 텍스트 실제로 미리 머리글이 있습니다 제안을 강화 지도 자석 PDF 자체의 이미지가 있습니다

그리고 모든 중요한 행동 요청 버튼 자, 각 요소들 작성되고 설계되고 배치된다 정확하게 이것과 같이, 변환을위한 매우 구체적인 이유 때문에, 내가 언급 한 보너스 콘텐츠에서 설명하는 너를 움켜 잡는 것을 잊지 마라 이 섹션을 설정해 보겠습니다 나는 새로운 섹션을 만들거야

이번에는 두 개의 열을 선택하려고합니다 위젯 메뉴로 다시 넘어갑니다 나는 끌기 시작할거야 우리가 필요로하는 두 가지 위젯, 단락을위한 텍스트 편집기 위젯, 버튼 위젯 및 이미지 위젯 비디오를 조금 빨리 감습니다

지금, 너는 나를 볼 필요가 없어 위젯을 드래그하면 매우 흥분하지 않습니다 맞아요, 그래서 여기까지 제가 가지고있는 것이 있습니다 나는 첫 번째 표제를 표준 단락 태그로 만들었고, 실제로, 표제 설정에서 나는 종종 제목 위젯을 사용하는데, 나는 그것을 표제 태그로 설정하지 않더라도

자, 아래의이 헤드 라인이 주요 헤드 라인입니다 매우 중요합니다 그래서 저는 그 중 하나를 H로 설정합니다 나는 그들을 곧 더 스타일링하는 것에 되돌아 올 것이다 어두운 배경색을 섹션에 추가해 보겠습니다

그래서 섹션 설정으로, 그리고 스타일로, 배경색을 선택하겠습니다 그리고 물론, 당신은 지금 내 텍스트를 읽을 수 없습니다 섹션의 각 위젯을 선택할 수 있습니다 텍스트 색상을 흰색으로 설정합니다 각 위젯의 설정에서 괜찮습니다

그러나 실제로, 더 쉽고 빠르며, 섹션 설정에서 한꺼번에 설정할 수 있습니다 그래서 스타일, 인쇄술에 이르기까지, 표제 색을 흰색으로 설정합니다 텍스트 색상도 흰색으로 설정하겠습니다 Et voila, 멋지고 쉬운 나는 행동 촉구 버튼을 먼저 다루는 것을 좋아한다

이 페이지의 성능에 결정적입니다 클릭하여 버튼 설정이 여기에 표시됩니다 나는 그것을 크게 만들거야 열의 전폭으로 설정하겠습니다 그것은 필견 될 필요가있다

그리고 그 텍스트는 내 자유로운 가이드를 보내 줄 수 있습니다 그리고 스타일이 정해지면 버튼 색상을 설정합니다 그리고 그 특정 텍스트가 왜 보너스 치트 시트의 색상 그리고 타이포그래피에서 우리는 텍스트도 대문자로 만들 것입니다 이제 머리글과 단락의 크기를 조정하십시오

나는 각자를 클릭 할 것이다 스타일 탭에서 크기와 색상을 조정합니다 텍스트 색상 및 타이포그래피 설정 무료 다운로드 텍스트는 녹색입니다 인쇄술에서, 우리는 대문자로 갈 것입니다 그리고 맨 아래에 글자 간격을두고, 글자의 간격을 약간 넓혀 보겠습니다

그런 다음 주요 헤드 라인, 그래서 스타일과 타이포그래피에서, 나는 그 글꼴 크기를 바로 잡을 것이다 괜찮아, 좀 뭉개진 것 같아 나는 라인 높이가 조금 더 필요하다고 생각한다 그래서 12로 설정해 드리겠습니다

더 좋습니다 단락 텍스트를 더 커야합니다 이 섹션에서도 마찬가지로 스타일 탭으로 이동합니다 텍스트 편집기 위젯의, 그리고 타이포 그라피로 지금까지 좋은 모든 것

이제 기울어 진 선을 만듭시다 이 디자인에 약간의 시각적 흥미를주기 위해서입니다 그것은 눈을 끈다 그리고 그것은 이미지가 그것을 겹쳐지게 만든다 그래서 그것은 리더를 페이지 아래로 더 멀리 인도합니다

이 메인 섹션을 다시 편집하여 추가 할 것입니다 그리고 분배기를 형성하는 데는 어려움이 있습니다 그리고 섹션의 맨 아래에 모양이 필요합니다 그리고 우리가 원하는 모양은 기울입니다 그것을 뒤집어 놓으십시오, 그래서 그것은 우리가 그것을 원하는 다른면에 있습니다

높이를 195로 설정합니다 나쁘지 않다 자, 여기이 텍스트가 맨 위에 섹션 상단에 너무 깔려있다 우리는 약간의 패딩을 추가해야합니다 패딩은 섹션 내부의 공간입니다

기억합니까? 섹션 설정, 고급 및 패딩 값을 연결 해제합니다 상단에 60 픽셀을 추가하겠습니다 그리고 바닥에서도 오, 잊어 버리기 전에 30 픽셀을 더해 보겠습니다

호흡 실용 좌우 패딩 작은 화면에 나는 기억했다 음, 60 픽셀 위쪽에 패딩 추가 이 섹션의 모든 것을 60 픽셀 아래로 밀었습니다 그것은 당신이 기대하는 것입니다 사실, 나는 그 텍스트를 그만큼 내리고 싶다

예, 그렇지만 이미지를 대신 여기에 머물러있게하겠습니다 나는 그것이 단지 섹션을 제공한다고 생각한다 조금 더 역동적 인 느낌 알아 두어야 할 것은,이 60 픽셀 위쪽 패딩을 바꿀 것입니다 섹션에서 대신 20 픽셀

따라서 이미지는 20 픽셀 아래로 밀려납니다 그것은 단지 충분합니다 그런 다음 텍스트를 아래로 밀기 위해 음, 대신 왼쪽 열에 위쪽 패딩을 추가해 보겠습니다 전체 섹션이 아닙니다 그렇게하기 위해 나는 칼럼에 마우스를 가져갈 것이다

열 설정 아이콘을 클릭하십시오 그리고 나서 고급, 패딩, 나는 그것을 풀어 놓을 것입니다 상단의 패딩을 50 픽셀로 설정하겠습니다 예, 좋습니다 한 가지 문제는 패딩을 연결 해제하는 것입니다

이 열의 모든 패딩을 0으로 설정하면 실제로, 모든 Elementor 열은 기본적으로 내부에 10 픽셀의 패딩이 있습니다 나는 그것을 돌려주고 싶다 그래서 나는 다른 값들을 다시 10로 설정할 것입니다 자,이 제목 위젯과의 갭이 마음에 들지 않습니다 그리고 그 밑에있는 하나, 나는 이것들이 함께 더 단단 해지기를 바란다

기본적으로 Elementor의 위젯은 20 픽셀의 여백을 가지고 있습니다 그 밑에는 20 픽셀의 공간이 있습니다 이제 기본값은 Elementor 's에서 변경할 수 있습니다 주요 설정, 전체 사이트에 영향을 미치기, 20 픽셀은 일반적으로 괜찮습니다 이를 변경하는 한 가지 방법은 이 열에 만 있습니다

그리고 그렇게하기 위해, 열 설정에서, 우리는 공간을 창 부품으로 만들고 그것을 10 픽셀로 바꾼다 그리고 그것은 모든 위젯 아래서 갭을 변화시킵니다 이 열은 10 픽셀입니다 분명히 더 많은 공간이있는 이유가 여기 있습니다 이 단락 아래에 내 테마의 기본 스타일링 때문입니다

단락 아래에 추가 공간을 추가합니다 이것이이 텍스트 아래에 더 많은 이유가 여기에있는 이유입니다 그러나 나는 모두가 나에게 정말로 좋게 보인다라고 생각한다 좋아요,이 단계에서 미리보기를 빠르게 보겠습니다 미리보기 버튼을 클릭하겠습니다

그래, 지금까지는 좋았어 우리는 또한 정말로 확신해야합니다 이것은 작은 화면에서 좋은 반응을 보입니다 지금까지 우리가 한 모든 것은 데스크톱을위한 것입니다 반응 형 모드로 이동하면 태블릿을 선택합니다

자, 태블릿 크기의 스크린에서, 나는 이것을 한 칸에 넣고 싶습니다 왼쪽 열에 대한 열 설정을 먼저 클릭하겠습니다 열 너비 백분율로 알림, 여기에는 세 개의 아이콘이 있습니다 데스크톱, 태블릿 및 모바일을 나타냅니다 자, 우린 태블릿에있어

여기서 설정 한 모든 것이 오른쪽으로 흐릅니다 데스크톱 변경이 태블릿 및 모바일에 영향을 미치기 때문에, 이를 재정의하지 않으면 태블릿 변경 사항이 휴대 기기에만 영향을 미치고, 모바일에서는 항상 모든 것을 무시할 수 있습니다 그러나 당신은 그것을 원한다 왼쪽 열에 대해 태블릿에서 너비를 100 % 오른쪽 열에 대해서도 똑같이하십시오 좋아요

이미지가 커지면 이미지를 클릭하겠습니다 그리고 스타일 하지만 우리도 편집 중이라는 것을 알 수 있습니다 여기에 태블릿 이미지 크기 자, 60 % 넓이로 설정합시다

그리고 그것은 훌륭합니다 따라서 60 % 너비가 태블릿 및 모바일에 영향을 미치므로, 그 위에는 데스크톱이 아닙니다 자, 여기서 녹음을 중지 한 후, 나는 둘 다 얻는 시간을 더 보낼 것이다 태블릿 및 모바일보기 바로 기억, 나는 너에게 완성 된 것을 보낼 수있다

모든 페이지에 모바일 최적화 된 Elementor 템플릿 이 연재물에서 프로젝트로 가져 오도록하겠습니다 전환 최적화 치트 시트를 보내 드리겠습니다 정확히 왜 페이지가 보이는지 보여줍니다 그들이 쓰여지는 방식으로 쓰여지고 디자인되었습니다 더하기, 보너스 추가 비디오가 어떻게 보이는지 보여줍니다

방문 페이지가 더 큰 그림에 맞습니다 성공적으로 최적화 된 판매 유입 경로 designbuildwebcom/elementor-landing-page/로 이동하십시오 큰 핑크색 버튼을 클릭하고 이메일 주소를 팝업하십시오 보너스를 보내 드리겠습니다

좋아, 다시 다음 섹션은 모두 가치 제안에 관한 것입니다 고객을위한 우리의 공짜 물건의 이득 그들이 가이드에서 얻는 것에 관한 모든 것, 하지만 지루한 기능 목록은 아닙니다 텍스트의 모든 단일 비트가 집중됩니다

독자에게이 PDF의 이점에 대해 설명합니다 그것은 그들에게 무엇이 있는지에 관한 것입니다 이것은 정말 간단합니다, 두 개의 열 섹션, 제목 위젯, 텍스트 편집기 위젯, 아이콘 목록 위젯 및 버튼을 다시 표시합니다 위의 것과 정확히 같습니다 같은 텍스트, 같은 크기, 같은 색

Elementor로 돌아 가세요 2 열 섹션을 추가하십시오 자, 나는 기억하고있다, 나는 즉시 추가 할 것이다 섹션에 30 픽셀 왼쪽과 오른쪽 패딩, 더하기 위아래 여백도 정말 좋습니다 나는 60 위를, 100은 바닥에 갈거야

많은 공백을 추가하는 것에 대해 결코 부끄러워하지 마라 정말 관대하다 우리가 지금 필요한 모든 위젯을 추가 할거야 그리고 약간의 스타일을 조정해라 그러나 나는 fast-forward 할 것이다

이 비디오를 계속 움직이기를 원하기 때문입니다 버튼과 별개로 모든 것이 있습니다 그리고 위의 것과 똑같습니다 그러니 그걸 복제 해 봅시다 그렇게하기 위해 버튼을 마우스 오른쪽 버튼으로 클릭하고, Elementor의 오른쪽 클릭 메뉴가 있습니다

모든 종류의 유용한 기능을 제공합니다 Elementor의 모든 요소를 ​​마우스 오른쪽 버튼으로 클릭 할 수 있습니다 이 메뉴를보십시오 중복을 선택한 다음 복제본을 드래그합니다 우리가 쉽게 원하는 버튼 위젯

그리고 마지막으로,이 페이지의 기본 베어 본 (bare-bones) 버전의 경우, 우리는 조직의 로고를 가지고있다 The Green Building Company와 제휴 관계에 있습니다 좋은 방문 페이지에는 제 3 자 증명이 필요합니다 신뢰와 신용을 보여줄 수있는 무엇인가 이는 고객의 평가 일 수 있습니다

우리는 그 중 일부를 추가 할 것입니다 우리가 2 부에서 페이지를 향상시킬 때, 다음 그러나 그것은 또한 제휴가 될 수 있습니다 존중받는 산업 조직들에게도 그래서 여기에 그것들을 추가 할 것입니다

매우 중요한 것을 주목하십시오 우리는이 어두운 배경의 섹션을 가지고 있습니다 그 안에는 네 개의 기둥이 있습니다 하나의 이미지 당 하나입니다 그러나 우리는 또한 여기에이 제목이 있음을 주목하십시오

이제 그 머리글은 맨 위를 가로 지르고, 실제로 한 열에 있습니다 달성하기 쉽습니다 중첩 된 섹션 만 있으면됩니다 내가 보여줄거야 Elementor (으)로 돌아 가기

그래서 먼저, 외부 섹션을 만들고, 상위 섹션, 배경색이있는 섹션 그것은 하나의 칼럼이어야합니다 우리 안쪽 구역을 차지할 외부 컬럼입니다 상위 섹션에 배경색을 추가하겠습니다 이 섹션의 모든 텍스트는 흰색입니다

그래서 타이포그래피 설정 섹션에서 다시 설정해 보겠습니다 왜냐하면 더 쉬울거야 그리고 잊지 마세요 덧붙이기를 추가합시다 그래서 저는 30 픽셀 좌우로 갈 것입니다

상하 60 픽셀 그것은 단지 섹션 내부에 멋진 비트를 만듭니다 이제 우리는 그 안에 두 개의 섹션을 중첩시켜야합니다 표제의 1 열 섹션 그 아래에 4 열 섹션이 있습니다 이미지와 텍스트

궁금한 점이 있다면 그냥 추가 할 수 있습니다 표제 위젯을 부모의 한 열에, 하지만이 같은 여러 행을 가진 섹션이있을 때마다, 나는 각 행을 중첩하고 싶다 각 행의 모서리가 다른 사람들과 일관되게 일치하십시오 따라서 다른 섹션을 중첩 시키려면, 내부 섹션 위젯에서 드래그합니다 내부 섹션 위젯은 항상 우리에게 두 개의 열을 제공합니다

하지만이 첫 번째 열에는 하나의 열만 있으면됩니다 그래서 열 설정을 마우스 오른쪽 버튼으로 클릭하고 삭제할 것입니다 이로 인해 우리는 하나의 기둥을 남겨 둡니다 그런 다음 그 아래에 다른 내부 섹션 위젯을 드래그합니다 그것도 같은 외부 섹션에 중첩되어 있습니다

자, 여기서 네 개의 열이 필요합니다 열 중 하나를 마우스 오른쪽 버튼으로 클릭하면됩니다 다른 것을 추가하고 다른 하나를 추가하십시오 하지만 대신이 열 중 하나를 만듭니다 이미지와 텍스트가 먼저 표시됩니다

나는 한 칼럼에서 스타일을 바로 잡을 것이다 그런 다음 그 칼럼을 복제 할 것입니다 대신에 여러 번 그것은 모든 스타일링을 수행 할 것입니다 좋아, 그래서 제목 위젯을 추가 할거야

1 열에, 그리고 나는 또한 안으로 끌기로 위에 취득 할 것이다 첫 번째 열에 이미지 상자 위젯 이미지 박스는 이것에 완벽합니다 아래에 텍스트가있는 이미지이기 때문입니다 완전한 나는 꼼짝 못하게 할거야

스타일링과 더불어 그것은 지금, 이 비디오를 계속 건너 뛰기 위해서입니다 좋아, 끝났어 나는 단지 하나의 칼럼을 만들었고, 모든 스타일링을 설정했고, 그런 다음 그 열을 복제하면, 그 다음에 각각의 경우에 이미지와 텍스트를 대체했습니다 정말 빠르고 쉽습니다 여기에 참석해야 할 몇 가지 빠른 것들, 이 칼럼들은 내가 좋아하기에 너무 멀리 떨어져있다

그들은 단지 전체에 골고루 퍼져 있습니다 기본 Elementor 콘텐츠 너비 Elementor의 주요 설정은 1200 픽셀이라고 생각합니다 이 아우터 열을 더 좁게 만들어 봅시다 그래서 기둥들이 서로 가깝게 잡아 당겨진다 그렇게하기 위해 외부 섹션을 편집하고, 기본 콘텐츠 너비를 900으로 다시 정의하겠습니다

그리고 네, 그게 더 낫습니다 한 가지만주의하십시오 바깥 쪽 섹션에는 열이 있습니다 10 픽셀 내내 패딩, 그러나 내부 섹션도, 그래서 패딩을 두 배로 늘 렸습니다 이와 같이 중첩 된 섹션을 사용하면 개인적으로 바깥 쪽 컬럼의 패딩은 완전히, 때로는 일들이 잘 어울리는 것을 엉망으로 만들 수 있기 때문에 나머지 페이지와 당신은 쉽게 외부 섹션을 편집하여 그것을 할 수 있습니다, 열 간격을 아무 간격도 설정하지 마십시오

따라서 외부 열에는 간격이없고 모든 열 간격 대신 내부 섹션에서 처리됩니다 그리고 또 하나의 간단한 하나의 컬럼 섹션을 빠르게 추가했습니다 저작권에 대한 것입니다 나는 회사의 보통 바닥 글을 원치 않는다 그들이 평상시에 가지고있는 모든 일반적인 연결 고리와 함께, 방문자가 방문하는 것을 방해 할 수 있기 때문입니다

빠른 미리보기를 보겠습니다 그래, 그거 꽤 귀여워 보이는구나 지금까지 우리가 지금까지 가지고있는 것은 기본입니다 우리의 공짜 물건 선도 자석 옵트 인 방문 페이지의, 독립 실행 형 페이지에서 산만 함, 모든면이 쓰여짐 변환을 위해 설계된, The Green Building Company의 청중에게 호소 이 초기 단계의 판매 유입 경로에서 그러나 우리는 할 일이 더 많습니다 따라서 2 부에서는 다음으로 페이지 디자인을 향상시킬 것입니다

몇 가지 고급 Elementor 디자인 접촉 그 교훈에서 멋진 Elementor 트릭이 많이 나옵니다 2 부에 대한 링크는이 비디오 아래에 있습니다 그리고 다시 한번, 나의 3 개의 상여를 움켜 잡는 것을 잊지 말라 더 빠르고 더 나은 결과를 위해

이 비디오 아래 링크 이 비디오가 마음에 드시면 부탁을 들어주세요 내 채널을 구독하고, 나에게 좋아하는 것을, 아래에, 의견을 남기십시오 나는 네가 생각하는 것을 알고 싶다 좋아, 내가 2 부에서 보자

지금 안녕히 계십시오