Comment utiliser Siter : Créez un site web en 10 minutes (2026)

Démarrage rapide

Ce guide couvre toutes les fonctionnalités de Siter :

• Commencer — Créez votre compte et configurez votre premier projet
• Comment utiliser la collection de formulaires — Collect leads and feedback with no code
• Comment utiliser une page de destination — Build one focused page that turns visitors into signups
• Comment utiliser les vidéos intégrées et locales — Add video to any section without slowing your site
• Comment utiliser l'outil de conception intuitive — Place every element exactly where you want it
• Comment utiliser les groupes et les calques — 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
• Comment utiliser les cartes personnalisables — Show visitors exactly where your business sits
• Comment utiliser les liens personnalisés — Turn any element into a link, anchor, or overlay trigger

Temps nécessaire : 5 minutes par fonctionnalité

Vous trouverez également dans ce guide : Conseils de pro | Erreurs courantes | Dépannage | Tarification | Alternatives

Pourquoi faire confiance à ce guide ?

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.

Ce guide vous montre comment utiliser chaque fonctionnalité principale.

Étape par étape, avec captures d'écran et conseils de pro.

Tutoriel Site

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

Premiers pas avec Siter

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

Cela prend environ trois minutes sur n'importe quel ordinateur.

Here is what my own first project looked like:

Passons maintenant en revue chaque étape.

Étape 1 : Créez votre compte

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

Saisissez votre adresse e-mail et choisissez un mot de passe.

✓ Point de contrôle: Vérifiez votre boîte de réception for the confirmation link.

Étape 2 : Ouvrez votre tableau de bord

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:

✓ Point de contrôle: 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

Collection de formulaires lets you collect leads and feedback without writing a single line of code.

Voici comment l'utiliser étape par étape.

Étape 1 : Ajouter un bloc de formulaire

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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Comment utiliser la page d'accueil du site

Page d'accueil lets you build one focused page that turns visitors into signups.

Voici comment l'utiliser étape par étape.

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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Comment utiliser l'intégration de sites et les vidéos locales

Vidéos intégrées et locales lets you add video to any section without slowing your site down.

Voici comment l'utiliser étape par étape.

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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Comment utiliser l'outil de conception intuitif Siter

Outil de conception intuitif lets you place every element exactly where you want it on the canvas.

Voici comment l'utiliser étape par étape.

Étape 1 : Ouvrir le canevas

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 appareils.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Comment utiliser les groupes de sites et les calques

Groupes et calques lets you keep busy pages organized so edits take seconds, not minutes.

Voici comment l'utiliser étape par étape.

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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Voici comment l'utiliser étape par étape.

Étape 1 : Installer le 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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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

Module complémentaire Figma lets you move a finished design into Siter without rebuilding it.

Voici comment l'utiliser étape par étape.

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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Comment utiliser les cartes personnalisables de Siter

Cartes personnalisables lets you show visitors exactly where your entreprise sits.

Voici comment l'utiliser étape par étape.

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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Comment utiliser la liaison personnalisée Siter

Liens personnalisés lets you turn any element into a link, anchor, or open overlay trigger.

Voici comment l'utiliser étape par étape.

Étape 1 : Sélectionner l'élément

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.

Voici à quoi cela ressemble :

✓ Point de contrôle: 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.

Conseils et astuces de pro de Siter

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

Raccourcis clavier

Action	Raccourci
Regrouper les éléments sélectionnés	Ctrl + G
Copy and paste an element	Ctrl + C, Ctrl + V
Duplicate in place	Ctrl + D
Prévisualisez votre site	Ctrl + P

Fonctionnalités cachées que la plupart des gens ignorent

• 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.

Erreurs courantes à éviter sur le site

Mistake #1: Ignoring the Mobile Version

Mistake #2: Building Without Groups

Mistake #3: Publishing Without a Preview

Dépannage du site

Problème : Une erreur s’est produite lors de la récupération des informations de partage

Cause: Your embedded YouTube video is private, deleted, or blocked in your region.

Réparer: 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

Cause: The embed permission failed, so the player cannot load the clip.

Réparer: Upload a local file instead, or swap the embed for a different video.

Problem: Elements jump around on mobile

Cause: You placed elements on the desktop screen only.

Réparer: Open the mobile version, drag each element into place, then publish again.

📌 Note: If none of these fix your issue, contact Siter support.

Qu'est-ce que Siter ?

Sœur 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.

Regardez ce bref aperçu :

Il comprend les fonctionnalités clés suivantes :

• Collection de formulaires : Drop a working form on any page and read replies inside your project
• Page d'accueil : A single-page layout built for one clear action
• Vidéos intégrées et locales : Upload a local file or paste a YouTube link into any block
• Outil de conception intuitif : A free-form canvas with real drag and drop control
• Groupes et calques : 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
• Cartes personnalisables : A styled map block you can color to match your brand
• Liens personnalisés : Link elements to pages, sections, files, or overlays

Pour une analyse complète, consultez notre Avis sur le site.

Tarification du site

Here is what Siter costs in 2026:

Plan	Prix	Idéal pour
Gratuit	Gratuit	Testing the editor on a free subdomain
Solo	7 $/mois	One personal site with a custom domain
Plus	12 $/mois	travailleurs indépendants running a few client projects
Pro	24 $/mois	Designers and small studios with many sites

Essai gratuit : Yes — the Free plan never expires, so no card is needed.

Garantie de remboursement : Not advertised, so test on the free plan first.

💰 Meilleur rapport qualité-prix : Plus at $12/month — custom domains, more projects, and room to grow.

Siter vs Alternatives

How does Siter compare? Here is the competitive landscape:

Outil	Idéal pour	Prix	Notation
Sœur	Free-form design control	7 $/mois	⭐ 4,5
Gamma	Instant AI pages	8 $/mois	⭐ 4,5
Durable	entreprises de services	12 $/mois	⭐ 4,5
10Web	Hébergement WordPress	10 $/mois	⭐ 4,5
Encadreur	Design teams	10 $/mois	⭐ 4,5
Dorik	Agence en marque blanche	10,38 $/mois	⭐ 4,5
Typedream	Simple marketing sites	15 $/mois	⭐ 3,5
Jimdo	Small shops	11 $/mois	⭐ 3,5

Sélection rapide :

• Meilleur résultat global : Framer — deepest feature range for professional teams.
• Meilleur budget : Siter — paid plans start at $7 per month.
• Idéal pour les débutants : Pineapple Builder — the simplest editor here.
• Idéal pour les utilisateurs de Figma : Siter — paste frames straight into your page.

🎯 Alternatives à Site

Vous cherchez des alternatives à Siter ? Voici les meilleures options :

• 🚀 Gamma: Turns a prompt into a full site or deck in seconds. Best when speed matters more than pixel control.
• ⚡ Durable: Generates a small business site in about thirty seconds, with invoicing and CRM tools bundled in.
• 🧠 Courge musquée : AI writes copy and picks images for you, then hands over a simple editable site.
• 🔧 Conception du code : 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.
• 👶 Constructeur d'ananas : Beginner focused AI builder with a free starter tier and simple content editing.
• 🌟 Encadreur : 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.
• 🎯 Tarte appétissante : App and website builder aimed at users who want both from one platform.

Pour la liste complète, consultez notre Alternatives à Siter guide.

⚔️ Site comparé

Here is how Siter stacks up against each competitor:

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

Commencez à utiliser Siter dès maintenant

Vous avez appris à utiliser toutes les principales fonctionnalités de Siter :

• ✅ Collection de formulaires
• ✅ Page de destination
• ✅ Intégration et vidéos locales
• ✅ Outil de conception intuitif
• ✅ Groupes et calques
• ✅ Figma Plugin Overview
• ✅ Figma Plug-in
• ✅ Cartes personnalisables
• ✅ Liens personnalisés

Étape suivante : Choisissez une fonctionnalité et essayez-la dès maintenant.

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.

Foire aux questions

Siter.io est-il un site légitime ?

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.

Comment fonctionne Siter.io ?

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.

Combien coûte Siter IO ?

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 est-il gratuit ?

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.

Comment utiliser Siter.io dans 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.