Hôm nay có một bạn hỏi mình về chèn link 360 độ vào trang landing page bất động sản bạn ấy đang làm. Mình chỉ cho bạn ấy và tiện cũng đang rảnh nên mình viết bài hướng dẫn cho các bạn cách thêm link 360 độ hay link toàn cảnh dự án bất động sản. Cũng không khó khi làm trên nền tảng Ladipage.vn, nếu bạn chưa có tài khoản hãy đăng ký cho mình một tài khoản thiết kế landing page hoàn toàn miễn phí tại đây nhé bạn.
Xem thêm:
Tại sao nên gắn trực tiếp 360 độ vào trang landing page
Cái này thì mình thấy một số website họ gắn vào nút khi click sẽ chuyển sang 1 trang web mới để khách xem, cũng là 1 cách.
Tuy nhiên ở góc độ cá nhân khi mình làm những trang landing page bất động sản, muốn khách hàng chỉ xem ở 1 trang duy nhất. Mình sẽ gắn trực tiếp trên trang, tránh chuyển hướng hiển thị sang một tab mới như một số trang web bất động sản vẫn làm. Từ đó giúp tăng tỉ lệ chuyển đổi cho trang ladipage bất động sản.
Cùng xem hướng dẫn của mình và làm theo nhé.
Hướng dẫn gắn link 360 độ vào ladipage
Rất đơn giản, bạn chỉ cần chèn đoạn mã ở Bước 2 vào tính năng Mã HTML của ladipage, sau đó thay link 360 độ của bạn vào vị trí in đậm, căn chỉnh cho phù hợp với trang ladipage bạn thiết kế là được.
<iframe loading=”lazy” style=”width: 100%; height: 580px; border: none; max-width: 100%;” src=”https://nguyenvietanh.net” width=”100%” height=”580″ frameborder=”0″ scrolling=”no” allowfullscreen=”allowfullscreen”><span data-mce-type=”bookmark” style=”display: inline-block; width: 0px; overflow: hidden; line-height: 0;” class=”mce_SELRES_start”></span></iframe>
- Lưu ý:Do font chữ và kí tự của soạn thảo văn bản khác với code nên bạn chèn đoạn mã ở Bước 2 vô và sửa nha. Đoãn mã bên trên mình để minh họa thôi, copy gắn vô sẽ bị lỗi.
Hướng dẫn chi tiết:
Bước 1: Bạn thêm tính năng Mã HTML ở bên menu trái. Căn chỉnh cho đẹp, thêm mắm thêm muối xung quanh cho phù hợp với landing page bất động sản bạn đang thiết kế. Như hình bên dưới mình đã thêm Mã HTML, kéo full ngang 1200px, thêm chữ Toàn cảnh 360 độ.
Bước 2: Bạn tiến hành Sửa HTML (1) => Chèn đoạn mã bên dưới vô và sửa đường dẫn 360 độ vào (3) => Sửa lại link 360 độ của bạn và Ấn nút cập nhật là xong.
Bước 3: Xuất bản trang ladipage bất động sản và hưởng thành quà nào.
Thành quả này mình đã sửa thành link 1 trang 360 độ dự án bất động sản mà mình làm rồi nha!
Nếu như bạn khó khăn trong quá trình thực hiện, hãy liên hệ qua Fanpage của mình để được hỗ trợ ạ
Một số lưu ý
Thường thì những trang 360 độ hay trang toàn cảnh dự án này một số bên mình thấy làm ẩu, rất nặng :D. Không biết phải máy tính mình cấu hình yếu hay không nữa nên load rất chậm do đó ảnh hưởng đến tốc độ của trang landing page. Bạn nên lưu ý vấn đề này để tránh lạm dụng. Bên cạnh đó nếu như trang landing page của bạn thiết kế bị chậm bạn có thể xem cách Tăng tốc trang ladipage mà mình chia sẻ.
Thứ 2 mình hay gặp phải là phần mã html bạn căn chỉnh rất ok nhưng đôi khi khung hình 360 độ sẽ bị chèn đè ra ngoài theo chiều hướng lấn xuống phía dưới. Do đo bạn cần kiểm tra hiển thị giữa các thiết bị để tránh bị đè lên trên thiết kế phía dưới.
Thứ 3 là một số link 360 độ không có bảo mật https:// mà chỉ là http:// do đó khi gắn vào trang ladipage tên miền có bật sll bảo mật lên đường dẫn là https:// đôi khi sẽ không hiển thị được khung hình 360 mà báo lỗi hoặc trắng. Cách khắc phục là quy về 1 mối, cùng http:// hoặc cùng https:// hoặc không gắn link 360 độ nữa hehe.
Tóm lại
Trên đây là hướng dẫn gắn link 360 độ vào trang Landing page bất động sản mà Nguyenvietanh.net hay dùng. Đoạn code cũng không nhớ lấy từ nguồn nào nữa :D. Mình thấy dùng ổn nên cứ lưu lại cần thì lôi ra. Hi vọng hướng dẫn nhỏ này sẽ giúp Ae thiết kế ladipage bất động sản thêm thú vị cho khách hàng của mình.
Nếu bạn thích bài viết này, Hãy đăng ký bản tin để thường xuyên cập nhật những chia sẻ mới nhất từ mình qua email nhé. Cảm ơn rất nhiều!
Trả lời