# Hướng dẫn tạo Header, Footer và Side Column cho Store của bạn

> Header là phần quan trọng giúp khách hàng dễ dàng điều hướng trong store của bạn. Dưới đây là hướng dẫn nhanh tạo header cho store

Source: https://blog.senprints.com/docs/huong-dan-tao-header-footer-va-side-column-cho-store
Updated: 2026-10-07

### Header là phần quan trọng giúp khách hàng dễ dàng điều hướng trong store của bạn. Dưới đây là hướng dẫn nhanh để chỉnh sửa và tùy chỉnh Header cho store.

<!--ec:block {"_type":"break","_key":"key-3-pa7bw","style":"lineBreak"} -->

### **1. Chỉnh sửa Header trong Store**

#### **✅ Bước 1: Truy cập chỉnh sửa store**

- Vào **Storefront** → chọn **All Store**

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeeJcG_NP21JcDFioaYGV5PfGPypzniG8vABq82rZYs-L1OKanFX7J25VgDZcHRcqYY76VkI6N7wjoGYZz7avULPNKVYWWTy2qQ2V8VdmXZH89K-91CP_5EGhPJrW3fXmQH6mQ?key=lLT1i6g6dsDDQ9MxWYtWz2-t)

- Chọn store bạn muốn chỉnh sửa → Nhấn **Edit**

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcp3DRJ-TClbhV8Qm2lsW0GOeNxsvkorAbNOMCLfdUynhUtc7-FnZxjK_dusKp0uOpX8dcYze3Ine23mc8qXozNH3q8I2WwDF7LTwtfEgN9yJDA3KRWFBzzNDqs4P494N3daBo?key=lLT1i6g6dsDDQ9MxWYtWz2-t)

#### **✅ Bước 2: Chỉnh sửa Header**

- Trong **Edit My Store**, chọn **Navigation**

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdHcG9PN48Fb0zEVz0Yc7u8RU5RkYvAJ7oODlBxFbd1jQN_Ypecv9zQotn-pyx05eGoPk5-IgFKI2jz-RRU5sfh5iH1f7q8Ic0-igUikQmn_Em189qDHTOO7t47igVc9hRmYr7x?key=lLT1i6g6dsDDQ9MxWYtWz2-t)

- Tại mục **Header**, bạn có thể tùy chỉnh các mục theo ý muốn
- Nhấn **"Add"** để thêm các trường mới

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdg2bjxvlfaXSh7nVJ4nG05b1uOa-kOjX4JkUvrtyHrMHFB0-t5DISbxeYyhhPJl3FyRNNXQ0K4KDcqH63Seal3pFmzTf2ff82cUgsKdW_ixGbo65IIdGZpZNL7_NvoXQygRbo?key=lLT1i6g6dsDDQ9MxWYtWz2-t)

- Chỉnh sửa thông tin hoặc thêm mục nhỏ hơn bằng cách chọn biểu tượng chỉnh sửa bên phải mỗi mục

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXepsZ0voYf3XmzYH8wGjTXZPKWsAqY0gVIPFwW1v18KDPL_yCIhLqm2VLINwIlKGMFo5gJTt8r6fkyUQVRgL48H77ZATUTm3YuGHSqZSxJRlAs7FaFQdYkGUoLJtQmoupSTz0jz?key=lLT1i6g6dsDDQ9MxWYtWz2-t)

- Sau khi hoàn tất, nhấn **Save** để lưu thay đổi

<!--ec:block {"_type":"break","_key":"key-42-5rguf","style":"lineBreak"} -->

### **2. Chỉnh sửa Header Bar**

Header Bar giúp hiển thị thông tin quan trọng như thông báo, ưu đãi.

#### **✅ Bước 1: **Vào **Storefront** → chọn **All Store **→ Chọn Edit store cần chỉnh sửa

- Trong **Edit My Store**, chọn **Store Info**

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdyRw68dsvtVnHD8WO7Tn64r0E9phdUSedOFVVrAjtmRaDYdr4Qw0aVQYwDb4BodhpjGKj8U7Jr_Ad4AzvhsSwi5gSkzY-BzYJFJdu5iI-KLox65cCmG26oYZkfJc4oNABewlbr?key=lLT1i6g6dsDDQ9MxWYtWz2-t)

- Kéo xuống dưới tìm mục **Header Bar**

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcvWtCYZxXU9559yd0pmUFqDaZvuntowPqsBqg-zk6X-mYUZh1WFu0RMW7MVq4T25ziTQTgiIl__S9GJMsRGQqChhTu8Segg-r5BrlV8M8sIZDVCj7gTY17v6WlmR0cklLdsQI6?key=lLT1i6g6dsDDQ9MxWYtWz2-t)

#### **✅ Bước 2: Hiển thị và chỉnh sửa Header Bar**

- Tick chọn **“Show Header Bar”** để bật hiển thị
- Nhập nội dung cần thêm hoặc chỉnh sửa
- Nhấn **Save** để cập nhật

<!--ec:block {"_type":"break","_key":"key-76-awejg","style":"lineBreak"} -->

### **3. Lưu ý Quan Trọng**

✔️ Header giúp khách hàng dễ dàng điều hướng → Cấu trúc rõ ràng, dễ sử dụng
✔️ Header Bar giúp truyền tải thông tin quan trọng nhanh chóng
✔️ Luôn nhấn **Save** sau khi chỉnh sửa để cập nhật thay đổi

Bằng cách tối ưu Header, bạn sẽ giúp store trông chuyên nghiệp hơn và cải thiện trải nghiệm khách hàng! 🚀