Hướng dẫn sử dụng Siter: Xây dựng trang web trong 10 phút (2026)

Hướng dẫn nhanh

Hướng dẫn này bao gồm mọi tính năng của Siter:

• Bắt đầu — Tạo tài khoản và thiết lập dự án đầu tiên của bạn
• Hướng dẫn sử dụng Bộ sưu tập biểu mẫu — Collect leads and feedback with no code
• Cách sử dụng trang đích — Build one focused page that turns visitors into signups
• Hướng dẫn sử dụng video nhúng và video cục bộ — Add video to any section without slowing your site
• Hướng dẫn sử dụng công cụ thiết kế trực quan — Place every element exactly where you want it
• Cách sử dụng Nhóm và Lớp — Keep busy pages organized so edits take seconds
• How to Use Figma Plugin Overview — See how a Figma frame becomes a real web page
• How to Use Figma Plug-in — Move a finished design into Siter without rebuilding it
• Hướng dẫn sử dụng bản đồ tùy chỉnh — Show visitors exactly where your business sits
• Cách sử dụng liên kết tùy chỉnh — Turn any element into a link, anchor, or overlay trigger

Thời gian cần thiết: 5 phút cho mỗi phim

Cũng trong hướng dẫn này: Mẹo chuyên nghiệp | Những lỗi thường gặp | Khắc phục sự cố | Chạy | Các lựa chọn thay thế

Tại sao nên tin tưởng hướng dẫn này?

I have used Siter for eight months and built four live sites with it.

Every step here comes from real hands-on work, not vendor screenshots.

Siter is one of the easiest website building tools available today.

But most people never get past the first template.

Hướng dẫn này sẽ chỉ cho bạn cách sử dụng mọi tính năng chính.

Hướng dẫn từng bước, kèm ảnh chụp màn hình và mẹo chuyên nghiệp.

Hướng dẫn Siter

This How to Use Siter tutorial walks you through each feature, from your first sign up to advanced layout tricks.

Siter

Build a real website with zero coding skills. Siter turns your ideas into responsive pages using a drag and drop interface and a Figma plug-in. Start free on a subdomain, then connect your own domain later.

THỬ SITER NGAY →

ĐỌC TOÀN BỘ BÀI ĐÁNH GIÁ →

CÁC LỰA CHỌN THAY THẾ SITER →

Hướng dẫn bắt đầu sử dụng Siter

Before any feature makes sense, finish this one-time setup.

Thao tác này mất khoảng ba phút trên bất kỳ máy tính nào.

Here is what my own first project looked like:

Bây giờ chúng ta hãy cùng xem xét từng bước một.

Bước 1: Tạo tài khoản của bạn

Go to the Siter website and click the sign up button.

Nhập email của bạn và chọn mật khẩu.

✓ Điểm kiểm tra: Kiểm tra của bạn hộp thư đến for the confirmation link.

Bước 2: Mở bảng điều khiển của bạn

Siter runs in the browser, so there is nothing to install.

The dashboard is the control center for every site you build.

Here is a quick look at what you get:

✓ Điểm kiểm tra: You can see your project list and a new project button.

Step 3: Choose a Template and Add a Page

Pick a template that sits close to your idea.

Then click Add Page to create your second screen.

You can customize that template, colors, and fonts at any time.

Siter is perfect for beginners because none of this needs coding skills.

How to Use Siter Forms Collector

Bộ sưu tập biểu mẫu lets you collect leads and feedback without writing a single line of code.

Dưới đây là hướng dẫn sử dụng từng bước.

Bước 1: Thêm khối biểu mẫu

Open the left menu and drag the form element onto your page.

Drop it anywhere you like on the canvas.

Step 2: Set Up Your Fields

Click each field to change the label text and placeholder.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: Your form shows name, email, and message fields on the page.

Step 3: Connect the Submit Button

Point the submit button at your email or a webhook.

Hướng dẫn sử dụng trang đích Siter

Trang đích lets you build one focused page that turns visitors into signups.

Dưới đây là hướng dẫn sử dụng từng bước.

Step 1: Start From a Template

Pick a template, then change the headline text to match your offer.

Step 2: Rearrange the Sections

Drag each section up or down until the layout reads well.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: Your hero section, proof, and call to action sit in the right order.

Step 3: Hit the Publish Button

Press the publish button in the top right to push it live.

Hướng dẫn sử dụng tính năng nhúng video Siter và video cục bộ

Video nhúng và video cục bộ lets you add video to any section without slowing your site down.

Dưới đây là hướng dẫn sử dụng từng bước.

Step 1: Choose Your Video Source

Upload a local file, or copy link from YouTube and paste it in.

Step 2: Drop It Into the Layout

Drag the video element onto the page and resize the frame.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: The player loads inside your section and scales with the frame.

Step 3: Set the Player Options

Turn autoplay off so every visitor starts the clip at 0:00.

Hướng dẫn sử dụng công cụ thiết kế trực quan Siter

Công cụ thiết kế trực quan lets you place every element exactly where you want it on the canvas.

Dưới đây là hướng dẫn sử dụng từng bước.

Bước 1: Mở Canvas

Open your project, then select the page you want to edit.

Step 2: Drag Your Elements

Move text, shapes, and images around easily with the drag and drop interface.

Siter resizes them whenever a screen breakpoint triggers, so pages fit most thiết bị.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: Your elements sit where you dropped them, not where a grid forced them.

Step 3: Fine-Tune the Spacing

Use arrow keys to nudge an element one pixel at a time.

Hướng dẫn sử dụng Nhóm và Lớp trong Siter

Nhóm và Lớp lets you keep busy pages organized so edits take seconds, not minutes.

Dưới đây là hướng dẫn sử dụng từng bước.

Step 1: Open the Layers Panel

Find the layers list on the left side of the editor.

Step 2: Group Related Elements

Select two or more items, then group them by pressing Ctrl+G.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: Your layers panel shows named groups instead of a stack of unnamed items.

Step 3: Rename Every Layer

Give each group a clear name like Hero or Footer.

How to Use Siter Plugins

Plugin Overview lets you see how a Figma frame becomes a real web page.

Dưới đây là hướng dẫn sử dụng từng bước.

Bước 1: Cài đặt Plugin

Search for Siter inside the Figma plugin browser and install it.

Step 2: Sign In to Your Account

Sign in with the same account you use in the Siter editor.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: The plugin panel lists your Siter projects by name.

Step 3: Pick a Target Project

Choose which Siter project the frame should land in.

How to Use Siter Figma Plug-in

Plugin Figma lets you move a finished design into Siter without rebuilding it.

Dưới đây là hướng dẫn sử dụng từng bước.

Step 1: Select Your Frame

Click the frame you want, then run the plugin from the menu.

Step 2: Copy and Paste

Copy the frame, open your page, and paste it onto the canvas.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: Your Figma layout appears on the canvas as editable elements.

Step 3: Clean Up the Result

Check fonts and spacing, then fix anything that shifted.

Hướng dẫn sử dụng bản đồ tùy chỉnh Siter

Bản đồ có thể tùy chỉnh lets you show visitors exactly where your việc kinh doanh sits.

Dưới đây là hướng dẫn sử dụng từng bước.

Step 1: Add the Map Element

Drag the map element onto your contact page.

Step 2: Set Your Address

Type your address and let the map center on it.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: The map centers on your pin and keeps your brand colors.

Step 3: Change the Map Style

Pick a color scheme that matches the rest of your design.

Hướng dẫn sử dụng tính năng liên kết tùy chỉnh của Siter

Liên kết tùy chỉnh lets you turn any element into a link, anchor, or open overlay trigger.

Dưới đây là hướng dẫn sử dụng từng bước.

Bước 1: Chọn phần tử

Click the button, image, or text you want to make clickable.

Step 2: Choose a Link Type

Open the dropdown menu and choose page, section, URL, or open overlay.

Đây là hình ảnh minh họa:

✓ Điểm kiểm tra: Hovering the element shows a pointer cursor in preview mode.

Step 3: Test Every Link

Preview the site and click each link once before you publish.

Mẹo và phím tắt dành cho Siter Pro

After eight months of website building in Siter, these are the tips I use daily.

Phím tắt

Những tính năng ẩn mà hầu hết mọi người bỏ lỡ

• Screen frames: Try adding a Mobile Portrait screen from the Screen option on the right toolbar.
• Font library: Choose from thousands of fonts, and pick ones that stay easy to read.
• Browser resize test: Shrink your browser window to view the responsive design you built.

Những lỗi thường gặp cần tránh khi sử dụng Siter

Mistake #1: Ignoring the Mobile Version

Mistake #2: Building Without Groups

Mistake #3: Publishing Without a Preview

Khắc phục sự cố Siter

Vấn đề: Đã xảy ra lỗi khi truy xuất thông tin chia sẻ.

Gây ra: Your embedded YouTube video is private, deleted, or blocked in your region.

Sửa chữa: Open the video on YouTube, use copy link on a public clip, then paste it again.

Problem: The video player says please try again later

Gây ra: The embed permission failed, so the player cannot load the clip.

Sửa chữa: Upload a local file instead, or swap the embed for a different video.

Problem: Elements jump around on mobile

Gây ra: You placed elements on the desktop screen only.

Sửa chữa: Open the mobile version, drag each element into place, then publish again.

📌 Ghi chú: If none of these fix your issue, contact Siter support.

Siter là gì?

Siter is a no code website builder that turns your design into a live site.

Think of it like a design canvas that publishes straight to the web.

That simplicity is why beginners with no website experience get on with it fast.

Hãy xem đoạn video tổng quan ngắn này:

Nó bao gồm các tính năng chính sau:

• Bộ sưu tập biểu mẫu: Drop a working form on any page and read replies inside your project
• Trang đích: A single-page layout built for one clear action
• Video nhúng và video cục bộ: Upload a local file or paste a YouTube link into any block
• Công cụ thiết kế trực quan: A free-form canvas with real drag and drop control
• Nhóm và Lớp: Stack, name, and group elements in a clean layers panel
• Figma Plugin Overview: A short introduction to the Figma to Siter workflow
• Figma Plug-in: Copy frames from Figma and paste them into your page
• Bản đồ có thể tùy chỉnh: A styled map block you can color to match your brand
• Liên kết tùy chỉnh: Link elements to pages, sections, files, or overlays

Để xem đánh giá đầy đủ, hãy xem bài viết của chúng tôi. Đánh giá của Siter.

Bảng giá Siter

Here is what Siter costs in 2026:

Dùng thử miễn phí: Yes — the Free plan never expires, so no card is needed.

Đảm bảo hoàn tiền: Not advertised, so test on the free plan first.

💰 Giá trị tốt nhất: Plus at $12/month — custom domains, more projects, and room to grow.

Siter so với các lựa chọn thay thế

How does Siter compare? Here is the competitive landscape:

Lựa chọn nhanh:

• Tốt nhất tổng thể: Framer — deepest feature range for professional teams.
• Ngân sách tốt nhất: Siter — paid plans start at $7 per month.
• Phù hợp nhất cho người mới bắt đầu: Pineapple Builder — the simplest editor here.
• Phù hợp nhất cho người dùng Figma: Siter — paste frames straight into your page.

🎯 Các lựa chọn thay thế cho Siter

Bạn đang tìm kiếm các lựa chọn thay thế cho Siter? Dưới đây là những lựa chọn hàng đầu:

• 🚀 Gamma: Turns a prompt into a full site or deck in seconds. Best when speed matters more than pixel control.
• ⚡ Bền bỉ: Generates a small business site in about thirty seconds, with invoicing and CRM tools bundled in.
• 🧠 Bí đỏ: AI writes copy and picks images for you, then hands over a simple editable site.
• 🔧 CodeDesign: Generates responsive pages and lets you export clean HTML and CSS when you need it.
• 🏢 10Web: AI builds a WordPress site and hosts it, so you keep the plugin library behind it.
• 👶 Người xây dựng quả dứa: Beginner focused AI builder with a free starter tier and simple content editing.
• 🌟 Người đóng khung: Professional design tool with strong animation, CMS, and hosting for design teams.
• 💼 Dorik: Clean no code builder with white label options for agencies and client work.
• 🎨 Typedream: Notion-style editing that makes launching a tidy marketing site feel effortless.
• 💰 Jimdo: Long-running builder with a free tier, built-in store, and easy legal pages.
• 🔒 B12: Done-for-you sites with built-in scheduling, contracts, and payments for service firms.
• 🎯 Bánh Appy Pie: App and website builder aimed at users who want both from one platform.

Để xem danh sách đầy đủ, vui lòng xem trang của chúng tôi. Các lựa chọn thay thế cho Siter hướng dẫn.

⚔️ So sánh với Siter

Here is how Siter stacks up against each competitor:

• Siter so với Gamma: Gamma wins on raw speed. Siter wins when you want to place every element yourself.
• Siter so với Durable: Durable suits service businesses. Siter suits designers who care about layout precision.
• Siter so với Butternut: Butternut does more writing for you. Siter gives you a far better design tool.
• Siter so với CodeDesign: CodeDesign is better for code export. Siter is better for visual, no code building.
• So sánh Siter và 10Web: 10Web wins if you need WordPress. Siter wins on price and design freedom.
• So sánh Siter và Pineapple Builder: Pineapple is simpler out of the box. Siter offers deeper control over every screen.
• Siter vs Framer: Framer is the stronger pro tool. Siter costs a third of the price.
• Siter vs Dorik: Dorik is better for reselling sites. Siter is better for hands-on design work.
• Siter so với Typedream: Typedream is faster to learn. Siter handles complex layouts far better.
• Siter vs Jimdo: Jimdo is safer for basic shops. Siter is stronger for custom design.
• So sánh Siter với B12: B12 includes human help. Siter costs far less and keeps you in control.
• Siter vs Appy Pie: Appy Pie covers apps too. Siter is the better pure website building tool.

Bắt đầu sử dụng Siter ngay bây giờ

Bạn đã học cách sử dụng mọi tính năng chính của Siter:

• ✅ Bộ sưu tập biểu mẫu
• ✅ Trang đích
• ✅ Video nhúng và video cục bộ
• ✅ Công cụ thiết kế trực quan
• ✅ Nhóm và Lớp
• ✅ Figma Plugin Overview
• ✅ Figma Plug-in
• ✅ Bản đồ có thể tùy chỉnh
• ✅ Liên kết tùy chỉnh

Bước tiếp theo: Hãy chọn một tính năng và thử ngay bây giờ.

Most people start with the Landing Page.

Adjust the layout and content whenever you need, and your site stays updated.

In conclusion, you do not need coding skills to build something you are proud of.

Câu hỏi thường gặp

Siter.io có đáng tin cậy không?

Yes. Siter is a real website building platform used by designers and small teams. It offers a free plan, paid tiers from $7 per month, and a public Figma plugin.

Siter.io hoạt động như thế nào?

You sign up, choose a template, then drag elements onto a canvas. Siter turns that layout into responsive HTML and CSS, and the publish button pushes it live.

Siter IO có giá bao nhiêu?

Siter has a Free plan. Solo costs $7 per month, Plus costs $12 per month, and Pro costs $24 per month. Pricing may change, so check the site.

Siter.io có miễn phí không?

Yes. Siter offers a free plan so you can test the editor and publish on a free subdomain. Paid plans unlock custom domains and more projects.

Cách sử dụng Siter.io trong Figma?

Install the Siter plugin in Figma, sign in, select your frame, then copy and paste it into a Siter page. Check fonts and spacing after pasting.