LỜI MỞ ĐẦU Với sự phát triển mạnh mẽ của Internet, công nghệ thông tin cùng với sự lớn mạnh của ngành thương mại điện tử như hiện nay, nên việc thiết kế một website bán hàng là điều mà hầu như doanh nghiệp nào cũng thực hiện kể cả là các người bán nhỏ lẻ họ cũng ý thức và chú trọng vào yếu tố này. Vì việc thiết kế website này có thể thúc đẩy hoạt đô Ung kinh doanh, quảng bá, tuyên truyền sản phẩm và thu hút khách hàng tiềm năng, mang lại lợi ích khủng cho doanh nghiệp. S[ h\u website bán hàng có thể xem là s[ h\u công c^ giúp người kinh doanh thu hút thêm nhiều khách hàng, đây được xem là lý do đầu tiên để thiết kế website. Theo thống kê hiện nay, nước ta có khoảng 41 triệu người dùng Internet, chiếm khoảng hơn 45% dân số cả nước.
Trong đó, phần lớn là nh\ng đối tượng trẻ có nhu cầu trực tuyến và mua sắm cao. Có khoảng hơn 1/3 dân số cả nước sử d^ng mạng Internet để tìm kiếm, tra cứu thông tin về các dịch v^, mua sắm sản phẩm. Có riêng một website bán hàng, doanh nghiệp của bạn đã thu hút được thêm một lượng không nhỏ khách hàng trên mạng internet. Ngược lại, không có website nghca là bạn đã mất đi cơ hội bán hàng và nhường cơ hội đó cho đối thủ.
Mỹ phẩm là lcnh vực mang lại lợi nhuận lớn khi nhu cầu làm đẹp của chị em ngày một tăng. Cũng vì lý do đó mà ngày càng có nhiều hơn các thương hiệu ra đời. Để có thể tiếp cận khách hàng thì thiết kế website mỹ phẩm là điều cần thiết. Tại đây bạn có thể thu hút thêm người dùng tạo lên tệp khách hàng quan tâm đồng thời giới thiệu chi tiết các mặt hàng của đơn vị.
Các sản phẩm mỹ phẩm trên thị trường hiện nay vô cùng đa dạng. Để khách hàng có thể biết và tham khảo các sản phẩm tại cửa hàng của bạn là điều không dễ dàng. Do đó mà bạn cần xây dựng website, tổng hợp và phân loại mỹ phẩm theo công d^ng, tính năng, thương hiệu. Đồng thời website sẽ giúp khách hàng không bỏ lỡ các sản phẩm tại website của bạn.
Từ đó giúp khách hàng có thể tìm được các sản phẩm mình cần cũng như tăng doanh thu cho cửa hàng. Vì thay chỉ mua 1 sản phẩm khách hàng có thể tìm hiểu và mua thêm các sản phẩm khác n\a sau thời gian lướt web. Mua hàng online là xu hướng mới và trong đó website là một trong nh\ng kênh mua hàng lớn hiện nay. Việc xây dựng website sẽ giúp bạn có thể tiếp cận được lượng khách hàng lớn hơn.
Đặc biệt khi các sản phẩm, trang web được Google đánh giá tốt và lọt vào top đầu. Một điều quan trọng mà bạn cần có website mỹ phẩm chính là tạo sự tin tư[ng cho khách hàng. Đặc biệt khi đây là lcnh vực có rất nhiều sản phẩm trôi nổi, không rõ nguồn gốc. Cũng như khách hàng có phần khắt khe hơn, cần chắc chắn rằng bạn cung cấp là sản phẩm chính hãng.
Tâm lý khách hàng sẽ tin tư[ng hơn nếu cửa hàng của bạn có website, fanpage tốt, chuyên nghiệp. Và trên đây là nh\ng ý tư[ng để nhóm lựa chọn đề tài này và thực hiện cho báo cáo cuối kỳ. GIỚI THIỆU VỀ WEBSITE: 1.1 Publish website: - Upload source code lên hosting: Hình. Upload source code của WP lên hosting - Upload database và chỉnh sửa lại config php: Hình.
Upload database lên hosting Hình. Chỉnh sửa lại thông tin database trong config.php 2 - Publish website (https://group5.fun/) link hoạt động đến 31/10/2023. Pubish website Hình. Website hoạt động và URL website 1.2 Giới thiệu header và hình ảnh header của website: Hình.
Header của website và hình ảnh header - logo - Đối với phần header, hình ảnh logo và ảnh nền đầu trang được nhóm tự thiết kế để đảm bảo tính cá nhân hóa của cửa hàng. - Phần Menu [ header đang hiển thị hai loại menu bao gồm: Menu chính: thể hiện các danh m^c sản phẩm, các tính năng chính của cửa hàng như giỏ hàng, thanh toán, form liên hệ, bản đồ địa chỉ của cửa hàng cũng như tính năng đăng nhập. Menu phụ: với m^c đích để kích cầu mua sắm, nhóm gắn thêm URL của một số loại sản phẩm tiêu biểu để có thể “up-sells” người dùng. - Hai thanh header trên cùng được can thiệp bằng mã nguồn để thể hiện thêm thông tin đến người dùng về thời gian hoạt động của cửa hàng cũng như hình ảnh về dịch v^ của cửa hàng.
Mã nguồn thêm thông tin thời gian hoạt động và email liên hệ: 2 /* Plugin Name: Custom Header PHP Description: Add custom PHP code to the header. */ function custom_header_php() { ! ! echo '<div class="custom-header", style="background-color:#F5F5DC; text-color: #004225; text-align: center;"> Open time: 9:00AM - 8:00PM | Email: group5@gmail.com </div>'; } add_action('wp_head', 'custom_header_php'); Mã nguồn hiển thị hình ảnh dịch vụ của cửa hàng: ///Thêm hình Anha đầD u head add_action('wp_body_open','tb_head'); function tb_head(){ ! ! echo ! ! '<div ! ! ! ! class="top-bar-wrap" ! ! ! ! style="background-color: #0f4e33;height: 50px;background-repeat: no-repeat;background-position: center center;background-size: auto 50px; ! ! ! ! background-image: url(https://media.vn/hsk/1696490131trimunipl.jpg);"> ! ! </div>'; } - Danh m^c được phân cấp và chia theo từng loại sản phẩm hoặc thương hiệu. Danh mục sản phẩm của website 2 - Form liên hệ: về m^c form liên hệ, thay vì dùng plugin Contact Form 7 hay một số plugin hỗ trợ khác, nhóm mong muốn được tự quản lý và điều khiển tính năng này nên dùng mã nguồn hoàn toàn [ phần form này. Add_shortcode: dùng để đăng ký shortcode.
Ob_start: là một hàm của output buffering. Bật bộ đệm đầu ra cho tất cả các tệp PHP theo mặc định. Ob_get_clean: trả về tất cả nội dung của bộ đệm đầu ra trên cùng và xóa nội dung khỏi bộ đệm. Tạo form gồm các dòng thông tin cần thu thập từ người dùng.
Dùng lệnh If để kiểm tra xem có nội dung được gửi đi không, nếu thông tin gửi đi nhập thiếu thì yêu cầu người dùng nhập đầy đủ thông tin, nếu đủ rồi thì dùng hàm gửi mail (wp_mail) để gửi mail thông tin cho admin. add_shortcode("Form_Lien_He","Vie_show_form_lien_he"); function Vie_show_form_lien_he(){ ! ! ! ob_start(); ! ! if(isset($_POST["gui_di"])){ ! ! ! ! $ho_ten=isset($_POST["ho_ten"]) ?$_POST["ho_ten"]:""; ! ! ! ! $so_dien_thoai=isset($_POST["so_dien_thoai"]) ? $_POST["so_dien_thoai"]:""; ! ! ! ! $email=isset($_POST["email"]) ?$_POST["email"]:""; ! ! ! ! $noi_dung_lien_he=isset($_POST["noi_dung_lien_he"]) ? $_POST["noi_dung_lien_he"]:""; !! ! ! if ( $ho_ten =="" || $so_dien_thoai=="" || $noi_dung_lien_he==""){ ! ! ! ! echo"<p class='Error'> Vui lòng nhập đầD y đu A thông tin </p>"; ! ! }else{ ! ! ! ! $to = get_option( 'admin_email' ); ! ! ! ! $subject = 'Liên Hệ Mới'; ! ! ! ! $body = "Họ Tên: $ho_ten <br> SDT: $so_dien_thoai <br> Địa chỉ A Email: $email <br> Nội dung: $noi_dung_lien_he"; !!!! ! ! ! ! $headers = array('Content-Type: text/html; charset=UTF-8'); ! ! ! ! wp_mail( $to, $subject, $body, $headers); ! ! ! ! //$content =''; ! ! ! ! ///$content .='<form method="post" action="https://group5.fun/908-2/">'; ! ! ! ! //echo'<form method="post" action="https://group5.fun/908-2/">'; ! ! ! ! echo"<p class='Success'> Cám ơn bạn đã đêAlại thông tin. VieBeauty sẽ liên hệ bạn trong thời gian sớm nhầc t! </p>"; ! ! ! !!} !!} ! ! ?> ! ! <form method="POST"> ! ! ! ! 2 ! ! ! ! <p> ! ! ! ! ! ! <label>Họ Tên (*) </lable> <br> ! ! ! ! ! ! <input type="text" name="ho_ten"/> ! ! ! ! </p>! ! ! ! ! ! ! ! <p> ! ! ! ! ! ! <label>SôcĐiện Thoại(*) </lable> <br> ! ! ! ! ! ! <input type="text" name="so_dien_thoai"/> ! ! ! ! </p> ! ! ! ! ! ! ! <p> ! ! ! ! ! ! <label>Email </lable> <br> ! ! ! ! ! ! <input type="email" name="email"/> ! ! ! ! </p> ! ! ! ! ! ! ! <p> ! ! ! ! ! ! <label>Nội Dung Liên Hệ (*)</lable> <br> ! ! ! ! ! ! <textarea row="4" cols="80" name="noi_dung_lien_he"> </textarea> ! ! ! ! </p>! ! ! ! ! ! ! ! <p> ! ! ! ! <input type="submit" value="GỬA I ĐẾc N VIEBEAUTY" name="gui_di"/> ! ! ! ! </p> ! ! </form> ! ! <?php ! ! $time = current_time('mysql'); ! ! $data =array( ! ! 'comment_post_ID' ! ! !=> $post->ID, ! ! 'comment_content' ! ! !=> $body, ! ! 'comment_author_IP' ! ! => $_SERVER['REMOTE_ADDR'], ! ! 'comment_date' ! ! ! ! !=> $time, ! ! 'comment_approved' ! ! !=> 1, ! ! ); ! ! wp_insert_comment($data); ! ! return ob_get_clean(); ! ! ! } Giao diện của Form liên hệ: 2 Hình. Plugin Form liên hệ tự code Hình.
Email gửi thông tin Form liên hệ - Where to find us: địa chỉ cửa hàng trên Maps nhóm dùng Elementor để thể hiện. Vị trí cửa hàng trên bản đồ 1.3 Trang chủ: 2 Hình. Các chương trình của cửa hàng trên trang chủ - Bên dưới header các hộp hình ảnh trong Elementor được sử d^ng để giới thiệu về các loại hình sản phẩm và các deal khuyến mãi để đẹp mắt hơn và thu hút người dùng. - URL sản phẩm liên quan sẽ được chèn vào các hộp hình ảnh để khi người dùng nhấn nào sẽ chuyển hướng họ đến trang sản phẩm tương ứng.
Thiết lập hộp hình ảnh trong Elementor - Tạo các chương trình khuyến mãi bằng Media Carousel trong Elementor, khi người dùng nhấp vào từng hình ảnh sẽ chuyển hướng họ đến từng chương trình khuyến mãi tương ứng: 2 Hình. Các chương trình sale chạy tự động bởi Media Carousel – Elementor - Tương tự phía dưới nhóm chèn video về sản phẩm để tăng thêm trải nghiệm cho người dùng, giúp trang web sinh động hơn. Và nh\ng URL tương ứng với từng nhóm thương hiệu để người dùng dễ lựa chọn và bắt mắt hơn. Video giới thiệu sản phẩm và URL các thương hiệu tương ứng - List danh m^c của từng nhóm sản phẩm, khi người dùng nhấp vào sẽ điều hướng đến trang sản phẩm tương ứng với danh m^c.
Danh mục sản phẩm bằng hình ảnh - List danh m^c của từng nhóm thương hiệu, điều hướng đến trang tương ứng khi nhấp vào từng hình ảnh. Sử d^ng Elementor chia thành 3 khối như hình, tương tự sử d^ng Media Carousel để hiển thị danh sách thương hiệu tự động lướt: 2 Hình. Danh sách các loại thương hiệu sản phẩm - Dùng shortcode hiển thị các sản phẩm đang khuyến mãi và sản phẩm nổi bật, khống chế số lượng sản phẩm hiển thị tối đa là 2 sản phẩm. Hiển thị sản phẩm bằng shortcode - Tạo bảng đầy đủ các loại danh m^c sản phẩm bằng ch\ 2 Hình.
Danh mục bằng chữ được phân loại - Cho phép hiển thị các bài post để người dùng dễ truy cập và nội dung trang chủ được phong phú hơn. Ở phần này nhóm sử d^ng Elementor để hiển thị post. Hiển thị các bài viết của website để tăng tính thu hút - Thêm một số thông tin khác về cửa hàng.