How to Use SITE123 Step by Step — 2026 Tutorial

快速入门

This guide shows how to use SITE123 and every feature:

• 入门 — 创建账户和基本设置
• How to Use Ready-Made Styles and Layouts — pick relevant templates and apply a full layout with one click
• How to Use Multi-Language Websites — add languages so your business website reaches a global audience
• How to Use Dedicated App Market — add advanced features like plugins, chat, and analytics tools
• How to Use Free Image and Icon Library — add free images, icons, and videos without leaving the editor
• How to Use Website Structure Wizard — build a full page structure from a few simple ideas
• How to Use One-Click Publishing — publish your site to the world with a single button
• How to Use Full Mobile Optimization — make every page adjust cleanly to any mobile device
• How to Use Integrated Email Marketing — collect emails and send campaigns from one platform
• How to Use Custom Form Builder — build forms and surveys to collect data from visitors

所需时间： 每部影片 5 分钟

本指南还包含以下内容： 专业提示 | 常见错误 | 故障排除 | 定价 | 替代方案

为什么信任本指南

I built a real SITE123 website over three weeks and tested every tool here.

This tutorial comes from hands-on use, not vendor screenshots.

SITE123 is a website 建筑商 that lets anyone create a website fast.

You need no coding experience to build a professional site.

This guide covers each feature step by step, with pro tips.

SITE123 Tutorial

This complete SITE123 tutorial walks you through setup, editing, and publishing.

站点123

Build your own website in under an hour with no coding experience. SITE123 gives you templates, a free subdomain, and built-in SEO tools. Start free today.

立即体验 Site123 →

阅读完整评测 →

Getting Started with SITE123

在执行任何功能之前，请先完成此一次性设置。

先观看我的快速演示：

现在让我们一步一步来。

第一步：创建您的帐户

Go to the SITE123 website and click Start.

You can start without an account, then sign up to save your site.

✓ 检查点： Your free account is ready.

Step 2: Pick Your Website Type

Choose your website type, like blog, online store, or 商业 网站。

这就是编辑器的样子：

✓ 检查点： You should see the website editor dashboard.

步骤 3：添加您的内容

Upload your own images and edit the homepage 文本.

Here’s an overview of the tools you get:

How to Use SITE123 Ready-Made Styles and Layouts

Ready-Made Styles and Layouts lets you pick relevant templates and apply a full layout with one click.

以下是使用步骤。

Step 1: Open the style gallery

Open the website editor and click the styles panel.

步骤二：选择模板

浏览 relevant templates by website type and preview each layout.

这就是它的样子：

✓ 检查点： The new layout loads across your homepage 即刻.

Step 3: Apply the layout

Click apply to set fonts, colors, and structure across every page.

How to Use SITE123 Multi-Language Websites

Multi-Language Websites lets you add languages so your business website reaches a global audience.

以下是使用步骤。

Step 1: Open language settings

In the website editor, open the multilingual panel.

Step 2: Add a language

Select a language and let the builder duplicate each page.

这就是它的样子：

✓ 检查点： A language switcher appears on your homepage.

Step 3: Edit translations

Edit text on every new page for each audience.

How to Use SITE123 Dedicated App Market

Dedicated App Market lets you add advanced features like plugins, chat, and analytics tools.

以下是使用步骤。

Step 1: Open the app market

Click the app market inside the website builder.

Step 2: Browse categories

Browse categories to find plugins and services you need.

这就是它的样子：

✓ 检查点： The installed app shows up in your dashboard menu.

Step 3: Install an app

Click install to add advanced features to your site.

How to Use SITE123 Free Image and Icon Library

Free Image and Icon Library lets you add free images, icons, and videos without leaving the editor.

以下是使用步骤。

Step 1: Open the media library

Click any image block, then open the media library.

Step 2: Search the range

Search the free range of images, icons, and videos.

这就是它的样子：

✓ 检查点： The chosen image appears in your page layout.

步骤 3：插入拨片

Insert the media, or upload your own images instead.

How to Use SITE123 Website Structure Wizard

Website Structure Wizard lets you build a full page structure from a few simple ideas.

以下是使用步骤。

Step 1: Start the wizard

Open the structure wizard when you create a website.

Step 2: Answer prompts

Answer prompts about your website type and content ideas.

这就是它的样子：

✓ 检查点： A ready site structure loads in the website editor.

Step 3: Generate the site

The builder generates a homepage and new sections for you.

How to Use SITE123 One-Click Publishing

一键发布 lets you publish your site to the world with a single button.

以下是使用步骤。

Step 1: Review your pages

Preview your homepage and every page on a mobile device.

Step 2: Set the domain

Connect a custom domain or use the free subdomain.

这就是它的样子：

✓ 检查点： Your site loads on its own website address.

Step 3: Click publish

Click publish to push your site live for visitors.

How to Use SITE123 Full Mobile Optimization

Full Mobile Optimization lets you make every page adjust cleanly to any mobile device.

以下是使用步骤。

Step 1: Open mobile view

Switch to mobile view in the website editor.

Step 2: Adjust sections

Tweak spacing and font options for smaller screens.

这就是它的样子：

✓ 检查点： Text and images resize without breaking the layout.

Step 3: Preview on phones

Preview the homepage on a real mobile device.

How to Use SITE123 Integrated Email Marketing

整合式电子邮件营销 lets you collect emails and send campaigns from one platform.

以下是使用步骤。

Step 1: Add a signup form

Drop a signup form on your homepage or blog.

Step 2: Build a list

Collect subscribers as visitors and users sign up.

这就是它的样子：

✓ 检查点： New subscribers appear in your contact list.

Step 3: Send a campaign

Write an email and send it to your audience.

How to Use SITE123 Custom Form Builder

Custom Form Builder lets you build forms and surveys to collect 数据 from visitors.

以下是使用步骤。

Step 1: Add a form block

Add a form block to any page or contact page.

Step 2: Set the fields

Set the fields you want each visitor to answer.

这就是它的样子：

✓ 检查点： A working form appears on your live page.

Step 3: Connect results

Connect results to your email so you never miss a lead.

SITE123 Pro Tips and Shortcuts

After weeks with SITE123, here are my best tips to manage a site.

快速取胜

大多数人错过的隐藏功能

• 内置SEO： Set titles and tags so Google and search engines rank your homepage.
• Social links: Connect Facebook and other social media to grow visitors and traffic.
• Blog and articles: Publish posts and articles to bring new visitors from search.

SITE123 Common Mistakes to Avoid

Mistake: Skipping the free subdomain test

Mistake: Ignoring mobile view

Mistake: Leaving the contact page empty

SITE123 Troubleshooting

问题：我的自定义域名无法连接

原因： The DNS records point to the wrong place.

使固定： Copy the records from SITE123 into your domain provider and wait an hour.

Problem: My site is not showing on Google

原因： Search engines have not indexed your new website yet.

使固定： Submit your site in the SEO settings and share links on social media.

Problem: My images look blurry

原因： You uploaded low-resolution own images.

使固定： Upload larger images or pick sharp photos from the free media library.

📌 笔记： If these do not help, use SITE123 24/7 live chat support.

SITE123是什么？

站点123 is a free website builder that helps beginners create a website fast.

Think of it as a guided kit for your own website.

The clean editor is friendly, allowing users to focus on content, not code.

You answer a few questions and publish in under an hour.

观看这段快速概览：

它包含以下主要特点：

• Ready-Made Styles and Layouts: pick relevant templates and apply a full layout with one click
• Multi-Language Websites: add languages so your business website reaches a global audience
• Dedicated App Market: add advanced features like plugins, chat, and analytics tools
• Free Image and Icon Library: add free images, icons, and videos without leaving the editor
• Website Structure Wizard: build a full page structure from a few simple ideas
• 一键发布： publish your site to the world with a single button
• Full Mobile Optimization: make every page adjust cleanly to any mobile device
• Integrated Email Marketing: collect emails and send campaigns from one platform
• Custom Form Builder: build forms and surveys to collect data from visitors

如需完整评测，请参阅我们的 SITE123 review.

SITE123 定价

Here is what SITE123 costs in 2026:

免费方案： Yes, with a free subdomain and limited features.

免费域名： All paid plans include a free domain for one year.

Premium also adds SSL 安全 so visitors can purchase from your store safely.

💰 性价比最高： Premium — cheap plans with your own domain and SEO tools.

SITE123 与其他方案的比较

How does SITE123 compare? Here is the competitive landscape:

观看这段对比视频：

快速精选：

• 综合最佳： Wix — most templates and advanced features.
• 最佳预算： SITE123 — cheap plans and a truly free tier.
• 最适合初学者： SITE123 — the easiest way to create a website.
• Best for online store: Squarespace — strong store and layout tools.

🎯 SITE123 的替代方案

Looking for SITE123 alternatives? Here are the top options:

• 🚀 Wix： the widest template range and advanced features for any website type.
• 🧠 伽马： AI that builds pages and slides from a few ideas.
• 🔧 10Web： AI-built WordPress sites with fast hosting for developers.
• ⚡ 耐用的： a business website generated in seconds from a prompt.
• 🎨 Squarespace： polished templates and a strong online store for creators.
• 🌟 框架： pixel-perfect design freedom for professional teams.
• 👶 多里克： a clean, user friendly builder for beginners and startups.
• 🔥 菠萝建造者: an AI website builder that writes copy as it builds.
• 🎯 西特: a visual editor for designers who want full control.
• 🏢 B12: AI plus experts to launch a business website fast.
• 📊 代码设计 人工智能： AI that designs and structures a site from your goals.
• 💼 Sitesgpt: prompt-based sites that publish to the world quickly.

完整列表请参见我们的 SITE123 的替代方案 指导。

⚔️ SITE123 对比

Here is how SITE123 stacks up against each competitor:

• SITE123 对比 Wix： Wix wins on features; SITE123 wins on speed and simplicity for beginners.
• SITE123 对阵 Gamma： Gamma is better for slides; SITE123 is better for a full website.
• SITE123 对比 10Web： 10Web suits WordPress fans; SITE123 needs no coding experience at all.
• SITE123 对比 Durable： Durable is faster to draft; SITE123 gives more control to customize.
• SITE123 对比 Squarespace： Squarespace looks sharper; SITE123 costs far less each month.
• SITE123 对比 Framer： Framer suits designers; SITE123 suits users who want quick results.
• SITE123 对阵 Dorik： Dorik and SITE123 are both easy; SITE123 has a stronger free plan.
• SITE123 对比 Pineapple Builder： Pineapple leans on AI copy; SITE123 gives hands-on editing control.
• SITE123 对阵 Siter： Siter offers freeform design; SITE123 keeps structure simple for beginners.
• SITE123 vs B12: B12 bundles services; SITE123 lets you manage the whole site yourself.
• SITE123 vs Codedesign ai: Codedesign ai automates layout; SITE123 balances speed with manual edits.
• SITE123 vs Sitesgpt: Sitesgpt is prompt-first; SITE123 offers a fuller editor and app market.

Start Using SITE123 Now

You learned how to use every major SITE123 feature:

• ✅ Ready-Made Styles and Layouts
• ✅ Multi-Language Websites
• ✅ Dedicated App Market
• ✅ Free Image and Icon Library
• ✅ Website Structure Wizard
• ✅ One-Click Publishing
• ✅ Full Mobile Optimization
• ✅ Integrated Email Marketing
• ✅ Custom Form Builder

下一步： 选择一项功能，立即试用。

Most people start by picking a website type.

It takes less than an hour to publish.

常见问题解答

Is SITE123 good for beginners?

Yes. SITE123 needs no coding experience. You pick a website type, edit text and images, then publish. Beginners can create a website in under an hour.

Can I use my own domain with SITE123?

Yes. You can connect a custom domain, and paid plans include a free domain for one year. The free plan uses a free subdomain instead.

Is SITE123 free to use?

Yes. SITE123 has a free plan with limited features and a free subdomain. Premium starts at $5.80 per month for a custom domain and more tools.

SITE123是如何运作的？

You answer a few questions, pick relevant templates, then edit pages in the website editor. Add your own images, connect social media, and publish to search engines.

SITE123 的费用是多少？

SITE123 is free to start. The Premium plan is $5.80 per month and adds a custom domain, more storage, and advanced features for a business website.