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

الوقت اللازم: خمس دقائق لكل فقرة

يتضمن هذا الدليل أيضًا ما يلي: نصائح احترافية | الأخطاء الشائعة | استكشاف الأخطاء وإصلاحها | التسعير | البدائل

لماذا تثق بهذا الدليل؟

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 تحسين محركات البحث tools. Start free today.

جرّب موقع 123 الآن →

اقرأ المراجعة الكاملة →

Getting Started with SITE123

Before any feature, finish this one-time setup.

Watch my quick walkthrough first:

والآن دعونا نستعرض كل خطوة.

الخطوة الأولى: إنشاء حسابك

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.

Step 2: Pick a template

تصفح 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.

Step 3: Insert your pick

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

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.

Quick Wins

ميزات خفية يغفل عنها معظم الناس

• تحسين محركات البحث المدمج: 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

Problem: My custom domain will not connect

سبب: 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.

ما هو الموقع 123؟

الموقع 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.

أسعار الموقع 123

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.
• 🎨 سكوير سبيس: 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.
• 🏢 فيتامين ب12: 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.

للاطلاع على القائمة الكاملة، راجع بدائل الموقع 123 مرشد.

⚔️ مقارنة SITE123

Here is how SITE123 stacks up against each competitor:

• SITE123 مقابل Wix: Wix wins on features; SITE123 wins on speed and simplicity for beginners.
• الموقع 123 ضد جاما: 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 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.

كم تبلغ تكلفة الموقع 123؟

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.