How to Use Siter: Build a Website in 10 Minutes (2026)

Quick Start

This guide covers every Siter feature:

• Iniziare — Create account and basic setup
• How to Use Forms Collection — Capture leads and feedback from site visitors
• How to Use Landing Page — Build high-converting pages in minutes
• How to Use Embed and Local Videos — Add video content to engage visitors
• How to Use Intuitive Design Tool — Create with the drag and drop interface
• How to Use Group and Layers — Organize elements for easy editing
• How to Use Figma Plugin — Convert Figma designs to live websites
• How to Use Customizable Maps — Add location data to your site
• How to Use Custom Linking — Connect pages and external resources

Time needed: 5 minutes per feature

Also in this guide: Pro Tips | Common Mistakes | Risoluzione dei problemi | Prezzi | Alternative

Why Trust This Guide

I’ve used Siter for over 6 months and tested every feature covered here. This how to Use Siter tutorial comes from real hands-on experience — not marketing fluff or vendor screenshots.

Siter is one of the most powerful website builder tools available today.

But most users only scratch the surface of what it can do.

This guide shows you how to use Siter step by step.

You’ll learn every feature with screenshots and pro tips.

Siter Tutorial

This complete Siter tutorial walks you through every feature step by step, from initial setup to advanced tips that will make you a power user.

Introduzione a Siter

Before using any feature, complete this one-time setup.

It takes about 3 minutes.

After signing up, you will access a dashboard that serves as the control center for your website.

Now let’s walk through each step.

Step 1: Create Your Account

Go to Siter’s website at siter.io.

Click “Start” or “Sign Up” to begin.

Enter your email and create a password.

✓ Checkpoint: Controlla il tuo posta in arrivo for a confirmation email.

Step 2: Access the Platform

Siter works entirely in your browser — no download needed.

Open the computer or any device with a web browser.

Log in with your new account credentials.

Here’s what the dashboard looks like:

✓ Checkpoint: You should see the main dashboard with project options.

Step 3: Complete Initial Setup

Siter provides pre-designed templates that simplify the website creation process.

Select a template or start with a blank canvas.

You can modify templates, colors, and fonts in Siter at any time after your initial setup.

How to Use Siter Forms Collection

Forms Collection lets you capture leads, feedback, and user data directly from your website.

Here’s how to use it step by step.

Watch Forms Collection in action:

Now let’s break down each step.

Step 1: Add a Form Element

Open your project in the Siter page editor.

Click the “+” icon to add elements to your page.

Select “Form” from the elements menu.

Step 2: Customize Form Fields

Drag the form to your desired position on the screen.

Click on each field to customize labels and input types.

To add content like text boxes and buttons, simply click and drag.

✓ Checkpoint: You should see your form with all required fields.

Step 3: Configure Submissions

Click the form settings icon to set up where submissions go.

Enter your email to receive form responses.

Press the button to save your configuration.

How to Use Siter Landing Page

Pagina di destinazione lets you build high-converting pages with the drag and drop interface.

Here’s how to use it step by step.

Watch Landing Page creation in action:

Now let’s break down each step.

Step 1: Create New Page

From your project dashboard, click “Add Page.”

Choose a template or start from scratch for full design control.

Name your page something descriptive like “Product Launch.”

Step 2: Design Your Layout

Use the drag and drop interface to position elements.

Adding text, image, and button elements is simple and easy.

Here’s what this looks like:

✓ Checkpoint: Your landing page layout should be taking shape.

Step 3: Boost Conversions

Add a clear call-to-action button above the fold.

Keep the design clean with one primary goal per page.

Customize the color and fonts to match your brand.

How to Use Siter Embed and Local Videos

Embed and Local Videos lets you add video content to engage visitors and explain complex ideas.

Here’s how to use it step by step.

Watch later or watch now — videos make your site more engaging.

Let’s break down each step.

Step 1: Add Video Element

Click the elements panel and select “Video.”

Choose between embed video or local video upload.

Drag the video element to your desired section.

Step 2: Configure Video Source

For embedded videos, copy link from YouTube or Vimeo.

Paste the URL into the video settings panel.

Here’s what this looks like:

✓ Checkpoint: You should see your video preview in the editor.

Step 3: Customize Playback Settings

Select autoplay, loop, or controls options as needed.

Resize the video frame to fit your layout.

Position it where users will easily view the content.

How to Use Siter Intuitive Design Tool

Strumento di progettazione intuitivo lets you create professional websites without any coding skills.

Here’s how to use it step by step.

Siter is designed for beginners who have no website experience.

Let’s break down each step.

Step 1: Select Your Workspace

Open the page editor from your project dashboard.

The builder displays a canvas where you design freehand.

No code knowledge required — everything works visually.

Step 2: Use the Visual Editor

Click any element to select it for editing.

Drag elements anywhere on your screen with full control.

Here’s what this looks like:

✓ Checkpoint: You should see the visual design tool working smoothly.

Step 3: Preview Your Design

Click the preview button to view your site as visitors will.

Check how your design looks on different devices.

Make adjustments based on what you see in the preview.

How to Use Siter Group and Layers

Gruppo e livelli lets you organize multiple elements for easier editing and management.

Here’s how to use it step by step.

This feature is perfect for complex layouts with many elements.

Let’s break down each step.

Step 1: Select Multiple Elements

Hold Shift and click each element you want to group.

Or drag a selection box around multiple elements.

All selected items will show selection handles.

Step 2: Create the Group

Right-click and choose “Group” from the menu.

Or use the keyboard shortcut Ctrl+G to group instantly.

Here’s what this looks like:

✓ Checkpoint: Elements now move and resize as a single unit.

Step 3: Manage Layers

Open the Layers panel from the right sidebar.

Drag layers to change their stacking order on the section.

Use the eye icon to hide or show specific layers.

How to Use Siter Figma Plugin

Figma Plugin lets you convert Figma designs into live websites without coding.

Here’s how to use it step by step.

Watch the Figma Plugin Overview:

Now let’s break down each step.

Step 1: Install the Plugin

Open Figma and go to the Community section.

Search for “Siter.io” in the plugins area.

Click “Install” to add it to your Figma platform.

Step 2: Export Your Design

Open your Figma design that you want to convert.

Select the frames you want to export as web pages.

Here’s what this looks like:

✓ Checkpoint: Your frames are selected and ready for export.

Step 3: Import to Siter

Run the Siter plugin from Plugins menu.

Sign in with your Siter account when prompted.

Click export and your design becomes editable in Siter.

How to Use Siter Customizable Maps

Mappe personalizzabili lets you add interactive location data to help visitors find you.

Here’s how to use it step by step.

Maps are perfect for Attività commerciale sites and contact pages.

Let’s break down each step.

Step 1: Add Map Element

Click the “+” button to open the elements menu.

Select “Map” from the available options.

Drag the map widget to your page.

Step 2: Set Your Location

Click on the map to open settings.

Enter your business address or coordinates.

Here’s what this looks like:

✓ Checkpoint: Your location marker should appear on the map.

Step 3: Customize Map Style

Change the zoom level to show appropriate area range.

Select map style — standard, satellite, or custom themes.

Resize the map frame to fit your layout design.

How to Use Siter Custom Linking

Collegamento personalizzato lets you connect pages, trigger actions, and link external resources.

Here’s how to use it step by step.

Links are essential for navigation and user experience.

Let’s break down each step.

Step 1: Select the Element

Click on any text, button, or image element.

Open the properties panel on the right side.

Find the “Link” option in the settings.

Step 2: Set Link Type

Choose from URL, page, section, email, or phone link.

For URLs, paste the destination address.

Here’s what this looks like:

✓ Checkpoint: Your link type is selected and configured.

Step 3: Configure Link Behavior

Choose whether to open in new tab or same window.

For overlay links, select “Open Overlay” option to trigger popups.

Test your link using the preview mode.

Siter Pro Tips and Shortcuts

After testing Siter for over 6 months, here are my best tips.

Scorciatoie da tastiera

Action	Shortcut
Undo last action	Ctrl+Z
Redo action	Ctrl+Y
Copy element	Ctrl+C
Paste element	Ctrl+V
Group elements	Ctrl+G
Ungroup elements	Ctrl+Shift+G
Duplicate element	Ctrl+D
Delete element	Delete key

Hidden Features Most People Miss

• Screen Frame Feature: You can arrange and control your elements wherever you want to place them on a specific viewport or screen size using the screen frame feature — perfect for mobile version customization.
• HTML/CSS Insert: For advanced users, you can insert HTML and CSS code directly into the editor for custom functionality.
• Responsive Auto-Resize: Siter has a built-in responsive feature that automatically resizes web page elements whenever a viewport or screen breakpoint is triggered.
• Dropdown Menu Creation: Create navigation dropdown menus easily by grouping menu items and setting hover triggers.

Siter Common Mistakes to Avoid

Mistake #1: Ignoring Mobile Design

Mistake #2: Not Testing Responsive Design

Mistake #3: Forgetting to Set Custom Fonts

Siter Troubleshooting

Problem: An error occurred while retrieving sharing information

Cause: This typically happens when browser cookies are blocked or you have an unstable connection.

Aggiustare: Please try again later or clear your browser cache and cookies, then refresh the page.

Problem: Elements Not Aligning Properly

Cause: You may be working on a different screen breakpoint than intended.

Aggiustare: Check the screen selector at the top of the editor to ensure you’re on the correct viewport.

Problem: Publish Button Not Working

Cause: You may not have a paid plan or haven’t connected your domain yet.

Aggiustare: Upgrade to Solo plan ($7/month) which allows you to connect your custom domain and publish live.

Problem: Figma Plugin Not Exporting

Cause: Complex effects or unsupported elements in your Figma design.

Aggiustare: Simplify your design by flattening effects and using standard elements before export.

📌 Nota: If none of these fix your issue, contact Siter support — they respond quickly on weekdays.

Che cos'è Siter?

Siter is a no-code website builder tool that lets you create and publish professional websites without coding skills.

This introduction to the platform shows why thousands of designers and beginners choose Siter.

Think of it like having a design platform where what you create is exactly what visitors see.

Watch this quick overview:

It includes these key features:

• Forms Collection: Capture leads and user feedback directly from your site with easy form creation.
• Pagina di destinazione: Build high-converting pages using the drag and drop interface with simplicity.
• Embed and Local Videos: Add video content to engage visitors and explain your ideas visually.
• Intuitive Design Tool: Create websites in your browser with the visual editor — no coding required.
• Group and Layers: Organize elements for easy editing and management of complex projects.
• Figma Plugin: Import your Figma designs and convert them to live websites instantly.
• Customizable Maps: Add interactive location data to help visitors find your business.
• Custom Linking: Connect pages, trigger overlays, and link external resources easily.
• Design reattivo: Build websites that automatically adapt to specific screens or devices.

Siter often provides a free trial or a basic free plan for users to explore the platform.

For a full review, see our Siter review.

Prezzi Siter

Here’s what Siter costs in 2026:

Piano	Prezzo	Ideale per
Gratuito	Gratuito	Beginners exploring website building with unlimited websites and up to 10 pages
Solo	$7/mese	Individuals who need a custom domain and SEO features for one website
Più	$ 12/mese	Liberi professionisti managing up to 3 websites with 4 editors included
Professionista	$ 24/mese	Agencies needing unlimited pages, forms, and HTML download capability

Prova gratuita: Yes — the Free plan is unlimited with up to 10 pages and 3 forms.

Garanzia di rimborso: Contact support for refund inquiries.

💰 Best Value: Solo at $7/month — includes custom domain, SEO features, and everything most users need to start their website.

Siter vs Alternatives

How does Siter compare? Here’s the competitive landscape:

Attrezzo	Ideale per	Prezzo	Rating
Siter	Designers wanting Figma integration	$7/mese	⭐ 4.5
Gamma	Basato sull'intelligenza artificiale presentazioni and sites	$8/mo	⭐ 4.6
Durevole	AI website generation in seconds	$ 12/mese	⭐ 4.3
Noce moscata	Quick AI-built business sites	$ 19/mese	⭐ 4.2
Progettazione del codice	Design-to-code workflows	$15/mo	⭐ 4.1
10Web	WordPress AI building	$10/mo	⭐ 4.4
Corniciaio	Advanced web animations	$5/mo	⭐ 4.7
Dorik	Simple no-code websites	$9/mese	⭐ 4.3
Sogno tipografico	Notion-style page building	$ 12/mese	⭐ 4.2
Jimdo	Beginner-friendly sites	$9/mese	⭐ 4.0
B12	Service businesses	$35/mese	⭐ 4.4
Torta di mele	App and website building	$ 18/mese	⭐ 3.9

Quick picks:

• Best overall: Siter — Perfect balance of design freedom, Figma integration, and reasonable pricing.
• Best budget: Framer — Starts at just $5/month with powerful animation capabilities.
• Best for beginners: Jimdo — Extremely simple to use with guided setup.
• Best for AI generation: Durable — Creates complete sites in under a minute.

🎯 Siter Alternatives

Looking for Siter alternatives? Here are the top options:

• 🚀 Gamma: AI-powered platform that creates presentations and websites from simple prompts — perfect for quick content creation.
• 💰 Durevole: AI website builder that generates complete business sites in seconds with built-in CRM e strumenti di fatturazione.
• 🎨 Butternut: AI tool that builds professional websites from text descriptions — ideal for non-designers.
• ⚡ CodeDesign: Design-to-code platform that exports clean HTML and CSS code for developers.
• 🔒 10Web: AI WordPress builder that creates and hosts polished WordPress sites automatically.
• 🧠 Costruttore di ananas: Simple AI website tool focused on piccola impresa owners who need fast results.
• 👶 Corniciaio: Professional design tool with advanced animations and interactions for creative teams.
• 🏢 Dorik: Clean no-code builder with white-label options for agencies and freelancers.
• 🔧 Tiposogno: Notion-like interface that makes page building feel familiar and simple.
• 🌟 Jimdo: Beginner-friendly builder with AI assistance for first-time website creators.
• ⭐ B12: AI platform designed specifically for service businesses with built-in client tools.
• 🎯 Torta di mele: All-in-one platform for building websites, apps, and chatbot senza codice.

For the full list, see our Alternative Siter guide.

⚔️ Siter Compared

Here’s how Siter stacks up against each competitor:

• Siter vs Gamma: Siter offers more design control with its freehand editor, while Gamma excels at AI-generated presentations — choose Siter for custom designs.
• Siter vs Durable: Durable builds sites faster with AI, but Siter gives you pixel-perfect design control — Siter wins for designers.
• Siter contro Butternut: Butternut is fully AI-driven while Siter requires manual design — pick Siter if you want creative freedom.
• Siter vs CodeDesign: CodeDesign exports cleaner code for developers, but Siter’s Figma plugin makes designer workflows smoother.
• Siter vs 10Web: 10Web is WordPress-focused while Siter hosts independently — Siter is better for non-WordPress users.
• Siter vs Pineapple Builder: Both target simplicity, but Siter offers more advanced design features and Figma integration.
• Siter vs Framer: Framer has superior animations but steeper learning curve — Siter is easier for quick projects.
• Siter contro Dorik: Both are excellent no-code tools — Siter’s Figma plugin gives it an edge for Figma users.
• Siter vs Typedream: Typedream feels like Nozione while Siter feels like Figma — choose based on your preferred workflow.
• Siter contro Jimdo: Jimdo is simpler for complete beginners, but Siter offers more design flexibility.
• Siter vs B12: B12 includes client management tools for service businesses — Siter is better for pure website design.
• Siter contro Appy Pie: Appy Pie covers more ground (apps, chatbots) but Siter delivers superior website design experience.

Start Using Siter Now

You learned how to use every major Siter feature:

• ✅ Forms Collection
• ✅ Landing Page
• ✅ Embed and Local Videos
• ✅ Intuitive Design Tool
• ✅ Group and Layers
• ✅ Figma Plugin
• ✅ Customizable Maps
• ✅ Custom Linking

Next step: Pick one feature and try it now.

In conclusion, Siter makes website building simple for anyone.

Most people start with the Intuitive Design Tool.

It takes less than 5 minutes to get started with website building.

This guide is regularly updated to reflect the latest Siter features.

Domande frequenti

Is Siter IO legit?

Yes, Siter.io is a legit no-code website builder made by Designmodo, a company based in New York that has been building design tools since 2010. The platform is used by thousands of designers and entrepreneurs to create professional websites without coding skills.

How does Siter IO work?

Siter works by letting you design directly in your browser using a drag and drop interface. You can create elements, position them freely on the screen, and customize everything visually. The platform also offers a Figma plugin that lets you import Figma designs and convert them to live websites.

How much does Siter IO cost?

Siter offers a Free plan with unlimited websites and up to 10 pages. Paid plans start at $7/month for Solo (1 website with custom domain), $12/month for Plus (3 websites), and $24/month for Pro (5 websites with unlimited pages). Annual billing offers additional savings.

Che cos'è Siter?

Siter is a no-code website builder designed for designers and beginners who want to create professional websites without any coding knowledge. The platform features a freehand design tool, Figma integration, responsive design capabilities, and built-in hosting with SSL certificates.

What is considered the best website builder?

The best website builder depends on your needs. For designers wanting Figma integration and freehand design, Siter is an excellent choice. For AI-powered site generation, consider Durable or Gamma. For WordPress users, 10Web works well. Siter stands out for its simplicity and design freedom.

Which is the best website builder for beginners?

Siter is one of the best website builders for beginners because it requires no coding skills and works with a simple drag and drop interface. The platform is designed for people with no website experience and includes pre-designed templates that simplify the creation process.

Is Siter IO free?

Yes, Siter offers a free plan that includes unlimited websites, up to 10 pages per site, and 3 forms. The free plan lets you design and preview your site, but you need a paid plan (starting at $7/month) to connect a custom domain and publish your website live.

Is Siter IO good?

Yes, Siter is highly rated at 4.5/5 and praised for its intuitive design tool, excellent Figma plugin, and responsive customer support. Users appreciate the freehand design approach and the ability to build professional websites easily. It’s particularly good for designers familiar with Figma.

How much does a 50 page website cost?

With Siter, a 50-page website costs $12/month on the Plus plan (includes up to 50 pages) or $24/month on Pro for unlimited pages. Compare this to hiring a developer where a 50-page site could cost $2,000-$10,000. Siter is significantly more affordable for website building at scale.

What is the reasonably priced website builder?

Siter is one of the most reasonably priced website builders at $7/month for the Solo plan. This includes a custom domain, SSL certificate, SEO features, and hosting. For what you get, Siter offers excellent value compared to competitors charging $15-30 per month for similar features.

How to use Siter IO in Figma?

Install the Siter.io Figma plugin from the Figma Community. Open your design, run the plugin, select the frames you want to export, and click export. Your Figma designs become editable web pages in Siter that you can then publish as a live website. The process takes just minutes.

What is the best free website builder without coding?

Siter is one of the best free website builders without coding for designers. The free plan gives you full access to the design tool with up to 10 pages. For beginners, Jimdo is also a great choice. For AI-powered sites without coding, Durable and Gamma are excellent options.