Trước đây, các trang web có rất nhiều yếu tố không cần thiết, cụ thể là các trang đầy màu sắc lòe loẹt và xấu xí, quá nhiều văn bản bị kẹt trong không gian nhỏ và cửa sổ bật lên bật lên và làm phiền người truy cập.

Nhưng các nhà thiết kế không biết nhiều hơn vào thời đó, hay đúng hơn, họ chỉ làm việc với các xu hướng thiết kế duy nhất và các phương pháp hay nhất mà họ biết.

Thời gian đã thay đổi rất nhiều kể từ đó.

Các nhà phát triển và thiết kế web không còn bị giới hạn bởi công nghệ hoặc kỹ thuật, điều đó có nghĩa là không còn lý do gì để bào chữa cho thiết kế kém. Điều này liên quan đến mọi yếu tố được tìm thấy trên trang web WordPress, từ hình ảnh tiêu đề trang chủ đến hình thức danh bạ, cũng như từ kiểu chữ đến cửa sổ bật lên. Bây giờ mọi thứ đều quan trọng khi thiết kế cho trải nghiệm người dùng.

Hôm nay tôi muốn tập trung vào những gì làm cho một cửa sổ bật lên hiệu quả, một cái gì đó mà tôi coi là một phần thiết yếu của quá trình chuyển đổi. Cụ thể, tôi muốn xem xét cấu trúc của một cửa sổ bật lên WordPress hiệu quả và cách yếu tố thú vị này có thể tăng tỷ lệ chuyển đổi của bạn.

Đối số để sử dụng cửa sổ bật lên trên WordPress

Cửa sổ bật lên là một yếu tố thiết kế thú vị. Mặc dù chúng tạm thời làm gián đoạn trải nghiệm người dùng (thường không được đánh giá cao), những trải nghiệm được thực hiện đúng sẽ cung cấp thứ gì đó hấp dẫn hoặc thú vị đến mức khách truy cập không ngại mất phút để chú ý.

Tất nhiên, trong trường hợp này, chúng ta đang nói về cửa sổ bật lên tạo chuyển đổi dùng để thu hút người đăng ký vào bản tin hoặc lôi kéo khách mua hàng. Tuy nhiên, cửa sổ bật lên có thể được sử dụng cho nhiều mục đích khác nhau. Ví dụ: bạn có thể chia sẻ cookie hoặc chính sách quyền riêng tư của mình, đề xuất các mặt hàng có liên quan sau khi khách truy cập thêm thứ gì đó vào giỏ hàng hoặc thậm chí yêu cầu họ thực hiện một cuộc khảo sát nhanh.

Pop-up Anatomy - Pop-up của các khuyến nghị mục tiêu

Đối với hầu hết các phần, nếu bạn đang sử dụng cửa sổ bật lên, bạn có thể muốn khách truy cập thực hiện hành động. Rốt cuộc, tại sao lại làm gián đoạn trải nghiệm của họ nếu sự xáo trộn không phải là cách sử dụng thời gian hữu ích của họ? Theo một nghiên cứu trên gần hai tỷ cửa sổ bật lên, họ nhận thấy tỷ lệ chuyển đổi trung bình cho các loại cửa sổ bật lên này là 3,09%.

Bây giờ điều đó đặt ra câu hỏi: Cửa sổ bật lên có còn phù hợp và hiệu quả không? Nếu thị trường đã quá bão hòa với cửa sổ bật lên thoát, thanh chào, lớp phủ toàn trang và hơn thế nữa, thì đây có phải là công cụ tạo chuyển đổi đáng sử dụng trên trang web WordPress của bạn không?

Tất nhiên rồi !!!

Cửa sổ bật lên có tính đến nhiều phương pháp thiết kế web tốt. Ví dụ:

  • Cửa sổ bật lên loại bỏ sự lộn xộn không cần thiết khỏi các trang của trang web của bạn.
  • Chúng thường bao gồm các hình ảnh sạch và văn bản tối thiểu.
  • Lời kêu gọi hành động được thiết kế tốt và đơn giản về mặt từ ngữ.
  • Có một đường cong học tập nhỏ cho khách truy cập của bạn vì hầu hết mọi người đều quen thuộc với cửa sổ bật lên và biết cách tương tác với họ.
  • Cửa sổ bật lên mang đến một cơ hội thú vị để truyền tải trang web của bạn bằng hình ảnh động, video hoặc bằng chứng xã hội.
  • Bạn có thể dễ dàng tạo chúng với plugin WordPress chất lượng cao như Hustle hoặc OptinMonster.

Anatomy pop-up - chứng minh xã hội HubSpot

Nói chung, một cửa sổ bật lên được thiết kế đẹp là lý tưởng để thu hút sự chú ý của khách truy cập khi bạn cần nhất. Bạn có thể sử dụng chúng để gửi thông báo hoặc yêu cầu kịp thời. Bạn cũng có thể sử dụng dữ liệu khách truy cập để lôi kéo họ mua hàng.

Cấu trúc của một cửa sổ bật lên WordPress hiệu quả

Rõ ràng, sự thành công của cửa sổ bật lên trang web WordPress của bạn phụ thuộc vào những cửa sổ bật lên được thiết kế hoàn hảo và có những ưu đãi hấp dẫn đến mức khách truy cập không thể không tương tác. Vì vậy, chúng ta hãy xem công thức chiến thắng cho một cửa sổ bật lên hiệu quả trông như thế nào.

1. phong cách

Các loại cửa sổ bật lên khác nhau có xu hướng hiệu quả hơn trong việc chuyển đổi khách truy cập thành người đăng ký:

  • Cửa sổ bật lên đăng ký email có tỷ lệ chuyển đổi 2,9%.
  • Cửa sổ bật lên chào mừng (những cửa sổ lấp đầy trang khi nhập cảnh) chuyển đổi ở mức 2,6%.
  • Cửa sổ bật lên được kích hoạt cuộn chuyển đổi 1,9%.
  • Cửa sổ bật lên thông minh hoặc chào hiển thị chuyển đổi 0,5%.

Điều đó không có nghĩa là bạn luôn phải sử dụng cửa sổ bật lên đăng ký email truyền thống. Đây là một ví dụ từ trang web của Neil Patel.

Pop-up Anatomy - Bar Neil Patel Xin chào

Điều này được thực hiện tốt, bởi vì nó được thiết kế đơn giản, không xâm phạm, et sử dụng hoạt ảnh vui nhộn để thu hút sự chú ý trong trường hợp dấu chân tối thiểu của nó không được chú ý. Hãy nhớ rằng việc chọn kiểu không phải là sử dụng kiểu phổ biến nhất hoặc nổi tiếng nhất để có tỷ lệ chuyển đổi cao hơn. Đó là về việc tìm ra một phong cách phù hợp với trang web của bạn, khách truy cập của bạn và phong cách đó được thiết kế để bổ sung trải nghiệm ở giữa.

2. màu

Tất nhiên, màu sắc sẽ luôn đóng một vai trò quan trọng trong thiết kế trang web. Bằng cách hiểu tâm lý đằng sau các màu đã chọn, bạn có thể tạo các cửa sổ bật lên chuyển đổi hiệu quả hơn. Tất nhiên, bạn cũng không thể quên cách phối màu đã thiết lập cho thương hiệu của mình, vì vậy tất cả chỉ nhằm tìm sự cân bằng giữa việc thiết kế một cửa sổ bật lên trông đẹp mắt trên trang web, nhưng cũng buộc khách truy cập thực hiện hành động.

3. Thành phần

Điều quan trọng là phải lùi lại một bước và xem toàn bộ cửa sổ bật lên. Mặc dù thiết kế của từng bộ phận chuyển động trong cửa sổ bật lên cũng quan trọng, nhưng trang điểm tổng thể của cửa sổ bật lên cũng vậy.

Cửa sổ bật lên của bạn nên:

  • đơn giản và dễ làm theo.
  • Được thiết kế với các đường sạch sẽ và được cân bằng tốt.
  • Bao gồm các hình ảnh có liên quan và độ phân giải cao; lý tưởng là một hình ảnh tóm tắt chủ đề của phiếu mua hàng.
  • Có vẻ là một phần mở rộng của trang web của bạn và rõ ràng không phải được tạo từ cửa sổ bật lên với các tùy chọn tùy chỉnh hạn chế.
  • Sử dụng một kiểu chữ lớn, dễ đọc.

4. bản văn

Sau đó, chúng tôi có thông báo bật lên. Mặc dù bạn không đang trong quá trình phát triển ngôn ngữ dành cho những điều này, nhưng có một số phương pháp hay nhất mà bạn vẫn nên biết khi điền văn bản vào cửa sổ bật lên.

Hãy ghi nhớ những điều sau:

  • Luôn bao gồm tiêu đề, thông điệp ngắn (một câu sẽ làm được) và lời kêu gọi hành động.
  • Sử dụng ngôn ngữ mạnh mẽ thu hút cảm xúc của du khách.
  • Hãy ngắn gọn. Nếu bạn không thể viết nó dưới 30 từ, thông báo này không thuộc cửa sổ bật lên.
  • Sử dụng cùng một giai điệu và tính cách mà bạn sử dụng trên trang web của bạn.
  • Cung cấp một cái gì đó có giá trị mà khách truy cập của bạn sẽ không tìm thấy ở nơi nào khác trên trang web.
  • Sử dụng khẩn cấp nếu có thể. Nếu bạn không thể làm điều đó với lời nói, hãy làm điều đó với màu sắc.

Giải phẫu pop-up - Lớp phủ màn hình Wishpond

5. CTA

Ngày nay, có một xu hướng đang phát triển kỳ lạ khi các trang web cung cấp cho khách truy cập hai tùy chọn gọi hành động. Tôi hiểu tại sao xu hướng này đang phát triển, nhưng tôi đã thấy nó bị áp dụng sai trên rất nhiều trang web và tôi hy vọng xu hướng này cuối cùng sẽ chết.

Bạn có thể đã nhìn thấy ứng dụng xấu này cho mình:

  1. Tùy chọn tích cực : Câu này nói, “Ồ, cảm ơn, cảm ơn! Tôi biết lời đề nghị này sắp thay đổi cuộc sống của tôi tốt đẹp hơn! " 
  2. Tùy chọn phủ định : Câu này nói, "Tôi thích đưa ra những lựa chọn tồi tệ trong cuộc sống và tôi đánh giá cao việc bạn xoa mặt tôi." Hãy để tôi nhấp vào tùy chọn tự động ngừng sử dụng này chỉ để nhận được một cửa sổ khác hỏi lại tôi liệu tôi có muốn đưa ra quyết định tồi tệ này hay không. " 

Điều này không có nghĩa là tất cả các cửa sổ bật lên có hai tùy chọn CTA đều được thiết kế kém hoặc nhằm mục đích khiến khách truy cập xấu hổ. Tim Ferris có một ví dụ điển hình về CTA tùy chọn kép được thực hiện tốt:

Giải phẫu Pop-up - Tim Ferris Âm tính tích cực

Tuy nhiên, về tổng thể, tôi sẽ nói rằng nếu bạn đang cố mỉa mai hoặc đe dọa khách truy cập về quyết định của họ, thì hãy ra khỏi trang web của bạn và đưa nó lên Twitter. Trang web của bạn không phải là nơi dành cho điều đó và Twitter hy vọng sẽ nuốt chửng nó hoàn toàn.

Ngoài chiếc áo khoác thú cưng này, tôi cũng khuyên bạn nên giữ cho lời gọi hành động đơn giản. Sử dụng ngôn ngữ đơn giản để làm rõ những gì khách truy cập sẽ nhận được khi nhập email của họ hoặc nhấp vào nút. Ngoài ra, hãy giữ công việc ở mức tối thiểu: không có nhiều hơn hai trường để điền (ví dụ: Email và có thể là tên) và một nút để nhấp.

Đó là nó cho hướng dẫn này, tôi hy vọng nó cho phép bạn thiết kế tốt các nút kêu gọi hành động của mình.