How To Create a Popup Email Subscription Box For WordPress

안녕 친구, 안녕하세요? "How To YouTube"에 오신 것을 환영합니다 오늘은이 비디오 튜토리얼에서 가르쳐 줄 것입니다

팝업 이메일을 만드는 방법 WordPress 블로그의 구독 위젯 이 튜토리얼에서는 가장 쉬운 방법을 가르쳐 줄 것입니다 이메일 팝업을 만드는 방법 WordPress 블로그의 구독 위젯 이 방법은 매우 간단하고 쉽습니다 모든 플러그인에 대해 지불 할 필요가 없습니다 그래서 여기에 데모를 볼 수 있습니다 이 위젯 유형을 사용하면 이 위젯 유형 및 위젯 유형 전자 메일 구독을 사용할 수 있습니다

꼬리말과 헤더의 위젯 또는 미니 이메일 구독 위젯을 사용할 수 있습니다 이런 종류의 그럼,하자 먼저 필요한 모든 것을 시작하십시오 더보기 버튼을 클릭하십시오

이 비디오에 대한 설명과 그런 다음 해당 URL을 주소에 붙여 넣습니다 바를 입력하고 여기에 엔터 키를 치면됩니다 이 가입 버튼을 클릭하려면 여기를 클릭하십시오 이메일 주소를 입력하십시오 무료 버튼 신청 다음 단계에서 당신은 암호 그래서 여기에 강한 선택해야합니다 패스워드 나는 간단한 것을 고를 것이다

여기에 웹 사이트의 주소를 입력해야합니다 그래서, 귀하의 웹 사이트로 이동하여 웹 사이트 URL을 붙여서 해당 URL 붙여 넣기 여기에서 계속 버튼을 클릭하십시오 이제 여기에있는 코드를 볼 수 있습니다 WordPress 블로그에 설치하십시오 당신이 사용하고 있기 때문에 WordPress에서 다운로드를 클릭하십시오

플러그인 링크를 클릭하면 링크가 여기에서 새 탭을 아래로 스크롤하면 여기에서 플러그인을 다운로드하십시오 이 버튼을 눌러 다운로드하십시오 컴퓨터에 플러그인이있다 내 컴퓨터에 다운로드 된 사이트에 로그인하십시오 플러그인을 클릭하면 그런 다음 플러그인 추가를 클릭하십시오

여기에서 업로드 플러그인을 클릭하십시오 여기서 파일을 선택하십시오 방금 다운로드 한 플러그인 그래서 여기에 플러그인을 찾으려면 나는 해당 탭을 누른 후 플러그인 찾기 열기 버튼을 클릭하면 이제 플러그인이 설치됩니다 귀하의 사이트에 업로드를 시작하면 크기가 25KB이기 때문에 몇 초가 걸립니다 플러그인이 업로드되면 귀하의 사이트를 클릭하면 활성화 된 플러그 인 버튼을 누르면 WordPress 블로그에 연결하십시오

이제 플러그인이 활성화되면 에서 사이트 컨트롤 가져 오기 메뉴가 표시됩니다 왼쪽 사이드 바 마우스를 가리 키기 만하면됩니다 로그인 버튼을 클릭하십시오 여기에 우리가 가지고있는 이메일을 입력해야합니다

Get Set 컨트롤에 가입하는 데 사용됩니다 이전 단계에서 이메일을 입력하십시오 네가 사용했던 주소 비밀 번호를 입력하고를 클릭하십시오 지금 로그인 버튼을 클릭하면 로그인됩니다 사이트 제어를 얻으려면 여기에 사이트를 선택한 다음를 클릭하십시오

이제 대시 보드로 이동하여 이동하십시오 사이트 설정, 설치 여기에 설치로 가서 코드 확인을 클릭하십시오 버튼을 클릭하면 코드를 확인할 수 있습니다 이제 귀하의 사이트를 볼 수 있습니다 인스톨되었다는 것은 플러그인이 있음을 의미합니다

우리 사이트에서 올바르게 활성화되었습니다 뒤를 클릭하면 위젯 버튼을 만든 다음 지금 가입하십시오 Appearence of the Appearence를 선택하십시오 팝업 이메일 구독 위젯 for 귀하의 WordPress에 블로그 나는 함께 갈거야 그 후에 전체 화면을 선택하면 그림 물감 배경색 색상 표 텍스트 색상 일반 텍스트 색상 및 테마를 적용하고 여기에서 선택할 수 있습니다

글꼴 여기에서 애니메이션을 선택할 수 있습니다 그런 다음 내용 탭으로 이동해야합니다 여기에서 제목을 편집 할 수 있습니다 여기서 설명을 변경할 수 있습니다

여기에서 사용자가 원하는 필드를 선택할 수 있습니다 예를 들어 이메일 주소를 추가 할 수 있습니다 이름과 이메일 모두 주소 또는 이메일 주소 구독 버튼을 수정할 수 있습니다 예를 들어, 그렇게 할 수 있습니다 이제 여기에 간단한 메모를 쓸 수 있습니다

네가 원한다면 지금 네가 할 수있어 다음 탭은 성공적인 메시지 일 때 누군가가 귀하의 블로그에 가입 할 것입니다 메시지가 표시됩니다 감사하다는 표제를 말할 수 있습니다 할 수있는 설명을 쓰십시오

사용자를 URL로 리디렉션합니다 예를 들어 리디렉션 URL과 여기에 URL을 붙여 넣으십시오 이제 동작을 클릭하십시오 여기에서 얼마를 선택할 수 있습니다 시간에이 위젯을 표시 하시겠습니까? 귀하의 방문자

그것은 다음과 같은 조건하에 있습니다 5 초 후에 한 번만 매주 네가 원하는 걸 네가 할 수있어 이제 여기서 타겟팅을 선택할 수 있습니다 예를 들어이 위젯을 표시하려면 이 특정 페이지 만 클릭하면됩니다

또한 이것을 선택하십시오 표시하지 않음을 선택할 수 있습니다 여기에 URL을 붙여 넣으십시오 위젯은 해당 URL에 표시되지 않습니다 이제는 모두 완료되었습니다

이제 여기에서 필요한 통합을위한 통합을 선택할 수도 있습니다 거기에 가입 할 수있는 프리미엄 플랜 이것을 MailChimp와 통합하십시오 또는 네가 원하는 다른 것들과 함께하지만 지금은 나야 클릭 한 후에는이 작업을 수행하지 않을 것입니다 확인 버튼을 누릅니다

이제 모두 완료되었습니다 이제 확인을 클릭하십시오 버튼을 클릭하면 위젯이 생성되었습니다 지금 활성화 버튼을 클릭하기 만하면됩니다 팝업 전자 메일 구독 위젯이 WordPress 블로그에서 활성화되었습니다

How To Add A Popup Modal Lightbox With Beaver Builder WordPress Page Builder

다른 동영상으로 돌아온 것을 환영합니다 제 이름은 WPCrafter

com의 Adam입니다 비 – 기술자 및이 비디오를 통해 8 개의 팝업 라이트 박스를 만드는 방법을 보여줍니다 Beaver Builder 페이지 빌더와 나는 실제로 불행하게도 이것에 대한 비디오를 만들었습니다 약 1 주일 전에이 비디오를 보았습니다 만, Beaver Builder와 함께 작동하는 추가 패키지 및 다른 누군가가 새로운 알파 빌드가 Beaver Builder의 개발 단계에 있다는 것을 알고 있어야합니다 완전히 풀어지지는 않았지만 나는 그들이 팝업을 가지고있을 줄 알았다

그러나 나는 실제로 알고 있었다 이미이 알파에 내가 직접 접근 할 수있어서 비디오를 만들고 싶었어 유료 버전의 Beaver Builder에서 곧 나오는 팝업 기능을 보여 드리겠습니다 꽤 멋져요 그냥 가서 보도록하겠습니다

여기 비버 빌더가 있습니다 사역의 페이지 아코디언 페이지 편집 모드 이것이 얼마나 쉽고 정확하게 사용되는지 그렇게 본질적으로 나는 실제로 그것을 찾았고 그것을 찾을 수 없었기 때문에 그것을 찾지 못했습니다 나는 콘텐츠 추가를 클릭 할 수있을 것으로 예상했다 그리고 나서 나는 모듈을 볼 것으로 예상했다 팝업 또는 라이트 박스 또는 그와 비슷한 것을 말합니다

실제로 궁극적으로 비디오를 만들었 기 때문입니다 부가 기능 및 팝업 옵션이 있으므로 여기에 올 수 있습니다 Beaver Builder와 동일하지만 설정 패널에 실제로 연결되어있는 것은 아닙니다 버튼을 만들면 버튼을 만든 다음 버튼을 클릭하면됩니다 옵션을보고 바로 여기에 클릭 작업이라는 새로운 옵션이 있습니다

그래서 이것은 누군가가 당신이 원하는 것을 선택할 수있는 곳입니다 이 버튼을 클릭하기 전에는 항상 링크 일 뿐이므로 다른 페이지로 이동하지만 지금은 라이트 박스로 변경할 수있는 옵션이 있습니다 당신은 사각 팬들과 같은 두 가지 유형의 라이트 박스를 선택합니다 너는 내가 HTML과 같은 비 사설적이라면 아마 너는 그다지 많이하지 않을 것이다 HTML 코드 중 하나만 입력하면됩니다

이제는 추가 할 것이라고 생각합니다 앞으로 어떤 시점에서 더 많은 콘텐츠 형식을 사용할 수 있다고 생각하기 때문에 더 많은 콘텐츠 형식을 사용할 수 있습니다 저장된 모듈이나 저장된 행 또는 저장된 페이지 템플리트와 같을 수도 있지만 지금은 HTML을 제공하고 동영상에 연결하기 만하면됩니다 동영상에 대한 URL을 입력 한 다음 변경 사항을 저장하면 팝업 옵션이 매우 기본적으로 보입니다 지금은 기본이라고하는 것이 항상 좋다고 말하지 않고 실제로 좋아할 것입니다

Beaver Builder가 궁극적 인 부가 기능에서 찾은 기능을 그게 뭔가 있어야한다고 생각하기 때문에 팝업에 더 많은 옵션이 있습니다 더 많은 기능이 풍부하고 Beaver Builder 플러그인에 내장되어 있지만, 그 패키지를 추가 패키지에 남기고 싶다면 여기에 궁극적 인 추가 기능이 있습니다 다른 기능을 사용할 수 있도록 모든 기능을 팝업으로 표시 할 수 있습니다 콘텐츠 유형은 당신이 볼 수있는 몇 가지 콘텐츠입니다 당신이 바로 여기 단추를 바꿀 수있는 뒷 부분은 모든 것이 바꿀 수있는 색상입니다

사진이 있으면 다른 색상이 어떻게 보이는지 알 수 있습니다 저장된 행 또는 그와 비슷한 것을 표시하며 팝업이 표시되면 다른 애니메이션을 가질 수 있습니다 이륙하고 다른 방아쇠를 당길 수 있습니다 커서가 화면에서 벗어난 다음 팝업창이 나타나고 동영상을 볼 수 있습니다 그 사람은 조금 친숙 해 보이고 당신이 원하는 모든 기능을 가지고 있습니다 궁극적 인 부가 기능을 가지고 있다면이 모든 기능이 내장되어 있으며 다른 부가 기능 팩 팝업 모듈도있을 수 있지만 실제로 추가하면 좋을 것입니다

사이트 및 심지어 비디오 및 HTML로만 제한된 사이트에서 구현하는 것이 매우 간단합니다 저장 한 모듈이나 다른 것에 대한 짧은 코드가 있으면 상황이 좋을 수 있습니다 이 기능은이 기능에 더 많은 기능을 추가 할 뿐이며 일부 트리거는 얻지 못합니다 불행히도 트리거는 화면에서 마우스 커서를 움직일 때 발생합니다 특정 유형의 시간 동안 귀하의 사이트를 보냈거나 누군가가 귀하를 촉발 시켰습니다

Beaver Builder에 내장 될 것으로는 보이지 않지만 애니메이션 중 일부는 이제 당신에게 중요하지 않을 수도 있습니다 나는 생각하지 않습니다 전환을 변경하거나 클릭 수에 상관없이 아무 것도 클릭하지 않아도됩니다 일부 부가 기능 패키지를 사용하여 얻을 수있는 모든 서식 옵션을 얻지 못합니다 그래서 나는 아직도 그들이 한 일과 그들이 여기에서 나오는 일이 놀랍다 고 생각합니다

당신이 Beaver Builder를 가지고 있으면 정말로 곧 정말로 당신은 웹 사이트에 로그인하고 다운로드 할 수 있습니다 이 알파 빌드 및 자신을 위해 그것을 테스트하고 나는 베타 있기 때문에 놀랄 것입니다 영웅은 곧 그 다음 1 주 또는 2에 아마 그 최종적인 발사를 얻는다 그리고 나는보기 위해 흥분한다 이 기능은 Beaver Builder가 없다면 실제로 사용할 수 있습니다 또는 당신은 궁극적 인 atolls가 없다 나는 아래에 기술 상자에서 둘 다에 연결이있다 당신이 그 제품 중 내가 고맙게 여기는 것 중 하나를 구입했다면 그것들은 제휴 링크입니다 만약 당신이 내 링크 철분을 통해 그들과 돈을 작은 금액을 했어하지만 그건 왜 아니야

당신이 나에게 영수증을 위해 그들 중 하나를 구입한다면 사실이 비디오를 만들어라 구매를 확인한 다음 정상적으로 진행되는 교육 과정에 대한 액세스 권한을 부여합니다 $ 97은 Beaver Builder의 필수 요소이며 웹 사이트 구축 방법을 보여줍니다 Beaver Builder로이 패키지 중 하나를 구매하면 무료로 제공합니다 나가기 전에 아래 링크를 통해 내가 너와 내가 들어가기 전에 뭔가를 가지고있다

이 비디오에서 나에게 엄지 손가락을주기 위해 나에게 뭔가를 해달라고 요청했다 질문이 있으시면 구독자가 아닙니다 구독 버튼을 클릭하십시오 이 동영상에 기꺼이 답변 해 드리며 댓글이나 질문을 남길 수도 있습니다 이 비디오 아래 헤이, 나는 당신을 위해 코스를 만들었습니다

당신이해야 할 일은 바로 여기에있는 버튼을 클릭하는 것입니다 WordPress의 성공으로가는 단계는 내가 좋아할 멋진 과정입니다 나는 당신을 사랑합니다 이 비디오를 보면서이 학생을 위해 입회하고 등록하십시오 정말 고맙습니다

너를 위해서하는거야

PopupBuilder Review – New WordPress Popup Plugin, I LOVE IT!

새로운 팝 – 업 빌더에 대해 이야기하는 것이 인간이다 OptinMonster의 동정을 받아 들인다

다른 사람의 또 다른 오랜 닌자 팝업이지만 어쨌든 이것은 최고입니다 팝업 빌더가 무엇인지 알아 내고 추측 한 빌더를 팝업시킵니다 진짜 간단하지만 그것은 OptinMonster를 완전히 죽이기 때문에 나는 이것으로 당신과 함께 공유하고 싶었습니다 비디오 나는 지금 그들의 웹 사이트에 있습니다 많은 사람들이 당신이 볼 수있는 데모 워크샵을합니다 어쨌든 웹 사이트에 팝업을 올리거나 추가 할 생각이라면 어떻게 작동합니까? 이 새로운 플러그인에 대한 강력한 요소는 무엇입니까? 드래그 앤 드롭으로 쉽게 볼 수있는 것은 비주얼 빌더를 걷는 장면입니다

당신이 그것을 통해 그것을 당신이 기대하거나 원하는 모든 기능이 포함되어 보여줍니다 종료 의도 인 팝업 빌더에서 다른 트리거 이벤트를 넣을 수도 있습니다 WordPress 페이지 또는 게시물의 그림이나 이미지 또는 단추를 올리십시오 그것이하는 일이 매우 독특하고 이것을 가지고있을 때 그것은 팝업을 유발할 것입니다 단계에서 그 사람의 팝업을 선택하면 그게 정말 멋지다는 것을 보여줄 수 있습니다 모바일 팝업이므로 모바일 장치에서 발생하는 일을 제어 할 수 있습니다

정말 독특한 구성 요소를 가지고있는 정말 멋진 템플릿 모음 마케팅 담당자는 이러한 유형의 요소를 사용하여 모든 유형의 비즈니스에 사용할 수 있습니다 테스터 팝업을 분할하려는 경우 B 분할 테스트를 상세하게 수행하지만 여기에도 테스트 팝업이 있습니다 귀하의 팝업에보고 및 분석을 몇 번이나 보았는가? 레이저 타겟을 얻으십시오이 팝업은 특정 게시물에서만 특정 팝업 만 가질 수 있습니다 또는 특정 카테고리의 특정 팝업 등을 페이지로 표시 할 수 있습니다

정말로 멋지다 그래서 더 많이 그렇게 내가 아래로 스크롤하게하게되는이 팝 – 업의 행동 우리가 실제로 팝업 정상 회담을보기 전에 가격에 대한 간략한 정보를 보여줍니다 이 모든 것들이 아래로 스크롤하는 법에 대해 어떻게 작동하는지 여기에 많은 정보가 있습니다 다른 인기있는 건축업자와 외부 결정에 비교하는 방법에 대한 표를 보시려면 여기를 클릭하십시오 과거 크리스마스를 할인하고 크리스마스 이외의 지역에서 더 빠른 가격을 책정 할 수있는 가격 책정 페이지로 이동하십시오

계절과 그들은 여전히 ​​정상적인 가격에도 셀을 계속 가지고있다 그것은 좋은거야 거래 때문에 모든 다른 패키지에는 모든 기능이 포함되어 있습니다 패키지 간 패키지는 1 번에 얼마나 많은 사이트를 설치할 수 있는지와 얼마나 오래 이러한 지원 마지막으로 세 가지 패키지 기본 문제 프리미엄은 모두 1 년 지원입니다 하나는 귀하의 업데이 트를 꽤 많은 표준과 그것은 건강한 비즈니스의 징후 때문에 사람들이 매년 폐기물 37 개를 갱신 할 때마다 매년 수입을 올릴 수 있습니다 47의 웹 사이트는 프로 웹 사이트 3 개가 될 것이고 그 다음 프리미엄을 얻으려면 10 웹 사이트 그러나 궁극적 인 당신이 이것을 설치할 수있는 개발자를위한 훌륭한 당신이 평생 업데이트와 평생을 지원 받기를 원하는만큼 많이합니다

$ 200의 좋은 거래 CFU는이 구매가 앞으로 나아갈 것이고 당신에게 일회성을 제안 할 것이다 추가 디자인 이론의 제안은 37 디자인처럼 제공되지만 제공 할 수 있습니다 너는 더 많은 디자인과 그를 보여주고 그 중 몇 가지 디자인을 보여주고 왜 내가 좋은 것 같아 보여? 어쨌든 우리가 앞을보고 권리를 보았을 때 이것에 대해 충분히 이야기하십시오 감기에 걸렸어 이미 내 테스트 블로그에 설치되어있어

귀하의 함대에 포함되어 여기에 연설 할 수있는 라이센스입니다 팝업 관리는 여기에서 새 팝업 만들기를 클릭하면됩니다 너는 네가 무엇이라고 이름 붙인 지 중요하지 않은 것을 그 이름으로 부를 수있다 이것은 너에게 정말로 필요한 것이다 그래서 내가 필자가 원하는 테스트를 나눠야한다면 필연적으로이 출구를 01 번 출구라고 부른다 그에게 010203이나 뭐 그런 이름을 붙이세요

어쨌든 당신이하는 것을 당신이 선택할 수 있습니다 다른 트리거는 바로 여기에 있습니다 그리고 이후로 나가는 출구 팝을 만듭니다 마우스가 브라우저 창 밖으로 나가 페이지에서 벗어나라고 말하면 이 팝업을 실행하여 X 의도가 바로 여기에 있고 그 밖의 X 의도가 실제로 발생하도록하는 것이 좋습니다 입구에 멋진 것들 Osuna 누군가가 당신의 페이지를 친다

페이지의 아래쪽에있는 특정 지점은 작은 선택 사항 대신에 정말 멋진 내용입니다 상자의 하단에 누군가가 도착하자마자 팝업을 표시 할 수 있습니다 게시물 하단 및 기타 수동 트리거 이미지에 이미지를 삽입하여 누군가가 구매 버튼처럼 클릭하거나 자신이 원할 경우 웹 사이트에서 콘텐츠 업그레이드를 구현하여 일부 사람들이 콘텐츠를 할 수있는 방법이 될 수 있습니다 어쨌든 당신이 심사 위원을 선택하면 그 상자는 표적 심리를 보게됩니다 페이지 카테고리별로 타겟팅 된 모든 종류의 미세 조정 옵션이 있습니다

이게 실제로 정말 멋지다 너희들이 팝업 스케줄을 다시 스케줄 할 수 있을지도 모른다 여기에 쓸 수있는 것과 같은 용도에 대한 많은 용도는 사용자가 0에서 7까지의 변경을 찾는 것을 괴롭히지 않도록 팝업 빈도를 지정하십시오 7 일이면 7 일마다 웹 사이트를 다시 방문하면이 팝업이 표시됩니다 누군가가 와서 7 일 동안 다시 보지 않을 것입니다

아마 당신이 가지고있는 웹 사이트에 따라 이것을 설정하십시오 나는 앉아있을 것입니다 어쨌든 그렇게 설정하고 게시를 클릭 한 다음 여기로 스크롤하여 그 스킨에서 빌더를 시작하여 빌더에서 열어 맞춤 빌더라고해라 이 플러그인은 매우 강력합니다 원하는대로 조정할 수 있습니다

포함 된 디자인이 꽤 놀랍기 때문에 전혀 보이지 않습니다 예를 들어 인터넷에서 볼 수있는 다른 모든 것들과 마찬가지로 이것이 업그레이드 된 디자인 중 하나가 될 것이라고 생각합니다 우리가이 창녀의 얼굴을 볼 수없는 이유는 내 창문이 움츠러 져서 그것이 완벽하기 때문입니다 비디오를 위해 그러나 나는 나의 브라우저가 정상적으로 당신이 사람 당신이 그의 그림을 바꿀 수 있고 그것을 그림으로 만들 수 있기 때문에 발견은 실제로 꽤 차갑다 당신은 개인적인 브랜딩을 원한다면 비주얼 에디터이므로 아무 것도 바꾸고 싶습니다

텍스트를 클릭하고 변경하기 시작하면 원하는 모든 작업을 수행 할 수 있습니다 이것은 실제로 팝업에서 2 단계로 진행되므로 누군가가 떠날 때 말합니다 귀하의 웹 사이트가 팝업과 그들이 생각하는 것 같아요 모두 좋아 좋아 그냥 이 무료 보고서를 다운로드하면 보드를 클릭하면 예 수 있습니다 이 페이지로 바로 데려 가서 이메일 주소를 물어보십시오 당신이 요소를 클릭 할 때 오른쪽의 다른 서비스 패널의 어쨌든 목요일 요소 별 설정을 사용하면 내가 가지고 있지 않은 다른 요소에 애니메이션을 적용 할 수 있습니다

많은 애니메이션을 좋아해요 움직이는 요소가되는 것을 좋아하지 않습니다 페이드 인하와 같은 것들을 슬라이드에 넣고 싶습니다 보트를 타고 가면 바로 할 수 있습니다 내가 생각하기에 너무 강력하고 다른 디자인은 여기에 또 하나있다

업그레이드 된 것들 중 실제로 수동으로 만들 수있는 것만 알면 안된다 업그레이드 된 디자인에 대한 비용을 모두 지불해야하므로 시간 절약이 가능하므로 디자인을 할 수 있습니다 이 두 가지 단계와 마찬가지로 이제 팝업 유형의 디자인에 대해 이렇게하지 마십시오 어디서나 볼 수있는 유일한 장소는 다음과 같습니다 서비스가 있습니다

이처럼 팝업을 제공하는 매우 높은 가격대의 서비스로 가장 많이 볼 수 있습니다 예를 들어 사회적으로 유익한 수익성있는 블로그는 다음과 같은 팝업을 볼 수 있습니다 내 솔기 팝업이 빠른 새싹에 이런 식으로하고 기본적으로 더 팝업 때 누군가가 먼저 웹 사이트로 가서 70 또는 예기치 않은 질문으로 사망했으며, 멀리 팝업 뜻 멀리 또는 실제로 오른쪽으로 전환이 여기에 이렇게 누군가가 당신을 클릭하면 일어날 일이 될 것입니다 그래서 이것은 매우 강력한 업튼입니다 아래로 스크롤 해 보도록하겠습니다

이것이 실제로 정말 좋습니다 이것이 모든 비즈니스가 미국에서는 아마이 플러그 – 인 전망대가 아름답습니다이 쿠폰 팝업은 매우 아름답습니다 그들이 여분의 것을 필요로하는 어떤 사업이나 특별히 지역 사업을 위해 살인자가 되어라 그들의 상점에서 사람들을 얻거나 그들의 서비스를 이용하거나 그들의 물건을 사기위한 지식이나 동기 부여 제품을 그들에게 빠른 할인 팝을주기 위해 내가 비즈니스 웹 사이트에 있었던와 내가 있었던 자신의 제품이나 서비스에 관심이 있고 경쟁 업체를 찾기 위해 멀리 클릭했습니다

가격 쇼핑을 위해 나는이 팝업이 내가 그것에 반응 할 것 인 것을 보았다 그래서 멋지다 내 할인 코드를 가져 와서 클릭하면 실제로 할 수있는 프롬프트가 표시됩니다 옵트 인 (opt in)을 선택하면 나에게 쿠폰이나 다른 이메일을 보낼 수 있습니다 만약 당신이 레스토랑 같거나 꼭 필요한 것 같으면 살인자

할인을 받으면 무료 디저트 나 그와 비슷한 것을 디자인의 하나로 제공합니다 내 생각에 더 기본적인 디자인을 여기에 놓아두면 정말 멋지다 몇 가지 개인 브랜딩을 가진 사람이이 사진을 자신의 사진으로 바꿀 수 있었습니까? 이러한 캔버스 요소를 정말 좋아하고 이러한 요소를 이동할 수 있으므로 이 사람을 옮기고 싶다면 조금 더 움직여야 겠어 조금이라도 더 할 수 있다면 어떤 요소라도 완전히 대체 할 수 있습니다 여기 뭔가 꽤 재미 있어요 아, 비디오 배경이 너무 좋아요

여기에 팝업이 있습니다 동영상을 사용할 때 울기 쉽지 않지만 떨어 뜨리기가 정말 쉽습니다 자신의 비디오를 보면서이 팝업이 발생하면 카운트 다운 타이머가 당신을 보여주기의 마케팅 요소 중 하나지만, 정말 매끄러운 배경 비디오입니다 개인적으로이 배경 비디오를 뮤즈로 옮겼지만 아주 새롭다 고 생각합니다 당신이 당신의 팝업 헤드 라인 목록으로 쉽게 드래그 앤 드롭 할 수있는 이러한 요소들을 많이 가지고 있습니다

단락 단추 미디어 이미지 비디오 오디오 양식을위한 다양한 형식 그것은 수평으로 쌓아 올랐다, 그리고, 둥근 모서리가있는 약간이 거기에서 모두 매우 시원하다 내가 개인적으로 다른 종류의 버튼을 말했을 때 인쇄 한 소셜 위젯 귀하의 마케팅 요소를 정말 멋지다 나는 노력하고 있다면 이것에 대해 이야기하지 않았다 인기있는 건축업자에게 전자 책 빌더가 내장 된 무료 보고서를 제공합니다 당신이 할 수있는 컴퓨터 화면으로 같은 것을하기 위해 누군가를 고용하고 고용 할 필요가 없습니다

실제로 그것이 자동으로 뒤틀리고 그것이 당신을 위해 카운트 다운을 때리는 사진이 있습니다 그 중 하나가 T 스프링 무언가를 위해 특별히 말하며 당신이 지리적 위치를 결정할 때 실제로 그 중 하나에 가서 Betsy의 해가 어떻게 생겼는지에 대한 데모가이 중 일부에서 스크롤 다운되었습니다 디자인 여기에 하나의 특정 하나가 있습니다이 하나는 실제로 처음에 더 많은 것입니다 T 봄용 캠페인을 위해 디자인되었지만 특별히하지도 않으며 실제로 그렇지 않을 수도 있습니다

하나는이 동영상에서 설명하지만 여기에 바로 그 요소가 있습니다 공기의 국기는 방문자가있는 나라입니다 그것은 꽤 산뜻하고 여기 카운트 다운입니다 타이머 알렉스 데모, 그래서 당신을 위해 당신은 당신의 동적 요소를 넣을 수 있습니다 geolocation 팝업 당신은 자신의 2 단계 팝 팝업을 만들 수있는 팝업을 여러 단계 추가 할 수 있습니다 그리고 이것은 정말 멋진 카운트 다운 타이머이므로 다른 것들을들을 수 있습니다

5 분짜리 카운트 다운 타이머를 올리면 쿠폰으로 5 분을 알 수있다 이 쿠폰을 요구하면 그렇게 긴박감을 느낄 수 있습니다 실제로 여기에 입구 애니메이션을 가질 수있는 옵션에 대해 한 가지 더 보여줍니다 다른 사람의 관심을 끌고있는 플래시가 바로 균형을 고수 할 균형이 있습니다 저장에 대한 클릭에 관해서는 괜찮지 만 여기를 클릭하면 여기에서 업데이트를 클릭하십시오

여기에 버튼으로 가위로 밤을 잠깐 데모하자 어떻게 든 미리보기를 잡으면 그냥 새 탭으로 열립니다 화면에서 커서를 움직여서 보지 않으면 팝업이 트리거로 설정되지 않습니다 무슨 일이 생기면 내 커서가 바로 여기에서 보일 수 있습니다 나는 그저 움직였습니다

팝업이 즉시 튀어 나오는 것을 보았습니다 애니메이션에 대한 내 설정이었습니다 그래서 어쨌든 이것은 멋진 플러그인입니다 그리고 나는 단지 그 표면을 긁어 냈습니다 이 플러그인은 그렇게 할 수 있습니다

어쨌든 저는 아래 링크를 가지고 있습니다 YouTube에서이 동영상을보고있는 경우 아래에서 확인했습니다 웹 사이트 좀 더 자세한 정보가 담긴 버튼이 있습니다 어쨌든이 플러그인을 얻습니다 우리가 고맙게 여기는이 비디오를 시청 해 주셔서 감사합니다

잠깐 시간을내어 엄지 손가락 업 버튼을 클릭하면이 동영상을 나와 공유 할 수 있습니다 친구들도 YouTube 채널을 구독하고 잠시 이야기를 나누십시오 웹 사이트는 뉴스 레터 신청에 충분한 시간이 없다는 일반적인 질문입니다 이 모든 작업에 대한 전문가의 전화 및 구성 WordPress에 대한 당신이 설치됩니다 WordPress를 구성하고 최적화하는 방법에 대해 우리의 추천 된 공급자 더 많은 정보는 writercom/free를 방문하여 변경할 수 있습니까? 에 대한 소셜 네트워크에서

How to Add a MailChimp Pop-Up Form to WordPress

– 다들 다 왔어 제 이름은 래리 스노우입니다

이 비디오에서 나는 당신에게 어떻게 보여줄 것인가? MailChimp 전자 메일 목록의 10 배 확대로 팝업 전자 메일 양식을 wordpress 웹 사이트 주위에 붙어, 다음에오고있어 (디지털 음악) 이 비디오에서 내가 너에게해야 할 일은 정확히 어떻게 보여 줄지 이 프로세스는 처음부터 끝까지 작동하며 완성 된 버전의 제가 Coffee Couture Club이라고 부르는 것을 조롱합니다 재미 있겠 니? 좋아, 들어라

그래서 우리는 MailChimp에 로그인하고 우리는 캠페인으로 갈 것입니다 캠페인 만들기를 클릭합니다 이제 박쥐를 바로 보지 않을 것입니다 나는 MailChimp가 이것으로 더 잘할 수 있기를 바란다 실제로 모든 훌륭한 것들을 열거합니다

캠페인, 그들이 추가 한 모든 것들 캠페인, 다른 일을 할 수있는 능력 예 : 검색 광고, 자동화 및 캠페인 팝업을 입력하면 필요한 정보를 얻을 수 있습니다 여기에는 몇 가지 옵션이 있습니다 나는 단지 팝을 입력했기 때문에 하지만 감사 팝업 창이있어서 가입하는 팝업 가입자에게 감사 할 수 있습니다

팝업 양식으로 가입자를 수집 할 수 있습니다 그것은 우리가하려고하는 것입니다 우리는 그것을 클릭 할 것입니다 우리는 우리의 목록을 선택한다 우리는 시작을 클릭한다

여기에서 볼 수 있듯이 이미 팝업 모달을 만들었습니다 그리고 내가 말했듯이 우리는 The Coffee Couture Club을 가질 것입니다 내가 만든 작은 허구의 것, 아마도 진짜가있다 나는 확실하지 않다 하지만 내 팝업의 전제는 내가 판매하는 방문 페이지에 도착했습니다

~에 대한 내 회원 가입 Coffee Couture Club 회원은 $ 97입니다 해당 페이지에서 나가면이 팝업이 제공됩니다 클럽에 가입하는 데 관심이 없다면 97 달러, 우리 메일 링리스트에 가입하는 방법 그런데 스타 벅스에 $ 5 기프트 카드를 보내 드리겠습니다 이제이 모든 것은 가상의 것이지만, 생각해 보면 실용적인 데모와 이것이 실제로 어떻게 작동 할 수 있는지 자, 그럼 디자인 측면부터 시작합시다

다른 유형의 팝업을 수행 할 수 있으므로 모달 (modal)이라고 불리는데 실제로는 튀어 나오는 모달입니다 옆에 하나가 있습니다 그래서 그것은 그렇게 온다 그리고 나서 고정되어있는 것이있다 그래서 아래쪽의 모든 부분에 고정되어 있습니다

좋은 작은 이미지가 없습니다 작은 중심의 텍스트 유형입니다 그래서 나는 모달을 가장 좋아한다 그리고 우리가 말했듯이 우리는 출구에서 그것을 가질 것입니다 여기에는 다른 옵션이 있습니다

당신은 즉시, 5 초, 20 초, 페이지 중간으로 스크롤하고, 페이지 하단의 모든 아주 멋진 기능으로 스크롤하십시오 그리고 우리는 이미지 정렬을 할 수 있습니다 그리고 당신은 버튼 스타일을 할 수 있습니다, 나는 그것을 모든 종류로 유지했습니다 검은 색과 갈색 같은 커피, 그런 종류의 커피 오버레이 용량으로 할 수 있습니다

여전히이 아래의 콘텐츠를 볼 수 있으므로 기본값은 65 %입니다 좋아, 그럼 우리는 들판으로 간다 이제 폼 필드에 가입했습니다 귀하의 목록 설정에서, 나는 필요에 따라 이메일을 가지고, 이름, 성 및 기타 관심사는 블로그 게시물에 가입하는 사람들을위한 그룹입니다 나는 단지 이름을 선택하는 것 뿐이라고 생각 했어

그것을 전자 메일 위로 끌어 올 수는 있지만 그렇게 할 수는 없습니다 하지만 만약 당신이 아마 그것을 아래로 드래그 수있는 마지막 이름 성을 선택하십시오 성을 마지막으로 드래그 할 수 있습니다 성에 첫 번째로, 나중에 가야 해 그것이 당신이하는 방법입니다

그리고 우리는 그것을 되돌릴 것입니다 그래서 당신은 전자 메일 목록 위에 올 수 없습니다 처음에는 이름을 쓰는 것이 좋은 생각이었습니다 이메일을 보내지 만 이메일을 받기를 원합니다 그것이 분야입니다

그리고 우리는 내용에 대해 이야기합니다 이것이 내가 이미지에 넣은 곳입니다 나는 그것을 대체 할 수있다 그래서 내가 한 모든 것은 지피와 나는 커피 잔을 찾았고 그 커피 잔을 클릭했다 나는 삽입을 클릭했다

그리고 거기에 우리가 간다 그리고 나서 본문에 추가했습니다 당신이 할 일을하는 것처럼 아주 단순합니다 정기적 인 캠페인, 정기적 인 이메일 유형의 것, 그냥 그 물건에 추가하십시오 그리고 나서 나는 단지 바닥 글을 넣었습니다

당신이 원하는 무엇이라도 나는 단지 우리가 당신을 이제까지 스팸하지 않는다 성공 메시지가 나타나면 화면에는 여러 가지 방법이 있습니다 방문 페이지의 성공, 확인, 구독 해 주셔서 감사합니다 커피 꾸뛰르 클럽 당신은 귀하의받은 편지함에 선물 인증서를 받게됩니다 이제 그 모든 것, 만약 당신이 그 일을하려고한다면 그 중 하나를 통해 미리 포맷해야합니다 세분화 또는 귀하의 목록을 통해

당신이 그들에게 서명하는 사람을위한 감사 페이지를 할 때 그 상품권을 가져 와서 그걸 알아라 이 비디오에서 기본적으로 그렇게 다루지 않을 것입니다 비디오 또는 쿠폰 링크에 대한 링크를 만들 수 있습니다 PDF에 연결하십시오, 그러나 당신은 그것을하고 싶습니다 확인 또는 성공 메시지, 알았지? 준비가되면 모든 것을 준비해야합니다

그것을 원하면 게시를 클릭하십시오 좋아요, 일단 우리가 게시하면 view 코드를 클릭 할 것입니다 이것은 우리의 단어 언론 웹 사이트에 갈 코드입니다 이제는 어떤 웹 사이트에도 넣을 필요가 없습니다 Word Press가 되겠지만, 내가하는 일의 대다수는 워드 프레스에서 우리는 그것을 넣을 것입니다

그래서 우리는 단지 그것을 복사합니다 우리 페이지로 이동하십시오 이제 이것이 커피 쿠튀르 클럽 방문 페이지입니다 이 제안은 회원은 $ 97이고, 그것의 일부가되고 싶지 않다면, 그것은 당신이 그 출구 팝업을 얻을 그래서 우리는 텍스트를 클릭하고 나는 이미 그것을 여기에 넣었고 나는 그것을 다시 넣을 것입니다

그렇게 그리고 그게 당신이해야 할 전부입니다 그래서 당신은 게시물이나 페이지에 넣을 수 있습니다 주로 페이지에 넣을거야 어쩌면 홈페이지에서, 그 종류의 것, 너 내용 바로 안에 넣을 수 있습니다

거기에있는 모든 자바 스크립트를 기반으로 코드와 그것이 무엇인지를 아는 모든 것 해야 할 일, 할 일이있을 때, 그렇게 어디에서해야 할 지 다시 시각적으로 클릭하기 만하면됩니다 거기에있는 두 두 아빠들 작은 자바 스크립트가 있고 그 다음에는 업데이트를 클릭하거나 미리보기를 할 수도 있습니다 먼저 테스트 해보고 싶습니다

그것이 무엇을 할 것인지를 아십시오 따라서 방문 페이지 또는 옵트 인 또는 어쩌면 어떤 페이지로 가든 사람들이 귀하의 메일 링리스트를 선택하도록하십시오 보기 페이지를 클릭하여 확인하십시오 시크릿 창에서 열기를 클릭합니다 이전에 로그인했을 때 x를 클릭했습니다

x를 클릭하면 팝업 창이 표시되지 않습니다 다시 말하지만, 그것은 중요한 점입니다 시크릿 창을 클릭하면 나는 주변을 스크롤하고, 스크롤하며, 내가 그만두고 나올 때 스크롤해서, URL에 올라가 자마자 작은 팝업이 나타났습니다 일단 모든 정보를 입력하면 그 페이지를 주셔서 감사합니다 아직 설정하지 않았지만 아마도 그것을 설정하면 5 달러의 상품권을 얻을 수 있습니다

이 동영상을 시청 해 주셔서 감사합니다 정말 감사 비디오가 마음에 들면 엄지 손가락을 올려주세요 채널을 처음 사용하는 경우 구독 버튼을 클릭합니다 새 동영상이 도착하면 알림을 받게됩니다

채널에서 올라간다 나에 대한 더 많은 정보는 Larrysnowme로 가서 나는 다음 비디오에서 보자

Как создать всплывающее окно WordPress? Плагин всплывающего окна WordPress Popup Builder

안녕하세요 여러분! Alexander Soloviev와 함께이 비디오에서 WordPress (WordPress)에서 팝업 창을 만들기위한 플러그인을 계속 검토하여 팝업을 만듭니다 따라서 테스트 사이트, 로컬 호스팅, 로컬 서버에 있습니다

localhost (localhost) 주소에서 우리 사이트가 마스터입니다 이제 우리는 메인 페이지를 봅니다 우리가 팝업 창으로 작업하기 위해서 우리는 콘솔로 가서이 플러그인을 설치해야합니다 플러그인을 Popup Builder라고합니다 우리가 이미 알고있는 플러그인을 설치하는 방법, 우리는 메뉴 항목 "플러그인"의 왼쪽으로 이동 한 다음 "새로운 플러그인 추가"를 클릭하고 플러그인 검색을 위해 Popup Builder를 작성합니다

Enter를 누르십시오 여기에 플러그인이 있습니다 우리가보기에 높은 평가를 받았기 때문에 설치 했으므로 "설치"버튼이 활성화되어 있지 않습니다 이름을 클릭하면 무엇인지 볼 수 있습니다 여기에 영어로 된 설명이 있습니다

읽을 수 있습니다 설치 방법, 제어판의 스크린 샷,이 플러그인의 설정 패널, 사용법을 읽으십시오 설치를 위해 "설치"버튼을 클릭합니다 이 플러그인에 대한 정보는 wordpressorg 페이지에서도 볼 수 있습니다

하지만 이미 콘솔에서 설치했습니다 그래서,이 플러그인을 사용하기 위해서, 우리는 그것을 활성화시키고, 우리는 그것을 활성화시켜야합니다 가자 "플러그인", 여기에 우리의 플러그인 팝업 빌더 (팝업 빌더), 우리는 "활성화"버튼을 누르십시오 왼쪽에는 Popup Builder 메뉴 항목이 있습니다 이 플러그인이 우리에게 허용하는 것, 여기에 설명에서 보자

플러그인을 사용하면 HTML 코드가있는 팝업 창을 삽입하고 사진과 함께 iframe (팝업 창)을 삽입하고 코드를 삽입하고 효과 및 테마가있는 다른 팝업을 삽입 할 수 있습니다 이미 플러그인 자체에서 더 자세하게 볼 수 있습니다 팝업 창 빌더 자체로 이동해 보겠습니다 여기를 클릭하면 팝업 창의 패널이 보입니다 모든 창문이 여기에 있습니다

첫 번째 설치에서, 위에서 처음으로 우리를 시작할 때 작성자가 지원할 수 있다고 쓰는 녹색 패널이 표시됩니다 플러그인 자체가 지불되었으므로이 빨간색 버튼을 클릭하여 PRO 버전으로 업그레이드 할 수 있습니다 그러나 기능의 무료 버전에서 그는 충분히 있습니다 이 비디오에서는 Popup Builder 플러그인을 사용하여 WordPress 사이트에 로그인 할 때 팝업 창을 만드는 방법을 보여줍니다

Freemius grew WP Popup Maker’s email list by 14K within a few months

WP Popup Maker의 Daniel입니다 WordPress

org의 무료 팝업 플러그인으로 전세계에 약 8 만 명의 사용자가 있습니다 우리는 사람들이 멋진 팝업을 만들 수 있도록 도와줍니다 우리는 지금 6 개월 동안 Freemius를 사용 해왔고, 우리에게 큰 통찰력을주었습니다 왜 사용자가 그것을 사용하고 있는지, 왜 그것을 지키지 않는 사람들이 제거하고 있는지 그것의 우리는 Freemius에 합류 한 이래 14,000 명이 넘는 신규 가입자가 이메일 목록을 관리 할 수있게되었습니다

수익 창출 플랫폼을 사용하여 매출을 두 배 또는 세 배로 늘릴 수 있기를 기대합니다 앞으로 2 년 동안 Freemius 팀은 우리 브랜드와 플랫폼에 절대적으로 환상적이었습니다

Freemius grew WP Popup Maker’s email list by 14K within a few months

WP Popup Maker의 Daniel입니다 WordPress

org의 무료 팝업 플러그인으로 전세계에 약 8 만 명의 사용자가 있습니다 우리는 사람들이 멋진 팝업을 만들 수 있도록 도와줍니다 우리는 지금 6 개월 동안 Freemius를 사용 해왔고, 우리에게 큰 통찰력을주었습니다 왜 사용자가 그것을 사용하고 있는지, 왜 그것을 지키지 않는 사람들이 제거하고 있는지 그것의 우리는 Freemius에 합류 한 이래 14,000 명이 넘는 신규 가입자가 이메일 목록을 관리 할 수있게되었습니다

수익 창출 플랫폼을 사용하여 매출을 두 배 또는 세 배로 늘릴 수 있기를 기대합니다 앞으로 2 년 동안 Freemius 팀은 우리 브랜드와 플랫폼에 절대적으로 환상적이었습니다

15 Add a Getresponse exit popup in WordPress

안녕하세요 환영합니다

마지막 비디오에서 우리가 남은 부분부터 계속하겠습니다 마지막 비디오에서이 종료 팝업을 추가하는 방법을 보았습니다 그래서 누군가가 떠나려고 할 때, 팝업이 나타날 것입니다 그게이 비디오에서 당신이하고 싶은 것입니다 그러나 당신은 WordPress를 위해 그것을하고 싶습니다

그래서 나는 꼬리말에 코드를 추가 할 것이다 그래서 나는이 곳으로 돌아와이 코드를 모두 복사 한 다음 내 워드 프레스로 돌아올 것입니다 목표는 내 바닥 글의 코드를 내 테마의 바닥 글에 추가하는 것입니다 그래서 내가 여기 등장하면 편집장에 들어갈 수 있습니다 그래서 나는 바닥 글, 내 테마 바닥 글을 선택할 수 있습니다

거기에 우리가갑니다 어떤 테마를 사용하든, 마지막 바디 요소까지 스크롤하십시오 마지막 body 요소가 닫힌 곳에서 코드를 추가 할 수 있습니다 그러나 나는 이것을 끝내기 전에 보통 그것을 추가하고 싶다 그래서 거기에 추가 할 것입니다

이 작업을하기 전에 바로 추가 할 수도 있습니다 괜찮아? 그리고 그것은 여전히 ​​효과가있을 것입니다 그래서, 만약 내가 파일을 업데이 트하고 캐시를 삭제하고 내가 여기 와서 그냥하자 이 페이지를 새로 고침하십시오 그리고로드 된 후에는 페이지를 떠나려고하면 갑자기 나타납니다

쪽으로 그리고 내가 페이지를 떠나려고하면 팝업이 나타납니다 그리고 그들은 No Thanks를 클릭 할 수 있습니다 나는 서두르다가 다른 페이지로 간다고 말하게합니다 다른 페이지에도 표시되는지 확인하십시오

그래서 다른 페이지로 간 다음 떠나려고하면 시도해 보겠습니다 이 페이지를 닫으면 나에게 팝업이 나타나는데 그게 내가 원하는거야 당신도 똑같이 할 수 있습니다 너 그냥 여기 올 수있어 코드를 가져 가야합니다

이 필드를 원하지 않더라도 원하는 양식을 디자인하면, 당신은 그것을 제거 할 수 있습니다 대부분의 경우 이메일 주소가 있다면 항상 더 많은 사람들이 구독하게됩니다 그래서 당신이 그것을 원하지 않는다면, 그것을 제거 할 수도 있습니다 그리고 물론, 당신은 그것을 확장해야 할 수도 있습니다, 그렇게 길 수 있습니다 당신은 여기에 와서 다른 형식들에 대해서도 똑같이 할 수 있습니다

다운로드 상자를 원한다면 여기로 와서 양식 생성을 클릭하면됩니다 여기서 작성하는 양식에 대한 코드를 추가하십시오 그래서 다음 비디오에서 내가 할 일은 무엇인가 다운로드 상자로 간단한 데모를 해보 죠 이미 내가 어떻게 당신에게 이것을 보여줬고, 지금 당신이 그것을 당신 자신을 위해 할 수 있기 때문에, 나는 가고있다

어떤 용도로도 서비스를 제공하지 않기 때문에 해당 코드를 제거해야합니다 그래서 저는 여기서 다시 돌아와서 아래로 스크롤 할 것입니다 나는 그걸 지울거야 나는 그것을 필요로하지 않는다 실제로이 파일을 제거한 다음 파일을 업데이트해야합니다

비디오 그래서 다음 비디오에서이 다운로드 상자를 만들고 나서 우리는 위젯 영역에 추가하십시오 그래서 다음 비디오에서 만나겠습니다 혹시 궁금한 점이 있으면 알려 주시기 바랍니다 연락하여 문제가 무엇인지 알려주세요

나에게 도움이 필요하면 페이스 북 그룹에 가서 질문을 할 수도있다

How to Easily Create Landing Pages in WordPress: No Developer or Paid Subscription Service Required

[음악] 방문 페이지는 전환을 목적으로 고유하게 디자인 된 방문 페이지입니다 방문자

이제 디자이너로서, 당신은 자신과 같은 페이지를 설계 할 수있는 능력 이상입니다 하지만 그들을 지어서 빨리 살리시겠습니까? 글쎄, 그 중 하나는 웹 개발자가, 누가 그 또는 그녀가 다음에 무료로 할거야, 또는 유료 구독 서비스 하지만 문제는 비 코더 (non-coder) 라 할지라도 이러한 방문 페이지를 빠르게 만들 수 있습니다 여러 프로젝트에서조차도 반복해서 롤아웃하십시오 개발자가 필요없고 유료 서비스가 필요 없습니다

내 이름은 Dave Foy 야 들어가서 보여 줄게 방문 페이지는 방문자를 리드 또는 판매로 전환하도록 설계되었습니다 그들은 종종 리드 마그넷 인 오퍼의 이점을 판매합니다 단지 이메일 주소 대신 무료로 제공된다는 의미입니다

이제 그들은 일반적으로 클라이언트의 웹 사이트 테마의 나머지 부분과는 다른 디자인입니다 종종 로고가없고, 탐색도없고, 다른 레이아웃이 있습니다 아이디어는 모든 산만 함을 제거하고 방문자를 데리고 오는 데 100 % 집중하는 것입니다 하나의 행동 이제는 개발자를 고용하여 빌드 할 수 있지만 개발자가 기다리는 경우가 종종 있습니다

속도는 실제로 착륙 페이지가있는 본질입니다 고객이 가능한 빨리 제안을 테스트하려고 할 때를 알 수 있습니다 LeadPages, ClickFunnels 또는 Instapage와 같은 월간 가입 서비스를 이용할 수 있습니다 이러한 서비스를 통해 코드 지식없이 방문 페이지를 만들 수 있습니다 기본적으로 비 기술자를 위해 드래그 앤 드롭하십시오

하지만 핵심 기능은 근본적으로 멋지게 디자인 된 방문 페이지를 만들고, 리드하고 전자 메일 공급자에게 보내십시오 디자이너로서, 필자는 비용 부담이 크다고 말할 수 있습니다 자신 만의 제품을 만들면 전체 디자인 컨트롤을 유지할 수 있습니다 원하는대로 정확하게 디자인 할 수 있습니다 여기 내 방문 페이지 세 가지 예가 있습니다

우리가 말하는거야 첫 번째 방법은 여기에 빌드하는 방법을 보여 드리겠습니다 그것은 리드 자석, 전자 메일 주소 대신 교환 해주는 공짜 물건입니다 이 페이지는 빌드하는데 약 10 분이 걸렸습니다 그리고 제가 여러분에게 보여줄 방법으로, 그것을 템플릿으로 저장할 수 있기 때문에 사용할 수 있습니다

한 번 클릭으로 여러 번 가져올 수 있습니다 여기에 이메일 주소 캡처를위한 팝업이 있습니다 두 번째 방문 페이지는 웹 세미나 등록을위한 것입니다 하지만 완전히 다른 종류의 방문 페이지입니다 그리고 세 번째는 대안의 리드 자석 방문 페이지입니다

약 5 분 당신이 나의 정확한 템플렛을 원하는 경우에,이 정확한 템플렛은 당신의 자신의 프로젝트로 수입하고, 여기에 잠시 들러서 잠시 동안 그걸 어떻게 얻을 수 있는지 알려 드리겠습니다 이 페이지를 디자인 할 때 영감을 얻고 싶다면 Google에서 '방문 페이지 예시'를 검색하면됩니다 여기에 우리가 사용할 도구가 있습니다 각 동영상에 대한 설명에 링크를 통해 확인할 수 있습니다

첫 번째는 WordPress입니다 원하는 WordPress 테마를 사용할 수 있습니다 이제는 GeneratePress를 사용하고 100 % 권장합니다 내가 왜 그렇게 생각하는지 쓴 기사에 대한 설명에 링크가 있습니다 비 코더 디자이너를위한 최고의 테마

그러나 실제로이 목적을 위해 모든 주제가 할 것입니다 Elementor 페이지 빌더 플러그인이 필요합니다 무료이며, 무료로 얻을 수있는 것은 어쨌든 놀라운 것입니다 이 튜토리얼에서는 유료 'Pro'버전의 몇 가지 기능을 사용하지만 어쨌든 두 기능 모두 무료 대안 우리는 팝업에 무료 Popup Maker를 사용할 것이고, 우리는 화려한 Zapier를 사용할 것입니다

이 모든 것을이 모든 이메일 서비스에 연결하는 타사 서비스 Elementor가 원하는 이메일 주소로 가입을 보내도록 할 수는 있지만, 아마 전용 전자 우편 매매 서비스에 이것을 연결하고 싶다 이제이 동영상에서 리드 자석 유형 방문 페이지를 만드는 방법을 보여 드리겠습니다 하지만 나중에 나에게도 보너스 비디오 튜토리얼을 얻는 방법을 보여줄 것입니다 하나는 원할 경우 다른 인기있는 이메일 가입 방법을 만드는 방법을 보여줍니다

소위 내용 향상 실제로 내 사이트에 게시하는 모든 게시물에 콘텐츠 업그레이드 방법을 사용하고 그것은 정말 잘 작동합니다 그래서 주위에 놀아 라 그러면 나는 그것을 당신에게 줄 것이다 다음은 프로세스의 개요입니다

먼저 Elementor 페이지 빌더를 사용하여 방문 페이지를 만듭니다 그런 다음 가입 양식을 추가하겠습니다 그런 다음 전자 메일 공급자에게 양식을 전달해야합니다 마지막으로, 그 안에 폼이있는 팝업을 만드는 방법을 보여 드리겠습니다 그래서 저는 WordPress에 새로운 페이지를 만들었습니다

나는 그저 상당히 매력적인 제목을주었습니다 제목은 검색 결과와 같이 표시되며 사람들이 페이지를 공유 할 때 표시됩니다 소셜 미디어도 마찬가지입니다 실제로이 페이지를 초안으로 저장 한 다음 여기에서 미리 보았습니다 그리고 기본적으로 당신은 꽤 많은 혼란을 보게됩니다

이것은 내 사이트의 헤더입니다 특수 효과 유형과 사이트 제목이있는 것은 내 사이트의 꼬리말입니다 이것은 매우 표준적인 기본값이므로 GeneratePress 테마를 사용하고 있습니다 우리는 방문 페이지를 위해 모든 것을 없애기를 원합니다 빈 캔버스가 필요합니다

GeneratePress에서는 원하는 요소를 거의 사용하지 않도록 설정할 수 있습니다 나는 우승을 차지할 수있다, 나는이 박스들을 똑딱 거리면서 타이틀을 없앨 수있다 하지만 실제로 어떤 테마를 사용하는지는 중요하지 않습니다 우리가 할 일은, 'Edit Elementor'를 클릭하기 만하면됩니다 Elementor가 있어야합니다

물론 플러그인이 설치되어 있습니다 여기에 새로운 기능이 있습니다 상단의 메뉴를 클릭 한 다음 '페이지 설정'으로 이동하십시오 여기에서 실제로 Elementor Canvas라는 Elementor 템플릿을 설정할 수 있습니다 'Elementor Canvas'를 선택하면 완전히 비어있는 페이지가 나타납니다

그래서 우리는 완전히 공백 인 출발점을 얻었습니다 그래서 우리가 제일 먼저하고 싶은 것은 상단을 가로 지르는 스트립을 만드는 것입니다 그래서 나는 새로운 섹션을 추가 할 것이고 그것은 단지 하나의 컬럼 섹션이 될 것입니다 Elementor의 섹션, 섹션, 특히 여기에 캔버스 템플릿이있는 경우 섹션은 페이지의 전체 너비에 걸쳐 확장됩니다 줄곧 왼쪽과 오른쪽

여기에이 효과가 나타납니다 여기서 섹션을 클릭하면 '스타일'과 '배경'으로 이동하면됩니다 이미 내 색 팔레트에 들어있는 배경색을 고를거야 그러면 섹션 자체가 펼쳐질 수 있습니다 이것이 전체 효과를 얻는 방법입니다

그리고 여기에 기둥이 있습니다 '레이아웃'섹션으로 이동하면 콘텐츠의 너비를 박스로 설정했습니다 따라서이 열은 내 Elementor 설정에서 설정 한 내용 너비로 유지됩니다 기본 설정 패널 너는 그것을 너비로 설정하기를 원한다면 그럴 수있다 가장자리 자체에 있지만 열이 박스가되기를 원합니다

따라서 섹션은 전체 너비이지만 열은 박스형입니다 다음으로하고 싶은 일은 내 로고 이미지입니다 나는이 로고를 원한다고 결정했다 이것은 제가 원했던 로고입니다 그냥 그 미디어를 넣으십시오

그러면 그 로고를 왼쪽으로 정렬하고 싶습니다 어쨌든 전체 크기의 이미지를 갖습니다 그래서 그 아래에 약간의 텍스트를 추가하고 싶습니다 나는 실제로 'Heading'위젯을 여기에서 사용하기 때문에 그냥 끌어다 놓습니다 그리고 내 태그 라인 '도움이 아닌 코더 그래픽 디자이너는 더 나은 웹 사이트를 구축'

이제 기본 텍스트 색상이 검은 색이기 때문에 볼 수 없다는 것을 알게 될 것입니다 많이 그리고 이것은 검은 배경이다 이제 우리는 머리글에서 스타일로 가서 텍스트 색상 만 변경하면됩니다 스타일의, 괜찮아요 당신이 할 수있는 그게 아무 문제가 아니지만 내가 실제로 마치 내가이 스트립의 모든 텍스트가 필요한 곳이 있다면 기본적으로 흰색이되도록 재정의 할 수 있습니다 실제로 섹션 자체에 설정을 지정하는 것을 선호합니다

가능한 경우 스타일링을 최대한 높게 설정하십시오 따라서 각 위젯보다는 섹션에서 설정하십시오 여기서 '스타일'로 이동하십시오이 스타일은 타이포그래피이며, 제목 색상을 흰색으로 설정합니다 이제 기본적으로 꽤 큽니다

나는 이것을 실제로 H2로 삼기를 원하지 않는다 단지 표준 단락으로 원한다 단락으로 변경하면이 부분에 약간의 타이포그래피가 변경됩니다 게다가 맞춰 보자, 14

여기서 화살표 키를 사용하면 위아래로 이동할 수 있으므로 여기에 그대로 두겠습니다 우리는 그것을 조정할 수, 우리는 색상을 변경할 수 있습니다 두 위젯 사이에 헤더와 헤더 사이에 미안하다는 것을 알 수 있습니다 이미지와 제목, 우리는 여기에 차이가 있습니다 실제로는 20 픽셀입니다

엘리멘터는 기본적으로 도움이되도록 노력하고 일종의 표준적이고 일관된 간격을 지정합니다 귀하의 위젯 사이 그러나 지금은 실제로 이것들을 조금 더 가깝게 선호합니다 이제 이것을 처리하는 다양한 방법이 있습니다 이번에는 로고 이미지의 '고급'탭으로 이동합니다

같은 여백을 추가하고 싶지 않으므로 여백 값의 연결을 해제하겠습니다 위쪽, 오른쪽, 아래쪽 및 왼쪽 그래서 그것들을 연결 해제 할 것입니다 그리고 내가 할 일은 부정적인 마진입니다 마진에 마이너스 수치

당신은 내가 그것을 옮길 수있는 긍정적 인 마진을 두지 만 네거티브를 사용한다면 마진을 좀 높여야 겠어 그래서 제가 제안 할 것은 Elementor에서 무엇을한다면 당신은 빨리 그리고 나서 그것을 저장하는 것입니다 실제로 다른 페이지의 이전 페이지를 다른 탭에서 열어서 새로 고칩니다 그 그리고 우리는 그 순간에 괜찮습니다

내 생각에 우리는 위아래로 약간의 패딩으로 할 수 있다고 생각합니다 그래서 섹션으로 가서 섹션의 '고급'설정에 대해 살펴 보겠습니다 이제 다시 위와 아래 패딩을 사용하지 않기 때문에이 값들의 연결을 해제해야합니다 오른쪽과 왼쪽에도 추가해야합니다 나는 그 사람들이 똑같이 지내길 바란다

이제 30 개의 맨 아래 30 개를 추가합시다 그건 괜찮을거야 빨리 저장하십시오 이제 내가하는 것처럼 실제로 전환 탭을 유지할 필요가 없습니다 실제로 작은 패널을 가지고있어 미리보기를 빠르게 할 수 있습니다

엘리멘터의 편집 화면에서 보시는 내용이 때로는 정확하지 않을 수도 있습니다 라이브 페이지 바로 가기도 있습니다 Mac에서는 CMD + P입니다 그리고 나는 그것이 PC에서 CTRL + P가 될 것이라고 기대한다

그게 내게 너무 심한 패딩이야 그래서 그걸로 바꿀거야 그곳에 다시 똑같아 다시 봐 괜찮아 보인다

내가 네게 구하기를 요구하는 이유, 또는 구원을 몇 번이고 다시 당신이 아무것도 바꾸는 이유는 Elementor에서 메뉴를 다시 클릭하면 수정 내역을 얻었습니다 그래서 우리는 여기서 모든 것을 볼 수 있습니다 모든 다른 버전들 우리가 가진이 페이지의 좋아, 우리는 지금까지 그 비트를 얻었다 내가 또한 제안하는 것은 당신이이 모습을 확인하는 습관을 갖게된다는 것입니다 모바일처럼

새 섹션을 추가 할 때마다 모바일에서 확인하십시오 정말 쉽습니다 반응 형 모드를 클릭하십시오 지금은 데스크탑입니다 하지만 태블릿보기를 클릭하면 태블릿보기가 나타납니다

나에게는 이미 명백한 문제가있다 태블릿을 중심으로하고 싶습니다 모바일을 중심으로하고 싶습니다 따라서 여기에있는 내용 탭으로 돌아 가면 우리는 '정렬'이 왼쪽, 가운데, 오른쪽 및 양쪽 맞춤을 가지고 있음을 볼 수 있습니다

현재이 모바일 아이콘은 강조 표시되어 있으므로 실제로 모바일에 있습니다 우리가 잠깐 데스크톱으로 돌아 간다면 데스크톱에서는 괜찮아 보입니다 이것을 클릭하면 이제 다른 두 개의 아이콘이 나타납니다 Tablet을 클릭하십시오 이제 태블릿을 사용하여 이제 태블릿을 가운데로 변경할 수 있습니다

타블렛에서 이제 센터 될 것입니다 이제 Elementor가 작동하는 방식은 응답 설정의 스타일 설정, 데스크톱이나 태블릿에서 더 큰 화면으로 설정하는 스타일 설정, 그들은 또한 더 작은 스크린에 이르기까지 캐스케이드 (cascade)의 일종이다 따라서 태블릿에서 센터를 설정하면 지금 모바일로 이동하면 모바일에도 집중됩니다 데스크톱에서 설정 한 모든 항목은 태블릿 및 모바일에 저장됩니다 태블릿에 설정된 항목도 휴대 기기에 표시됩니다

좋아, 다음 패널을 보자 그래서 다음 패널에서 다시 새로운 섹션을 추가하고 싶습니다 이제 이것을 위해서 나는 2 개의 기둥이 필요하다는 것을 압니다 그래서 괜찮습니다 여기에 새로운 섹션이 있습니다

2 열이 있고 디자인에 배경색도 있었으니 가볼 게요 'Style'> 'Background'로 바꾸면 아주 미묘한 회색처럼 보일 것입니다 그리고 그것을 저장하십시오 나는 내가해야할 일이 이미 필요하다는 것을 알기 때문에 내가 지금 할 일은 이미 약간의 패딩을 넣었다고 생각한다 여기서는이 섹션의 패딩을 연결 해제하겠습니다

이번에는 조금 더 가자 따라서 상단 30 개, 하단 30 개 이제 우리는 여기에서 어떤 내용을 드래그해야합니다 그래서 나는 내 머리글을 드래그 할 것입니다 이것을 페이지의 첫 번째 제목이기 때문에 H1로 변경하십시오

Elementor의 아름다움은 어쨌든 기본 텍스트를 얻는 것입니다 따라서 실제 사본을 넣을 라운드가 없다면, 작업 '텍스트 에디터'로 돌아와 거기에 텍스트를 넣으십시오 그리고 마지막으로 할 일은 저의 이미지를 거기에 떨어 뜨리는 것입니다 그래서 이걸이 두 번째 열로 끌고 올거야

나는 이것을 사용하는 이미지를 찾을 것입니다 그리고 나서해야 할 다른 일은이 시점에서 실제로 제 제목으로 복사하십시오 이제 내 눈을 조금 비좁은 것 같습니다 그것은 단지 작은 선도로 할 수 있습니다 그래서 우리가 다시 '스타일'로 돌아 가면

타이포그래피를 그려 보시면 여기에 줄 높이 설정이 있습니다 그래서 저는 화살표 키를 사용할 것입니다 원하는 경우 상자에 직접 입력 할 수 있지만 그때까지 조금 더 추가 할 것입니다 괜찮아 보이는 군 내 눈에는 괜찮아 보인다

여기에도 텍스트 블록을 클릭 할 것입니다 그런 다음 페이지를 다시 저장하십시오 그런 다음 '미리보기'를 사용하여 그 모습을 확인하십시오 그것은 실제로 나에게 나쁘지 않게 보입니다 그리고 제가 여기서 할 수있는 유일한 것은 어쩌면 가져올 수도

우리가 할 수있는 두 가지 일이 있습니다 나는 우리가 이미지를 조금이라도 가져올 수 있다고 생각했다 원한다면 실제로 그렇게하는 법을 보여 드리겠습니다

우리가 여기있는 동안 보여 드리겠습니다 거기에 전체 이미지를 만들어 보겠습니다 '고급'으로 이동합니다 모든 여백을 연결 해제하십시오 그리고 음의 상단 여백을 추가 할 수 있습니다

음의 위쪽 여백을 추가하면 실제로 그런 효과가 나타납니다 그것이 우리가 할 수있는 한 가지입니다 나는 그걸 없애 버릴거야 여기서도 할 수있는 또 다른 사항은 '섹션'설정으로 갈 수 있다는 것입니다 따라서이 내용은이 섹션의 모든 내용에 적용됩니다

그리고이 콘텐츠 위치는 중간으로 변경할 수 있습니다 이제 모든 것이 정확히 중간에 놓입니다 이것은 중간에 있습니다 이것은 중간에 있습니다 그리고 우리가 그걸 보았다면 괜찮아 보입니다

그렇게 나쁘지는 않습니다 이제 다음 부분에서 우리가 흰색 섹션을 가지고 있지만 우리가 실제로 여기에있는 한 열에있는이 텍스트 블록을 얻었습니다 그 밑에 우리는 3 개의 기둥이 있고 실제로 그 밑에는 다른 기둥이 있습니다 단추가 가운데에 놓인 1 열 그래서 우리는 실제로 흰색 배경을 가진 하나의 섹션을 가지고 있습니다 흰색 배경 섹션에는 여러 행의 열이 서로 겹쳐져 있습니다

각 행에는 다른 수의 열이 있습니다 다시 '편집'화면으로 돌아가 보겠습니다 여기에서 '새 섹션 추가'를 클릭하면 실제로 한 행에 갇혀있는 것을 알 수 있습니다 선택한 열의 수만 있으면됩니다 하나의 열, 2 열, 3 열

하지만 방금 본 복잡한 레이아웃을 원한다면 어떨까요? 여기에 프로 팁이 있습니다 '새 섹션 추가'를 클릭하지 마십시오 대신 열 위젯을 여기로 드래그하십시오 이제 당신이 한 것은 실제로 부모 섹션, 즉 부모 섹션 흰색의 배경색이있는 것입니다 전체를 포함하는 섹션을 포함하는 섹션입니다

우리가 방금 본 다른 열의 행 그리고 그 안에는 기본적으로 2 개의 열을 포함하는 중첩 된 섹션이 있습니다 열 위젯은 시작하는 데 2 ​​개의 열을 제공합니다 음, 먼저 둘러싸는 부모 섹션에 흰색 배경을 추가해 보겠습니다 그리고 거기에 약간의 위쪽 및 아래쪽 패딩이 나타납니다

이제 열 위젯을이 상위 섹션으로 드래그하십시오 그러면 2 열의 다른 행이 생기므로 실제로는 3 열 행이됩니다 하지만 지금은 2로 설정합니다 그리고 한 번 더 해보 죠 열 위젯을 2 열의 다른 행으로 드래그합니다

그래서 그들은 모두 부모 섹션 안에 있습니다 지금 당연히 우리는 정확한 수를 얻기 위해 2 열로 각각 3 행을 원하지 않았습니다 각 행의 열은 여기에있는 열을 클릭하기 만하면됩니다 이제 첫 번째 행에 1 개의 열이 있습니다 그런 다음이 행의 열 머리글을 클릭하고 이번에는 열을 추가하십시오

이제이 행에 3 개의 열이 있습니다 그리고 마침내 첫 번째 행에 대해했던 것을 반복하십시오 열을 삭제하면됩니다 이제 우리는 우리의 콘텐츠를 추가 할 수 있습니다 먼저 '제목'과 '텍스트'를 드래그하십시오

나는 라인 길이에 너무 열중하지 않기 때문에 오른쪽 패딩의 덩어리를 추가 할 것이다 여기 텍스트 위젯에 데스크톱 크기 화면에서는 실제로 '태블릿'을 클릭하기 만하면됩니다 태블릿에서 패딩을 0으로 재설정합니다 앞서 설명한 것처럼 모바일은 태블릿 설정을 자동으로 가져옵니다

그리고 어쨌든 모바일에서 다른 무언가로 무효화 할 수 있습니다 이제 '제목'을 드래그하십시오 그리고이 표제는 H2 였고 이것들이 H2의 하위 표제라고 주장 할 수 있습니다 이들은 H3s가 될 것입니다 여기에있는 텍스트를 보면, 나는 여기의 제목 아래에있는 격차에 열중하지 않는다

따라서 우리의 부정적인 점을 이용하자 그 밑에있는 것들을 조금 더 가까이 당기려면 헤딩에 마진 트릭을하십시오 이것을 처리하는 다른 방법이 있지만이 비디오의 목적을 위해 가장 빠릅니다 이제 우리는 그 열을 복제하고 다시 복제 할 수 있습니다 그리고 실제로 우리는 다른 컬럼을 없앨 것입니다

우리는 단지 그것들을 삭제할 것입니다 그래서 우리는 거기에 3 개의 컬럼을 갖습니다 이제는이 특정 섹션의 텍스트를 변경하는 것을 건너 뛸 것입니다 지금 생각 이제 저장 한 다음 미리보기를 확인하여 모양이 어떻게 보이는지 봅시다

나는 그걸로 꽤 행복하다 이제 여기에 버튼이 없으며 헤더에도 없습니다 나는 잊지 않았다 잠시 후에 버튼을 보여 드리 겠지만, 지금은이 열을 빈 상태로두고 준비 할 것입니다 우리가 그것을 얻었을 때 그것을 위해

이제 우리는 가입 양식을 만들어야합니다 나는 개인적으로 팝업 양식을 선호한다 나는 그것이 더 깨끗하다고 ​​생각한다 그리고 나는 그것이 형식에 직접적으로 가지고있는 것보다 잘 개종한다고 생각한다 페이지도

그리고 어쨌든 모든 차가운 아이는 요즈음 팝업에있는 그들의 모양이있다 그래서 우리는 또한 할 것이다 하지만 어쨌든 먼저 양식을 작성해야하므로 지금 당장 페이지에 붙여 봅시다 만든 후에 템플릿으로 저장하여 파일에 팝업 Elementor Pro에서만 사용할 수있는 Elementor Forms 위젯을 사용하고 있습니다 Contact Form 7이나 Gravity Forms와 같은 것을 사용할 수 있습니다

팝업과 함께 가고 싶다면 팝업에 넣을 짧은 코드를 제공하는 모든 것 방법 먼저 양식 위젯을 드래그합니다 '이름'과 '이메일'은 나에게 가장 잘 맞지만 '이메일'입력란 만 원할 수도 있습니다 양식에 이름을 지정하십시오 메시지 필드를 삭제합니다

이 양식에는 메시지 필드가 필요 없습니다 이름 – 텍스트 필드로 두십시오 레이블과 자리 표시자를 '귀하의 이름'으로 변경합니다 '필수'로 설정하면 '아니오'로 설정됩니다 우리는 이름을 밝히지 않는 사람들을 막고 싶지 않습니다

이 필드의 열 너비는 100 %로 두겠습니다 그냥 그것이있는 열만큼 넓습니다 하지만 50 %로 설정할 수 있습니다 그리고 전자 메일 필드를 50 %로 설정하면 전자 메일 필드를 나란히 배치합니다 이메일은 '이메일'입력란으로 두십시오

'귀하의 이메일 주소'로 변경하십시오 레이블과 자리 표시 자에 있습니다 필수 이메일은 '예'입니다 입력 크기는 Medium이 좋다고 생각합니다 레이블, 우리는 이것을 숨길 것입니다

그것은 깔끔하게 보입니다 엘리멘터 (Elementor)는이 사실을 실제로 훌륭하게 처리합니다 따라서 페이지의 라벨을 볼 수는 없지만 실제로는 코드를 작성하여 양식에 잘 액세스 할 수 있도록하십시오 제출 버튼, 텍스트를 클릭하여 돋보이는 것으로 바꾸십시오 제안에

크기, 필드와 일치하도록 '보통'으로 설정합니다 정렬 우리는 정당화 된 것으로 설정하여 사용 가능한 전체 너비로 만듭니다 아이콘, 더 이상 신경 쓰지 않아 작은 화면에서 약간 이상하게 보일 수 있기 때문에 단추 이메일 및 옵션에서

여기서 양식 제출 알림 이메일이 전송되는 위치를 설정합니다 당신은 우리가 올 전자 마케팅 제공자에게 보내야 할 것이지만, 지금 당신이 필요로하는 것만으로 이것들을 설정하십시오 곧 이메일 마케팅 서비스에 연결하는 방법을 설명하겠습니다 실제로 '페이지 URL'을 메타 데이터에 남겨 두는 것이 좋습니다 그렇게하면 알림 이메일을 보내면 양식을 보낸 페이지를 알 수 있습니다

사이트의 여러 페이지에서 귀하의 웹 사이트를 가져왔다면 편리합니다 리디렉션 대상 :이 URL은 사용자가 서명 한 후 '감사'페이지의 URL을 설정합니다 쪽으로 가서 사이트에 감사 페이지를 만들고 URL을 붙인 다음 붙여 넣기하십시오 여기

webhook URL, 이제 실제로 이것은 연결하는 측면에서 마술이 일어나는 곳입니다 양식을 고객의 이메일 마케팅 서비스에 제출하십시오 그러나 내가 말했듯이 우리는 그걸로 조금 돌아올거야 이제 스타일 탭으로 이동하십시오 버튼 색상을 좀 더 눈길을 끄는 듯이 바꿀 것입니다

타이포그래피도 터치 그 후 기본 페이지 레이아웃이 완료됩니다 방문 페이지의 마지막 섹션을 놓친 것입니다 이 동영상을 적절한 길이로 유지합니다 앞서 언급 한 것처럼이 양식을 MailChimp와 같은 고객의 이메일 제공 업체에 연결해야합니다

활성 캠페인 또는 물집 또는 ​​다른 서비스 누군가가 양식을 채울 때 세부 정보가 해당 서비스로 전달됩니다 자동으로 이제 내가 당신에게 권하고 싶은 것은 Chris Moore의 사이트 인 'Fire Up Your 온라인 비즈니스 ' 그는 무료 튜토리얼 비디오를 통해 얼마나 쉽게 연결되는지 보여줍니다 Zapier를 사용하는 이메일 마케팅 서비스까지 엘리멘 타스의 양식

좋아, 마지막 비트 우리는 이제 팝업이 일어나도록해야합니다 나는 이것을 위해 무료 Popup Maker 플러그인을 사용할 것이다 이미 플러그인을 설치했습니다 설명에 링크가 있거나 WordPress 관리자 패널에 링크가 있습니다

'플러그인 추가'로 이동 한 후 검색하십시오 첫 번째 작업은 팝업 자체를 만듭니다 그건 Popup Maker와 'Add Popup'에 있습니다 팝업 이름은 참고 용일뿐입니다 여기에 팝업 제목을 입력하십시오

이것은 팝업 자체에 헤드 라인으로 나타납니다 테마 – '라이트 박스'가 마음에 들어요 이 페이지에는 다른 스타일이 많이 나와 있지만 게임을 할 수있게 해 줄 것입니다 그들 자신과 팝업 인트로 텍스트 필드는 제안을 잠시 반복하는 곳입니다

이 시점에서 팝업을 게시 해 봅시다 우리는 여전히 폼을 추가하여 폼을 템플릿으로 저장해야합니다 해당 템플릿에 대한 단축 코드를 가져 와서 팝업 자체에 배치하십시오 이제 가자 양식을 저장하려면 우리가 작성한 양식이있는 Elementor 페이지로 다시 건너 뜁니다

일찍이 서식을 템플릿으로 저장하고 실제로는 특별한 종류의 템플릿입니다 우리는 양식 위젯 자체를 저장하고 있으며 실제로 우리가 할 수있는 전역 위젯을 저장하고 있습니다 아무 데나 저장하십시오 그 위에 마우스를 올려 놓습니다

'저장'아이콘을 클릭하십시오 이름을 지정하십시오 글로벌 위젯은 Pro 버전의 또 다른 기능입니다 Elementor 무료 버전에서는 전체 섹션을 템플릿으로 저장할 수 있지만이 목적은 여기에 있습니다

깨끗하지는 않습니다 무료 버전을 계속 사용하려면 템플릿을 직접 만들 수 있습니다 WordPress 관리자 패널 'Elementor> My Library'로 이동하면 새 템플릿을 만들 수 있습니다 그리고 그 템플릿은 하나의 섹션을 포함 할 수 있습니다

형태 그래서 이것이 다른 방법입니다하지만 Pro 버전을 사용하고 있다면 글로벌 위젯이라고 생각합니다 최선의 방법입니다 이제 Elementor와 My Library로갑니다

이제 Pro 버전을 사용하면 방금 만든 위젯의 단축 코드가 표시됩니다 여기에 저장되었습니다 프로가 없다면 AnyWhere Elementor라는 훌륭한 무료 플러그인이 있습니다 유사한 기능 다시 팝업으로 돌아가십시오

그 짧은 코드를 팝업 컨텐츠에 붙여 넣으십시오 그런데 여기서 조건 패널을 사용해야합니다 실제로 페이지가 아닌 다른 페이지에 나타나는 팝업 코드를 제한해야합니다 팝업을 사용하고 싶습니다 이렇게하지 않으면이 페이지가 표시되는 페이지를 제한하지 않으면이 코드가 특정 팝업, 실제로 소스 코드에있을 것입니다

페이지에 불필요한 가중치를 추가하는 사이트의 페이지 이제 '선택 조건', 선택된 페이지로 이동합니다 이 팝업을 사용하고있는 페이지의 이름을 입력하고 선택하십시오 그런 다음 팝업을 다시 업데이트해야합니다 이제는 그 형식의 팝업입니다 이제 실제 팝업이 방문 페이지 자체에서 발생하도록해야합니다

그래서 모든 팝업으로 돌아 가라 이제 CSS 클래스에서 첫 번째 비트를 복사해야합니다 그들은 당신에게 2 가지 중 하나를 선택할 수있게 해주 며 실제로 팝업 설정에서 더 많이 추가 할 수 있습니다 사용자 지정 트리거는 원하는 대상을 지정할 수 있지만 여기서는 필요하지 않습니다 거의 도착 페이지로 돌아갑니다 양식을 전역 위젯으로 저장했기 때문에 양식을 삭제할 수 있습니다

팝업에서 우리는 더 이상 여기에 페이지가 필요하지 않습니다 버튼 위젯에서 드래그하십시오 그러나이 버튼을 클릭했을 때 팝업이 나타나게하려면 스타일을 지정하십시오 버튼에 대한 고급 설정으로 이동해야합니다 CSS 클래스를 찾으십시오

그리고 지금하는 모든 팝업 페이지에서 복사 한 CSS 클래스에 붙여 넣기 만하면됩니다 페이지에서 테스트 해보기 숨 참 으세요 손가락과 다른 모든 것은 건넜다 그리고 양식이있는 팝업이 있어야합니다

그런데 앞으로이 양식을 편집하려면 글로벌 위젯이 실제로는 아닙니다 다른 템플릿과 달리 Elementor My Library 영역에서 편집 할 수 있습니다 하지만 당신이하는 일은 일시적으로 페이지에 다시 놓는 것뿐입니다 일단 편집했으면 페이지에서 다시 삭제하십시오 내가 말했듯이 라이브러리 템플릿을 대신 사용하면 문제가되지 않습니다

이것이 방문 페이지입니다 그것을위한 뒤의 방대한 두껍게 잘 했어! 이 방문 페이지를 여기 템플릿으로 저장하는 것을 잊지 마세요 가져 오기 만하면됩니다 미래에 어떤 프로젝트로든 반복해서 참여할 수 있습니다

시간 내 주셔서 감사 드리며 두 가지 무료 보너스를드립니다 첫 번째는 이전에 내가 보여준 3 Elementor 방문 페이지 템플릿입니다 자신의 프로젝트로 가져 오기 또한 콘텐츠 업그레이드 방법을 보여주는 보너스 비디오를 보내드립니다 이것은 가입 메커니즘이 별도의 블로그 게시물이 아닌 블로그 게시물에 직접있는 부분입니다

방문 페이지 이들은 정말 잘 변환하고 고객과 함께 테스트 가치가 있습니다 designbuildwebco/landing-pages/로 갑자기 나타납니다 보너스를 보낼 곳을 알려주는 상자가 있습니다

실제로 이는 실제 콘텐츠 업그레이드의 예입니다 이 비디오가 마음에 들면, 비디오처럼 댓글을 남기고 구독하기 만하면 좋을 것입니다 내 채널에 내 이메일 구독자는 내 최고의 모든 것을 얻습니다 그래서 designbuildweb

co에 가입하십시오 고맙습니다 [음악]

Exit Intent Pop-Ups In WordPress: How to Add Sumo Pop-Up FREE Plugin

WordPress의 출구 인 텐트 팝업은 매우 인기가 있으며 이유가 있습니다 수신 거부 양식을 선택하면 이메일 목록을 늘리고 방문자를 떠날 수 있습니다

평생 고객에게 그러나 나가는 많은 출구 의도 솔루션으로 WordPress 플러그인을 사용해야합니까? 안녕하세요, 저는 ThemeIslecom의 Robert입니다이 비디오에서 어떻게 일어나는지보실 수 있습니다 인상적인 opt-in form builder로 실행됩니다

Sumo는 무료 WordPress 플러그인으로 WordPress 대시 보드에 바로 설치하여 활성화 할 수 있습니다 WordPress 저장소에서 이 비디오에서 우리가 목표로하는 최종 효과는 다음과 같습니다 예산 범위 내에서 작업하는 경우 자유 출구가 필요할 수 있습니다 의도 솔루션

다행스럽게도 Sumo에는 List Builder 3이라는 무료 앱이 있습니다이 앱을 사용하면 WordPress의 아름다운 종료 의도 팝업 첫 번째 단계는 스모 계정을 만드는 것입니다 이것은 빠르고, 쉽고 무료입니다 Sumo에 등록한 후 'Install Sumo'링크를 클릭하십시오

그러면 WordPress 웹 사이트의 대시 보드로 이동합니다 거기에 표준 WordPress 플러그인 설치 패널이 표시됩니다 '지금 설치'를 클릭 한 다음 '활성화'를 클릭하여 웹 사이트에 스모 플러그인을 설치하십시오 그런 다음 WordPress 메뉴에서 'Sumo'를 선택하십시오 '연결'을 클릭하고 로그인 세부 정보를 입력하십시오

일단 Sumo가 WordPress 웹 사이트에 설치되면 이탈 의도 팝업을 만드는 것은 매우 쉽습니다 방법 WordPress 메뉴에서 'Sumo> 대시 보드'를 선택한 다음 '내 애플리케이션'을 클릭하십시오 Sumo는 이제 귀하의 Sumo에 액세스하고 관리 할 수있는 'Sumo Home'을 표시합니다 앱

Sumo는 다양한 앱을 제공하지만 종료 의도 팝업을 설정하려면 순서를 바꾸기 만하면됩니다 '목록 작성기'앱을 '사용'으로 설정합니다 활성화가되면 목록 작성기 아이콘을 클릭하여 응용 프로그램을 엽니 다 목록 작성기 앱에서 '새 양식 작성'을 선택하십시오 스모가 6 단계로 나가기 팝업창을 만드는 과정을 안내합니다

단계 1 단계는 출구 팝업에 대한 목표를 선택하는 것입니다 선택할 수있는 네 가지 목표가 있습니다 전자 메일 수집 작업 호출 추가 소셜 공유를 얻으려면 맞춤 코드로 정보 수집 이 비디오의 목적을 위해, 저는 첫 번째 것을 선택했습니다; '이메일 수집' 2 단계는 Sumo가 제공하는 다양한 이메일 캡처 양식 유형을 표시합니다

출구 인 텐트 팝업을 만들려면 '팝업'을 선택해야합니다 여기에서 팝업 디자인을 선택할 수 있습니다 Sumo는 다양한 디자인과 사용자 정의 옵션을 제공합니다 팝업 크기를 변경하고, 이미지를 변경하고, 배경을 추가하고, 텍스트를 편집하고, 그리고 훨씬 더 중요한 점은 이탈 팝업을 미리보기로 미적으로 맞는지 확인할 수도 있습니다

귀하의 웹 사이트 및 브랜딩 정보 여기에 내가 실험하고있는 것이있다 '공개 설정'은 팝업의 표시 설정을 포함합니다 이탈 의도 팝업이 표시되는 시점과 위치를 제어하려면 '수동 방법' 이제 'User Leaves'를 클릭하여 팝업을 종료 의도 팝업으로 바꿉니다

그런 다음 방문자가 팝업으로 표시되는 빈도를 선택할 수 있습니다 예를 들어 방문객이 방문하지 않았 으면 이탈 인 텐트 팝업을 표시하도록 선택합니다 지난 5 일 동안 하나를 보여줬다 팝업이 표시 될 위치 또는 원하지 않는 위치에 대한 자신의 규칙을 추가 할 수도 있습니다 예를 들어, 팝업을 무료로 유지하려는 특정 URL을 선택할 수 있습니다

이러한 조건을 설정하면 리드 생성 및 생성의 정교한 균형을 사용자 경험 5 단계에서 맞춤 이메일을 만들면 구독자가받을 때 받게됩니다 귀하의 메일 링리스트에 등록하십시오 '새 이메일 추가> 환영 이메일'을 선택하고 환영 이메일을 작성하십시오 여기에 스모는 몇 가지 고급 기능을 제공합니다

특정 기능으로 방문자를 리디렉션하는 기능 사용자가 가입 한 후 URL 및 자동으로 파일 다운로드 이러한 옵션은 교환으로 eBook과 같은 리드 자석을 제공 한 경우 유용 할 수 있습니다 이메일 주소 스모가있는 출구 의도 팝업을 설정하는 과정의 마지막 단계는 사용할 수 있습니다 프로 계획으로 업그레이드 한 사용자를위한 것입니다 불행히도, 당신이있는 경우에 당신의 전자 우편 서비스로 당신의 팝업을 통합하는 것이 가능하다

프리미엄 스모 사용자 무료 '기본'스모 플랜을 사용하는 경우 스 모는 다음을 통해 새 가입자를 알립니다 WordPress 대시 보드 내 '알림' 내에서 구독자의 이메일 주소 스프레드 시트를 다운로드 할 수도 있습니다 Sumo 웹 사이트에 귀하의 Sumo 계정을 등록하십시오 WordPress 웹 사이트에 출구 인 텐트 팝업을 표시하려면 'Make Live'를 선택하십시오

팝업의 설정 패널 이제 방문자가 웹 사이트를 종료하려고하면 이메일 캡처 팝업이 표시됩니다 옵트 인 양식을 최대한 활용하고자하는 경우 고려해 볼 가치가 있습니다 스모 프로로 업그레이드 Sumo는 이메일 통합, A / B 테스트, 전환을 제공하는 다양한 프리미엄 요금제를 제공합니다 추적, 광범위한 템플릿 선택 및 기타 기능을 제공합니다

그러나 스모가 제공하는 무료 목록 작성 도구 막 시작하는 사람들에게 훌륭한 옵션입니다