wp_auto_code_preview • thietkeweb247.com

html

[section bg_color="rgb(15, 25, 45)" dark="true" class="a-dropdow"]

[row style="small"]

[col span="3" class="pb-0"]

[featured_box img="https://thietkeweb247.com/wp-content/uploads/2025/07/table-list-solid.webp" img_width="20" pos="left"]

Bán hàng hợp kênh

[/featured_box]
<ul class="a-ul">
<li><a title="Bán tại cửa hàng" href="#">Bán tại cửa hàng</a>
Tính tiền và in hóa đơn nhanh chóng
</li>
<li><a title="Bán trên sàn TMĐT" href="#">Bán trên sàn TMĐT</a>
Tăng doanh thu từ Shopee, TiktokShop, Tiki,...
</li>
<li><a title="Bán hàng trên MXH" href="#">Bán hàng trên MXH</a>
Tăng trưởng bán hàng trên Facebook, Zalo...
</li>
<li><a title="Bán hàng trên Website" href="#">Bán hàng trên Website</a>
Thiết kế website bán hàng chuyên nghiệp
</li>
<li><a title="Bán hàng hợp kênh" href="#">Bán hàng hợp kênh</a>
Bán hợp kênh từ Online đến Offline
</li>
</ul>

[/col]
[col span="3" class="pb-0"]

[featured_box img="https://thietkeweb247.com/wp-content/uploads/2025/07/gear-solid.webp" img_width="20" pos="left"]

Quản lý hợp kênh

[/featured_box]
<ul class="a-ul">
<li><a title="Bán tại cửa hàng" href="#">Quản lí kho hàng</a>
Nắm bắt chính xác lượng hàng trong kho
</li>
<li><a title="Bán tại cửa hàng" href="#">Quản lí khách hàng</a>
Lưu thông tin và chăm sóc sau bán
</li>
<li><a title="Bán tại cửa hàng" href="#">Quản lí nhân viên</a>
Phân quyền, theo dõi doanh số nhân viên
</li>
<li><a title="Bán hàng trên Website" href="#">Chát hợp kênh AI</a>
Quản lý hội thoại Facebook, Shopee,...
</li>
<li><a title="Bán tại cửa hàng" href="#">Quản lí kênh hàng</a>
Quản lý tập trung tất cả các kênh
</li>
</ul>

[/col]
[col span="3" class="pb-0"]

[featured_box img="https://thietkeweb247.com/wp-content/uploads/2025/07/utensils-solid.webp" img_width="20" pos="left"]

Quản lý nhà hàng & dịch vụ

[/featured_box]
<ul class="a-ul">
<li><a title="Quản lý nhà hàng, quán ăn" href="#">Quản lý nhà hàng, quán ăn</a>
Tính tiền và quản lý nhà hàng toàn diện
</li>
<li><a title="Quản lý quán cafe, tiệm bánh" href="#">Quản lý quán cafe, tiệm bánh</a>
Order nhanh, quản lý doanh thu chính xác
</li>
<li><a title="Quản lý quán trà sữa, trà chanh" href="#">Quản lý quán trà sữa, trà chanh</a>
Bán hàng dễ dàng, quản lý topping chi tiết
</li>
<li><a title="Quản lý quán bida" href="#">Quản lý quán bida</a>
Đặt bàn nhanh chóng, quản lý từ xa dễ dàng
</li>
<li><a title="Quản lý quán bar, karaoke" href="#">Quản lý quán bar, karaoke</a>
Thiết lập giá theo giờ, tính tiền linh hoạt
</li>
</ul>

[/col]
[col span="3" class="pb-0"]

[featured_box img="https://thietkeweb247.com/wp-content/uploads/2025/07/building-solid.webp" img_width="20" pos="left"]

Doanh nghiệp lớn

[/featured_box]
[ux_text class="mb"]

Giải pháp chuyển đổi số toàn diện từ bán hàng đa kênh đến vận hành quản lý tập trung dành riêng cho các doanh nghiệp lớn

[/ux_text]
[ux_image id="https://thietkeweb247.com/wp-content/uploads/2025/07/img-big-business.png"]

[/col]

[/row]

[/section]

css

.a-dropdow .row { width: 100% !important; margin: 0px auto !important; }
.a-dropdow .icon-box { margin-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 1rem; align-items: center; }
.a-dropdow .icon-box img { padding-top: unset !important; height: 20px; }
.a-dropdow .icon-box-text { padding-left: 10px !important; }
.a-dropdow .icon-box-text p { font-weight: bold; text-transform: uppercase; font-size: 14px; }
.a-dropdow .a-ul { transform: translateX(-1.3em); }
.a-dropdow .a-ul li { margin-bottom: 1.5rem; }
.a-dropdow .a-ul li p { font-size: 14px; padding-top: 5px; }
.a-dropdow ul { list-style: none; }
.a-dropdow .a-ul li a::after {
    content: '→';
    color: var(--fs-color-success);
    line-height: 1;
    font-size: 30px;
    margin-left: 10px;
    vertical-align: middle;
    opacity: 0;
    transform: translateX(-5px);
    transition: 
        opacity 0.3s ease, 
        transform 0.3s ease;
}
.a-dropdow .a-ul li:hover a{
	color: var(--fs-color-success);
}
.a-dropdow .a-ul li:hover a::after {
    opacity: 1;
    transform: translateX(0);
}
.a-dropdow .ux-menu-link__link:hover{
	color: var(--fs-color-success) !important;
}

desktop

mobile