Guida rapida Questa guida illustra tutte le funzionalità di Flowith: Tempo necessario: 5 minuti per funzionalità In questa guida troverai anche: Suggerimenti professionali | Errori comuni | Risoluzione dei problemi | Prezzi | Alternative Perché fidarti di questa guida? Ho usato Flowith per oltre 90 giorni e ho testato ogni funzionalità qui descritta. Questo tutorial su come usare Flowith deriva da una reale esperienza pratica, non da contenuti di marketing o screenshot di fornitori. Flowith è uno degli strumenti di intelligenza artificiale per la creazione di spazi di lavoro più potenti disponibili oggi. Ma la maggior parte degli utenti ne sfrutta solo una minima parte delle potenzialità. Questa guida ti mostra come utilizzare ogni funzionalità principale. Passo dopo passo, con screenshot e suggerimenti professionali. Tutorial di Flowith Questa guida completa […]

Avvio rapido

Come utilizzare la raccolta di moduli

• Iniziare — Crea il tuo account e configura il tuo primo progetto
• — Acquisizione di lead e dati utente — Collect leads and feedback with no code
• — Crea pagine ad alta conversione — Build one focused page that turns visitors into signups
• Come utilizzare i video incorporati e locali — Add video to any section without slowing your site
• — Progetta liberamente senza codice — Place every element exactly where you want it
• Come utilizzare gruppi e livelli — 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
• Come utilizzare le mappe personalizzabili — Show visitors exactly where your business sits
• Come utilizzare i collegamenti personalizzati — Turn any element into a link, anchor, or overlay trigger

Tempo necessario: 5 minuti per ogni servizio

In questa guida troverete anche: Consigli professionali | Errori comuni | Risoluzione dei problemi | Prezzi | Alternative

Perché fidarsi di questa guida

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.

Questa guida ti mostra come utilizzare tutte le principali funzionalità.

Passo dopo passo, con schermate e consigli da professionisti.

Questo tutorial completo su Siter ti guida passo passo attraverso ogni funzionalità, dalla configurazione iniziale ai suggerimenti avanzati che ti trasformeranno in un utente esperto.

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.

PROVA SUBITO SURFER SEO →

LEGGI LA RECENSIONE COMPLETA →

Creatore di app

Introduzione a Siter

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

It takes about three minutes on any computer.

Here is what my own first project looked like:

Ora analizziamo nel dettaglio ogni passaggio.

Passaggio 1: crea il tuo account

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

Inserisci la tua email e scegli una password.

✓ Punto di controllo: Controlla il tuo posta in arrivo for the confirmation link.

Passaggio 2: Apri la tua dashboard

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:

✓ Punto di controllo: 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

ti consente di acquisire lead, raccogliere feedback dagli utenti e raccogliere lets you collect leads and feedback without writing a single line of code.

Ecco come usarlo, passo dopo passo.

Fai clic sul segno più nell'editor per aggiungere un nuovo blocco.

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.

Ecco come si presenta:

✓ Punto di controllo: 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.

Crea pagine autonome ad alta conversione per le campagne

Pagina di destinazione lets you build one focused page that turns visitors into signups.

Ecco come usarlo, passo dopo passo.

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.

Ecco come si presenta:

✓ Punto di controllo: 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.

Come utilizzare i video incorporati e locali di Siter

, Vimeo o video auto-ospitati sul tuo sito web. lets you add video to any section without slowing your site down.

Ecco come usarlo, passo dopo passo.

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.

Ecco come si presenta:

✓ Punto di controllo: 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.

Consente di creare disegni a mano libera senza vincoli di griglia, proprio come un software di progettazione professionale.

Strumento di progettazione intuitivo lets you place every element exactly where you want it on the canvas.

Ecco come usarlo, passo dopo passo.

Dalla dashboard di Adalo, fai clic sull'app per aprire la tela.

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

Ecco come si presenta:

✓ Punto di controllo: 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.

Come utilizzare i gruppi e i livelli di Siter

Gruppo e livelli lets you keep busy pages organized so edits take seconds, not minutes.

Ecco come usarlo, passo dopo passo.

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.

Ecco come si presenta:

✓ Punto di controllo: 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.

Ecco come usarlo, passo dopo passo.

Passaggio 1: Installa il 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.

Ecco come si presenta:

✓ Punto di controllo: 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

Plug-in Figma lets you move a finished design into Siter without rebuilding it.

Ecco come usarlo, passo dopo passo.

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.

Ecco come si presenta:

✓ Punto di controllo: 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.

Consente di incorporare Google Maps con uno stile personalizzato che si adatti al design del tuo sito web.

Mappe personalizzabili lets you show visitors exactly where your Attività commerciale sits.

Ecco come usarlo, passo dopo passo.

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.

Ecco come si presenta:

✓ Punto di controllo: 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.

Consente di creare navigazione interna, link esterni e link di ancoraggio in tutto il sito web.

Collegamento personalizzato lets you turn any element into a link, anchor, or open overlay trigger.

Ecco come usarlo, passo dopo passo.

Passaggio 1: Selezionare l'elemento

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.

Ecco come si presenta:

✓ Punto di controllo: 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.

Dopo aver testato Siter per oltre 6 mesi, ecco i miei migliori consigli.

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

Scorciatoie da tastiera

Funzionalità nascoste che la maggior parte delle persone non nota

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

Errore n. 1: Ignorare il design per dispositivi mobili

Mistake #1: Ignoring the Mobile Version

Mistake #2: Building Without Groups

Mistake #3: Publishing Without a Preview

Problema: gli elementi non si allineano correttamente

Problema: si è verificato un errore durante il recupero delle informazioni di condivisione.

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

Aggiustare: 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

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

Aggiustare: Upload a local file instead, or swap the embed for a different video.

Problem: Elements jump around on mobile

Causa: You placed elements on the desktop screen only.

Aggiustare: Open the mobile version, drag each element into place, then publish again.

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

Che cos'è Siter?

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.

Guarda questa breve panoramica:

Include le seguenti caratteristiche principali:

• Crea pagine autonome ad alta conversione Drop a working form on any page and read replies inside your project
• Pagina di destinazione: A single-page layout built for one clear action
• Incorporare video locali: Upload a local file or paste a YouTube link into any block
• Disegno a mano libera senza vincoli di griglia A free-form canvas with real drag and drop control
• Gruppi e livelli: 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
• Incorpora mappe di Google Maps stilizzate A styled map block you can color to match your brand
• Collegamenti personalizzati: Link elements to pages, sections, files, or overlays

Per una recensione completa, consulta la nostra Ecco quanto costa Siter nel 2026:.

Prezzi Siter

Here is what Siter costs in 2026:

Prova gratuita: Yes — the Free plan never expires, so no card is needed.

Garanzia di rimborso: Not advertised, so test on the free plan first.

💰 Miglior rapporto qualità-prezzo: Plus at $12/month — custom domains, more projects, and room to grow.

Libreria di modelli gratuiti

How does Siter compare? Here is the competitive landscape:

Scelte rapide:

• Il migliore in assoluto: Framer — deepest feature range for professional teams.
• Miglior budget: Siter — paid plans start at $7 per month.
• Ideale per principianti: Pineapple Builder — the simplest editor here.
• Siter — integrazione diretta del plugin Figma Siter — paste frames straight into your page.

Beautiful.ai progetta automaticamente le tue diapositive.

Crea presentazioni, documenti e semplici pagine web rapidamente utilizzando l'intelligenza artificiale, con particolare attenzione ai contenuti visivi.

• 🚀 Gamma: Turns a prompt into a full site or deck in seconds. Best when speed matters more than pixel control.
• ⚡ Durevole: Generates a small business site in about thirty seconds, with invoicing and CRM tools bundled in.
• 🧠 Strumento di creazione di siti web basato sull'intelligenza artificiale, economico e con funzionalità di e-commerce. Ideale per negozi online con un budget limitato. AI writes copy and picks images for you, then hands over a simple editable site.
• 🔧 Resistente: il costruttore più veloce con strumenti aziendali tutto in uno 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.
• 👶 Costruttore di ananas: Beginner focused AI builder with a free starter tier and simple content editing.
• 🌟 Corniciaio: 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.
• 🎨 Tiposogno: 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.
• 🎯 Torta di mele: App and website builder aimed at users who want both from one platform.

Per l'elenco completo, consultare il nostro Alternative Siter guida.

Dopo 60 giorni, Siter si è guadagnato un posto nel mio kit di strumenti. Non è il migliore per tutto, ma per quello che fa, ovvero trasformare i design in siti web funzionanti, è uno dei migliori costruttori di siti web senza codice che abbia mai usato.

Here is how Siter stacks up against each competitor:

• Siter vs 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 contro Butternut: Butternut does more writing for you. Siter gives you a far better design tool.
• Il responsabile del progetto si occupa di tenere tutto organizzato. Niente più caotiche catene di email.: CodeDesign is better for code export. Siter is better for visual, no code building.
• 10Web contro Jimdo: quale costruttore di siti web basato sull'IA vincerà nel 2025? 31: 10Web wins if you need WordPress. Siter wins on price and design freedom.
• Siter vs 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 contro Dorik: Dorik is better for reselling sites. Siter is better for hands-on design work.
• Siter contro Typedream: Typedream is faster to learn. Siter handles complex layouts far better.
• Siter contro 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 contro Appy Pie: Appy Pie covers apps too. Siter is the better pure website building tool.

Hai imparato a usare tutte le principali funzionalità di Siter:

✅ Raccolta di moduli

• ✅ Pagina di destinazione
• ✅ Incorpora video
• ✅ Incorpora e video locali
• ✅ Gruppi e livelli
• ✅ Gruppi e livelli
• ✅ Figma Plugin Overview
• ✅ Figma Plug-in
• ✅ Collegamenti personalizzati
• La maggior parte delle persone inizia con il plugin Figma.

Passo successivo: Scegli una funzionalità e provala subito.

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.

Domande frequenti

Siter.io è un sito affidabile?

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.

Come funziona 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.

Quanto costa 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 è gratuito?

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.

Come utilizzare Siter.io in 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.