/  모두  /  Creative Website Popups Design Examples and Inspiration

Creative Website Popups Design Examples and Inspiration

Creative Website Popups Design Examples and Inspiration

모든 마케터는 팝업 디자인 영감과 예제를 위한 스 와이프 파일이 필요합니다. 이 문서에서는 새롭고 매력적인 팝업을 만들어야 할 때 사용하는 내 자신의 스왑 파일을 보여 드리겠습니다.

이 갤러리에서 Poptin의 자신의 예 이외에, 나는 매우 뿐만 아니라 다른 예와 함께 흐르는 당신의 창조적 인 주스를 받고 하는 것이 좋습니다.

In this article, we’ll look at some creative and inspiring popup designs and examples to make our 2022 lead magnet conversion rates better.

잠수합시다.

정직및 진위 복사 디자인 팝업 

나는 항상 자신의 이메일 주소를 제공하기 위해 독자를 유혹하는 매력을 가질 것이다 정직하고 정통 복사 디자인 팝업을 추천할 것입니다.

위키백과는 정직하고 계속 성장하기 위해 기부를 요청하는 훌륭한 일을 해왔습니다. 우리 모두는 자유롭고 편견없는 정보를 필요로하며 위키백과는 이 정보를 훌륭하게 수행합니다. 따라서 단순한 디자인의 이 사본은 그 자체의 장점이 있습니다.

이미지9

내가 발견 한 다른 정직한 팝업은 ProfitWell에 의해 만들어졌다. 나는 ProfitWell의 웹 사이트에있는 동안, 그들은 자신의 가격 페이지 의 해체를 홍보. 좋은 콘텐츠를 가지고 있지만, 그들은 블로그에 내 사용자 경험을 방해했기 때문에, 그들은 "우리는 팝업을 싫어..."로 시작 - 나는 완전히 그것에 공감 할 수 있습니다. 

이미지10

왜? 그것은 정직, 선행 및 이메일 주소에 대 한 대가로 뭔가 를 주는. 게다가, 이미지는 진짜이며 위의 팝업에있는이 두 사람은 그것에 좋은 일을. 

나는 즉시 가입했다.

관련, 공감, 좋은 사본을 가지고 팝업 디자인을 만들 수 있다면 - 그것은 아마 괜찮은 전환율을해야합니다

단순한 디자인 팝업

때로는 간단한 당신이 필요로하는 전부이며, 그것은 잘 일을한다. 간단한 팝업 디자인이 작동하는 이유는 무엇입니까? 그것은 일반적으로 당신의 제안이 좋은 때 작동, 사회적 증거를가지고, 그리고 사본은 놀랍습니다.

이것으로, 나는 마케터에게 제공 된 좋은 예를 공유하고 싶습니다 (우리는 마케터는 일반적으로 다른 btw에 중요하다).

image12

해리 드라이는이 작은 프로젝트를 실행하고 출구 의도에서 위의 팝업을 보여줍니다. 그것은 사회적 증거 (9691 마케터), 실행 가능한 팁, 2 분 읽기 (낮은 장벽)를 가지고 있으며 0.4 % 미만의 사람들이 구독을 취소하고 무료라고 하기 때문에 정직합니다. 

훌륭한 제안과 사본의 종류는 항상 작동합니다. 영감을 위한 단순한 디자인 예제를 찾고 있다면, 이것은 승자가 될 것입니다.

마지막으로, 그것은 "나를 가입"대신 실제로 행동에 가치 기반 의 호출을 주는 "내 마케팅을 업그레이드"라고 말하지 않습니다.

위대한 일 해리!

편집자 주: 마케팅 예제에서 이 카피라이팅 팁을 확인하세요.

내가 얻을 또 다른 매우 단순한 팝업 디자인 예는 Ahrefs에서 영감을.

이미지2

Ahrefs는 블로그 방문자를 깔때기에 넣을 수 없다고 가정하므로 방문자에게 새로운 콘텐츠를 지속적으로 공급하는 것이 좋습니다. 해당 콘텐츠는 판매 페이지와 유사하므로 독자/방문자가 결국 변환됩니다.

따라서, 마스코트와 위의 단순한 팝업 변환에 좋은 일을한다. Ahrefs에 따르면, 그것은 그들의 달 방문자당 250K에서 전환의 0.5% 이상있습니다. 글쎄, 그것은 작동합니다.

The last simplistic popup design inspiration is from the growth hackers I follow. These are a bunch of guys teaching growth marketing and their popup is simple yet effective for learners like me. It’s just an amazing copy plus a lot of social proof. 

이미지1

마스코트 팝업 디자인 예제 

솔직히 말해서, 나는 마스코트 팝업을 사랑해요. 그것은 성격을 가지고 있으며 블로그 또는 웹 사이트의 창조적 인 측면을 제공합니다. 브랜드 인지도에 좋은 것은 말할 것도 없습니다.

나는 Poptin의 직원이 아니지만 나는 그들의 앵무새 마스코트 팝업을 사랑해요.

이미지8

위의 예에서 Poptin은 출구 의도에 대해 표시하고 두려움 접근 방식을 사용하여 가입합니다. 가입 장벽이 너무 낮기 때문에 거의 2 분이 걸리지 않습니다. 앵무새 마스코트는 항상 날아 다니기 때문에 주의를 끌수 있습니다.

팝업 디자인에 마스코트를 사용하려면 올바른 주의가 필요한지 확인하십시오.

마지막으로, 사본은 무료 계정을 시작하고 그 방문자를 통해 더 많은 고객을 얻을 제공. 사랑 스러운!

나는 그것이 너무 우아하게 끝났다는 이유만으로 가입할 것입니다.

컨텍스트를 잘 사용하는 또 다른 좋은 창조적 인 영감은 Hipmunk입니다.

이미지4

이 팝업은 마스코트와 대기 및 로딩 시간을 활용합니다. 히먼크는 마스코트와 함께 좋은 일을 했지만 배치와 트리거링은 더 잘 이루어졌습니다. 

그것은 간단하고 효과적입니다. 응용 프로그램에 대기 시간이 많은 경우 팝업이 유형을 권장합니다.

콘텐츠 마케팅 팝업 디자인 영감

당신은 쉽게 홍보하고 측면에 몇 가지 리드를 캡처 할 수있는 좋은 콘텐츠가있는 경우 – 왜 당신이 그것을 제공하고 싶지 않을까요? 전자책, 웨비나,인포그래픽, 커뮤니티 오퍼 등을 홍보할 수 있습니다.

Appcues는 몇 년 전에 온보딩 아카데미를 공유함으로써 좋은 일을했습니다. 그들의 아카데미는 SaaS 기업가와 제품 관리자를 많이 교육했다. 다음은 이전 팝업 디자인의 예입니다.

이미지7

 The above popup has been done by a good designer and with a great copy. They have a similar popup for their blog updates too.

이미지6

나는 개인적으로 블로그보다 자신의 온보딩 아카데미 팝업 방법을 더 좋아합니다. 그러나 두 가지 를 모두 사용하여 더 많은 방문자를 변환해야 합니다.

개인적으로, 우리는 블로그 제안을 보면 나는 항상 Airfocus (제품로드맵 도구)와 같은 사본에 약간의 터치를 추가하는 것이 좋습니다 :

이미지13

더 보기: 제품 로드맵

또한 제품과 관련된 콘텐츠를 많이 홍보해 왔으며, Poptin의 양식을 사용하여 전환율을 꽤 잘 얻었습니다.

저는 사용자 파일럿의 이메일 과정과 제품 채택 학교를 홍보해 왔습니다. 놀랍게도, 우리는 팝업보다 블로그 에 포함 된 양식에서 더 나은 변환을했다. 이들은 확실히 좋은 예입니다.

이미지3

이것은 내가 사용 해 온 Poptin의 템플릿이며 꽤 잘 작동합니다. 

이미지5

두 디자인 영감모두 복사로 콘텐츠를 효과적으로 홍보하고 있습니다. 

내가 얻고 영감을 받은 또 다른 좋은 콘텐츠 팝업 디자인 영감은 데미오였습니다. 데미오는 웨비나 관리 도구이며 나는 그들의 전자 책으로 승진했다. 이후 , 나는 "웨비나 관리 방법"에 대해 자세히 알아 내려고 노력했기 때문에 올바르게 배치되었습니다.

그러나 가장 효과적인 것은 "다운로드"를 클릭한 디자인과 사본이었습니다. 

이미지11
무어라 설명할 도리가 없어요? 위의 팝업 디자인은 내가 그것을 다운로드 할 수있는 적절한 시간과 적절한 장소 (자신의 블로그)에 있었다. 배경의 효과적인 사용도 좋아합니다.

나는이 팝업 디자인이 당신에게 약간의 영감을 줄 수 있기를 바랍니다. 

결론

위의 팝업 디자인 영감과 예는 영감을 얻는 것입니다. 그러나, 내가 줄 수있는 하나의 프로 팁은 자신의 스 와이프 파일을 만드는 것입니다. 이러한 디자인과 영감은 곧 구식이 될 수 있습니다.

따라서, 나란히 유지하고 영감을 계속하는 것이 중요합니다.

Aazar Ali Shad는 기업가이자 성장 마케팅 담당자(해커가 아님)이며 노련한 SaaS 사람입니다. 그는 콘텐츠를 쓰고 배운 것을 세상과 공유하는 것을 좋아합니다. 당신은 트위터 @aazarshad 그를 따를 수 있습니다 또는 aazarshad.com