Menu là một trong những công cụ giúp nhà hàng, quán café giới thiệu văn hóa ẩm thực của mình đến với khách hàng. Một menu hấp dẫn, chỉnh chu về thiết kế, khoa học về nội dung góp phần không nhỏ trong việc thu hút khách hàng, tăng doanh số cho doanh nghiệp. Tuy nhiên, một trong những thách thức mà đa số các nhà hàng đang gặp phải là sự biến động của thị trường, cũng như sự thay đổi xu hướng của khách hàng khiến bạn phải thường xuyên tiêu tốn nhiều chi phí cũng như thời gian trong khâu thiết kế, in ấn, lắp đặt để cập nhật thông tin các món ăn, giá cả, các chương trình khuyến mãi… Hiểu được những khó khăn đó, SeeMNS đề xuất giải pháp Digital Signage cho nhà hàng, quán cafe. Với giải pháp này bạn chỉ cần mất vài phút để thay đổi nội dung thực đơn điện tử của mình mà vẫn đảm bảo tính chuyên nghiệp cũng như sự thu hút đối với khách hàng thông qua các hiệu ứng sinh động, hấp dẫn.

Dưới dây là những bước để thay đổi nội dung Digital Signage Templates:

digital signage template

Sau khi lựa chọn Digital Signage Template và hoàn tất thanh toán bạn sẽ được cấp quyền download template mà mình đã mua về. Trong một template gồm có các thành phần sau:

thanh phan template digital signage

  • css: chứa các file để định dạng về vị trí, màu sắc, font chữ,… cho các thành phần trong template.
  • fonts: chứa các font chữ sử dụng trong template
  • images: chứa các hình ảnh: như logo, ảnh nền, ảnh món ăn… sử dụng trong template.
  • js: lưu trữ dữ liệu, nội dung cũng như hiệu ứng của template.
  • video: chứa hình ảnh đại diện, video hiệu ứng của template và một số ứng dụng demo giúp bạn hình dung rõ hơn về digital signage template.
  • demo.html: quy định cấu trúc của template và chứa dữ liệu mẫu, chạy trực tiếp trên máy tính
  • index.html: quy định cấu trúc của template, đọc dữ liệu từ data.json và chạy thông qua web server
  • thumb: ảnh đại diện của template

Bạn hoàn toàn có thể tùy biến, thay đổi nội dung theo ý muốn với thao tác vô cùng đơn giản. Tất cả những gì bạn cần chỉ là chuẩn bị những hình ảnh, những đoạn text tên món ăn/ thức uống sử dụng cho menu Digital Signage của mình.

Dưới dây là 4 bước để tùy chỉnh nội dung Digital Signage template :

Bước 1: Mở thư mục images:  đây chứa toàn bộ ảnh sử dụng trong template.

Bước 2: Kiểm tra kích thước ảnh hiện tại của template mẫu bằng cách click chuột phải lên ảnh cần kiểm tra -> chọn properties -> chọn tab Details. Sẽ hiển thị hộp thoại:

kiem tra kich thuoc anh

Bước 3: Để ảnh được hiển thị chuẩn xác, sắc nét thì ảnh thay thế phải đúng kích thước. Do đó, bạn cần cắt ảnh hoặc thay đổi kích thước ảnh theo kích thước của ảnh đã kiểm tra ở bước 2.

Bước 4: Thay đổi nội dung template Digital Signage. Ở đây chúng tôi hướng dẫn bạn 2 cách thay đổi nội dung Template như sau.

Cách 1: Sử dụng file data.json (chứa trong thư mục js) để thay đổi nội dung.

Ưu điểm:

  • Không cần can thiệp vào code html.
  • Cấu trúc của json khá đơn giản.

Nhược điểm:

  • Kết quả phải chạy thông qua webserver không thể chạy trực tiếp trên máy tính.

Cách thực hiện:

  • Copy tất cả các file ảnh muốn thay thế vào thư mục images
  • Mở file data.json (bạn có thể mở bằng editor notepad++)
  • Tại các key “image”, “price”, “name” user có thể thay đổi đường dẫn hoặc tên file ảnh, các đoạn text (tên món, giá món).

Ví dụ: 

Bạn có một Digital Signage template như sau:

digital signage template- similar ds

Những thông tin có thể thay đổi:

  • Ảnh nền
  • Tên, giá cả tất cả các món ăn (7 món)
  • Ảnh sản phẩm khuyến mãi
  • Hình thức khuyến mãi

Những thông tin này được thể hiện ở file data.json như sau:

data json-digital signage template

Gỉa sử bạn muốn thay đổi tên menu từ “Seafood” thành “Japanese Food” và tên các món ăn:

  1. Steamed Crab => 1. Sushi
  2. Sweet & Sour Shrimp => 2. Sashimi

Đồng thời sử dụng ảnh japanesefood.jpg, milktea.jpg lần lượt thay thế cho 2 hình ảnh background_seafood.jpg và promotion_beer.jpg bạn chỉ cần thay thế text và tên file ảnh  như bên dưới:

Tương tự, bạn tiếp tục thay đổi tên món ăn, giá cả của các món còn lại có trong menu Digital Signage của mình.

Như vậy chỉ với 4 bước bạn đã có thể thay đổi nội dung như ý muốn. Bây giờ chạy file index.html  để quan sát kết quả.

menu mon an nhat

Cách 2: Sử dụng file demo.html để thay đổi nội dung template Digital Signage

Ưu điểm: 

  • Có thể chạy trực tiếp trên máy tính mà không cần thông qua webserver

Nhược điểm:

  • Phải sử dụng code html.

Tuy nhiên bạn chỉ cần chỉnh sửa một số đoạn text hay tên file ảnh có trong code html mà không cần biết đến cấu trúc của html. Sẽ trình bày chi tiết ở phần tiếp theo “Tùy chỉnh nội dung Digital Signage nâng cao

Cách thực hiện:

  • Copy tất cả các file ảnh muốn thay thế vào thư mục images
  • Mở file demo.html (có thể mở bằng editor notepad++)
  • Thay đổi hình ảnh: chỉ cần tìm kiếm đến dòng lệnh chưa cụm từ tên file ảnh cần thay thế và thay thế tên file ảnh mới vào

digital signage-demo

Ví dụ: 

Gỉa sử bạn muốn thay đổi hình ảnh [background_seafood.jpg] thành [background_juice.jpg] thì chỉ cần tìm đến dòng lệnh chứa cụm từ “background_seafood” và  thay đổi tên file ảnh này thành thành tên file ảnh mà mình muốn thay đổi (background_juice.jpg)

digital signage-demo

  • Thay đổi nội dung text: tương tự thay đổi hình ảnh, để thay đổi text bạn chỉ cần tìm đến dòng lệnh chứa cụm từ bạn muốn thay thế bằng cụm từ khác và gõ nội dung thay thế vào.

Ví dụ:

Bạn muốn thay thế tên món “1. Steamed Crab” với giá $6.20 (Small size), $ 8.00 (big size) thành “1. Coffee” với giá $3.20 (small size), $4.00 (big size)  bạn chỉ cần tìm đến dòng lệnh chứa cụm từ “1. Steamed Crab”, “$6.20”, “$8.00” và chỉnh sửa thành đoạn text mình mong muốn và lưu lại là đã chỉnh sửa thành công.

thay doi noi dung digital signage template

Tương tự, bạn có thể chỉnh sửa tất cả các đoạn text (tên món ăn, giá cả).

Bây giờ bạn hãy chạy file demo.html thông qua trình duyệt web để thưởng thức thành quả của mình.

SeeMNS cung cấp các giải pháp, ứng dụng, lắp đặt và triển khai Digital Signage tại Việt Nam với mức giá hợp lý và dịch vụ tận tâm.

Bạn có thể  tham khảo một số Digital Signage template do SeeMNS cung cấp tại website http://mns.tv/

Mọi thắc mắc xin liên hệ MNS: 093 550 0368 (En) | 097 848 1789 (Vi) | hello@mns.tv