Nhảy tới nội dung

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

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

Đă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

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 icon table

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

Đ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>&lt;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"&gt;&lt;/iframe&gt;</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>&lt;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"&gt;&lt;/iframe&gt;</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>&lt;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"&gt;&lt;/iframe&gt;</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>&lt;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"&gt;&lt;/iframe&gt;</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>&lt;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"&gt;&lt;/iframe&gt;</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>&lt;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"&gt;&lt;/iframe&gt;</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>&lt;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"&gt;&lt;/iframe&gt;</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>&lt;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"&gt;&lt;/iframe&gt;</td>
</tr>
</tbody></table>
<p>&nbsp;</p>

Xem hướng dẫn nhanh cách sử dụng bảng mẫu trong video dưới đây

cách sử dụng bảng mẫu

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

Điền các thông tin trong bảng

Tìm kiếm cửa hàng trên google map

Chọn chia sẻ

Điền các thông tin trong bảng

Chọn chia sẻ vị trí

Chọn Embed a map > COPY HTML

Điền các thông tin trong bảng

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

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

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].