Thiết lập danh sách cửa hàng EGA Fashion trên Sapo
1. Thêm trang nội dung
Vào Trang nội dung > Thêm trang nội dung
Thiết lập danh sách cửa hàng
Đặt tên trang nội dung và chọn khung giao diện là page.shoplist
Đăt tên và chọn khung giao diện
2. Tạo bảng
Chọn icon table để tạo bảng
Chọn icon table để tạo bảng
Chọn số dòng và số cột cho bảng. Số dòng sẽ tương ứng với số lượng địa chỉ bạn muốn hiển thị và số cột mặc định là 4.
Ví dụ: bạn có 3 cửa hàng, bạn sẽ cần tạo bảng với 3 dòng và 4 cột.
Chọn số dòng và số cột cho bảng
Điền các thông tin trong bảng
Điền các thông tin trong bảng
Cách tạo bảng theo mẫu có sẵn
Bạn có thể sử dụng bảng mẫu bằng cách sao chép đoạn code bên dưới, dán vào Nội dung > Mã HTML
<table border="1">
<tbody>
<tr>
<td>Hồ Chí Minh</td>
<td>Chi nhánh Gò vấp, HCM</td>
<td>150 Nguyễn Duy Cung, phường 15, quận Gò Vấp, HCM / Số điện thoại: +84 99999999</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.631352569255!2d106.63993401490595!3d10.83949799227877!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529a928fd9ee7%3A0x9212ec848dbfcbb6!2sEGANY%20Tech!5e0!3m2!1sen!2s!4v1594605695674!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
<tr>
<td>Hồ Chí Minh</td>
<td>Chi nhánh Phú Nhuận, HCM</td>
<td>123B Phan Đình Phùng, Phường 17, Phú Nhuận, Thành phố Hồ Chí Minh, Vietnam</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15676.545428019288!2d106.67073882913971!3d10.800866876878219!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317528d3e97cbce5%3A0x191894c693c67e1b!2sPhu%20Nhuan%20market!5e0!3m2!1sen!2s!4v1597040763215!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
<tr>
<td>Hồ Chí Minh</td>
<td>Chi nhánh Quận 1, HCM</td>
<td>2 Nguyễn Bỉnh Khiêm, Bến Nghé, Quận 1, Thành phố Hồ Chí Minh 700000, Vietnam</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31355.7696543016!2d106.68085292687068!3d10.775176558623825!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31752f4b3330bcc7%3A0x4db964d76bf6e18e!2sSaigon%20Zoo%20And%20Botanical%20Garden!5e0!3m2!1sen!2s!4v1597040686963!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
<tr>
<td>Hồ Chí Minh</td>
<td>Chi nhánh Quận 10, HCM</td>
<td>150 Nguyễn Duy Cung, phường 15, quận Gò Vấp, HCM / Số điện thoại: +84 99999999</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.631352569255!2d106.63993401490595!3d10.83949799227877!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529a928fd9ee7%3A0x9212ec848dbfcbb6!2sEGANY%20Tech!5e0!3m2!1sen!2s!4v1594605695674!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
<tr>
<td>Hà Nội</td>
<td>Chi nhánh Ba Đình</td>
<td>150 Nguyễn Duy Cung, phường 15, quận Gò Vấp, HCM / Số điện thoại: +84 99999999</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.631352569255!2d106.63993401490595!3d10.83949799227877!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529a928fd9ee7%3A0x9212ec848dbfcbb6!2sEGANY%20Tech!5e0!3m2!1sen!2s!4v1594605695674!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
<tr>
<td>Hà Nội</td>
<td>Chi nhánh Cầu Giấy</td>
<td>150 Nguyễn Duy Cung, phường 15, quận Gò Vấp, HCM / Số điện thoại: +84 99999999</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.631352569255!2d106.63993401490595!3d10.83949799227877!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529a928fd9ee7%3A0x9212ec848dbfcbb6!2sEGANY%20Tech!5e0!3m2!1sen!2s!4v1594605695674!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
<tr>
<td>Hà Nội</td>
<td>Chi nhánh Hàng Trống</td>
<td>150 Nguyễn Duy Cung, phường 15, quận Gò Vấp, HCM / Số điện thoại: +84 99999999</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.631352569255!2d106.63993401490595!3d10.83949799227877!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529a928fd9ee7%3A0x9212ec848dbfcbb6!2sEGANY%20Tech!5e0!3m2!1sen!2s!4v1594605695674!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
<tr>
<td>Mỹ Tho</td>
<td>Chi nhánh Ấp Bắc</td>
<td>150 Nguyễn Duy Cung, phường 15, quận Gò Vấp, HCM / Số điện thoại: +84 99999999</td>
<td><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3918.631352569255!2d106.63993401490595!3d10.83949799227877!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x317529a928fd9ee7%3A0x9212ec848dbfcbb6!2sEGANY%20Tech!5e0!3m2!1sen!2s!4v1594605695674!5m2!1sen!2s" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></td>
</tr>
</tbody></table>
<p> </p>
Xem hướng dẫn nhanh cách sử dụng bảng mẫu trong video dưới đây
2.1 Cách để lấy mã nhúng địa chỉ từ google map
Nhập địa chỉ cửa hàng tại thanh tìm kiếm
Tìm kiếm cửa hàng trên google map
Chọn chia sẻ
Chọn chia sẻ vị trí
Chọn Embed a map > COPY HTML
Sao chép mã nhung địa chỉ
3. Lưu thông tin
Sau khi điền đủ các thông tin trong bảng, bạn nhấn nút Lưu
Lưu thông tin
Đây là kết quả hiển thị sau khi thiết lập danh sách cửa hàng.
Kết quả sau khi thiết lập
Sau khi thực hiện theo hướng dẫn trên, bạn đã có thể thiết lập Thiết lập danh sách cửa hàng với EGA Fashion. Trong quá trình thiết lập, nếu có thắc mắc vui lòng liên hệ [email protected].