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

機能を使用する前に、この初回設定を完了してください。

まずは私の簡単な解説動画をご覧ください。

それでは、各ステップを順を追って見ていきましょう。

ステップ1：アカウントを作成する

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 仕事 Webサイト。

エディターの画面は以下のようになります。

✓ チェックポイント: 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.

ステップ2：テンプレートを選択する

ブラウズ 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:

• 🚀 ウィックス： the widest template range and advanced features for any website type.
• 🧠 ガンマ： AI that builds pages and slides from a few ideas.
• 🔧 10ウェブ: AI-built WordPress sites with fast hosting for developers.
• ⚡ 耐久性: a business website generated in seconds from a prompt.
• 🎨 スクエアスペース: 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.
• 💼 サイトsgpt: prompt-based sites that publish to the world quickly.

全リストについては、こちらをご覧ください。 SITE123の代替案 ガイド。

⚔️ SITE123 比較

Here is how SITE123 stacks up against each competitor:

• SITE123 vs Wix: Wix wins on features; SITE123 wins on speed and simplicity for beginners.
• SITE123対ガンマ： Gamma is better for slides; SITE123 is better for a full website.
• SITE123 vs 10Web: 10Web suits WordPress fans; SITE123 needs no coding experience at all.
• SITE123 vs Durable： Durable is faster to draft; SITE123 gives more control to customize.
• SITE123 vs 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 vs パイナップルビルダー： 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.