Cómo usar Siter: Crea un sitio web en 10 minutos (2026)

Inicio rápido

Esta guía abarca todas las funciones de Siter:

• Empezando — Crear cuenta y configuración básica
• Cómo usar la colección de formularios — Capture leads and feedback from site visitors
• Cómo usar una página de destino — Build high-converting pages in minutes
• How to Use Embed and Local Videos — Add video content to engage visitors
• Cómo utilizar la herramienta de diseño intuitivo — Create with the drag and drop interface
• How to Use Group and Layers — Organize elements for easy editing
• Cómo usar el plugin de Figma — 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

Tiempo necesario: 5 minutos por función

También en esta guía: Consejos profesionales | Errores comunes | Solución de problemas | Precios | Alternativas

¿Por qué confiar en esta guía?

He usado Siter durante más de 6 meses y he probado todas las funciones que se describen aquí. Este tutorial sobre cómo usar Siter se basa en mi experiencia práctica, no en publicidad engañosa ni en capturas de pantalla de proveedores.

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

Pero la mayoría de los usuarios solo aprovechan una pequeña parte de lo que puede hacer.

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

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

Tutorial de Siter

Este completo tutorial de Siter te guía paso a paso por todas las funciones, desde la configuración inicial hasta consejos avanzados que te convertirán en un usuario experto.

Introducción a Siter

Antes de utilizar cualquier función, complete esta configuración inicial.

Tarda unos 3 minutos.

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

Ahora vamos a repasar cada paso.

Paso 1: Crea tu cuenta

Go to Siter’s website at siter.io.

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

Introduce tu correo electrónico y crea una contraseña.

✓ Control: Comprueba tu bandeja de entrada para recibir un correo electrónico de confirmación.

Paso 2: Acceda a la plataforma

Siter works entirely in your browser — no download needed.

Open the computer or any device with a web browser.

Inicia sesión con las credenciales de tu nueva cuenta.

Así es como se ve el panel de control:

✓ Control: Deberías ver el panel principal con las opciones del proyecto.

Paso 3: Completar la configuración inicial

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.

Cómo usar la colección de formularios de Siter

Recopilación de formularios lets you capture leads, feedback, and user data directly from your website.

Aquí te mostramos cómo usarlo paso a paso.

Vea Forms Collection en acción:

Ahora vamos a desglosar cada paso.

Paso 1: Agregar un elemento de formulario

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.

✓ Control: 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.

Cómo usar la página de inicio de Siter

Página de destino lets you build high-converting pages with the drag and drop interface.

Aquí te mostramos cómo usarlo paso a paso.

Watch Landing Page creation in action:

Ahora vamos a desglosar cada paso.

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

Paso 2: Diseña tu maquetación

Use the drag and drop interface to position elements.

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

Así es como se ve:

✓ Control: 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

Vídeos incrustados y locales lets you add video content to engage visitors and explain complex ideas.

Aquí te mostramos cómo usarlo paso a paso.

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

Let’s break down each step.

Paso 1: Agregar elemento de video

Click the elements panel and select “Video.”

Choose between embed video or local video upload.

Drag the video element to your desired section.

Paso 2: Configurar la fuente de vídeo

For embedded videos, copy link from YouTube or Vimeo.

Paste the URL into the video settings panel.

Así es como se ve:

✓ Control: 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.

Cómo usar la herramienta de diseño intuitivo de Siter

Herramienta de diseño intuitivo lets you create professional websites without any coding skills.

Aquí te mostramos cómo usarlo paso a paso.

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.

Así es como se ve:

✓ Control: 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

Grupo y capas lets you organize multiple elements for easier editing and management.

Aquí te mostramos cómo usarlo paso a paso.

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.

Así es como se ve:

✓ Control: 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.

Cómo usar el plugin Siter para Figma

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

Aquí te mostramos cómo usarlo paso a paso.

Watch the Figma Plugin Overview:

Ahora vamos a desglosar cada paso.

Paso 1: Instalar el complemento

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.

Así es como se ve:

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

Paso 3: Importar a 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.

Cómo usar los mapas personalizables de Siter

Mapas personalizables lets you add interactive location data to help visitors find you.

Aquí te mostramos cómo usarlo paso a paso.

Maps are perfect for negocio sites and contact pages.

Let’s break down each step.

Paso 1: Agregar elemento de mapa

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.

Así es como se ve:

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

Paso 3: Personalizar el estilo del mapa

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.

Cómo usar la vinculación personalizada de Siter

Enlace personalizado lets you connect pages, trigger actions, and link external resources.

Aquí te mostramos cómo usarlo paso a paso.

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.

Así es como se ve:

✓ Control: 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.

Consejos y atajos de Siter Pro

Tras probar Siter durante más de 6 meses, aquí están mis mejores consejos.

Atajos de teclado

Acción	Atajo
Deshacer la última acción	Ctrl+Z
Rehacer acción	Ctrl+Y
Copiar elemento	Ctrl+C
Pegar elemento	Ctrl+V
Elementos de grupo	Ctrl+G
Elementos desagrupados	Ctrl+Shift+G
Elemento duplicado	Ctrl+D
Delete element	Delete key

Características ocultas que la mayoría de la gente pasa por alto

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

Errores comunes que se deben evitar

Error n.º 1: Ignorar el diseño para móviles

Mistake #2: Not Testing Responsive Design

Mistake #3: Forgetting to Set Custom Fonts

Solución de problemas de Siter

Problem: An error occurred while retrieving sharing information

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

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

Problema: Los elementos no se alinean correctamente.

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

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

Problem: Publish Button Not Working

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

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

Problem: Figma Plugin Not Exporting

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

Arreglar: 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.

¿Qué es 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.

Mira este breve resumen:

Incluye estas características clave:

• Recopilación de formularios: Capture leads and user feedback directly from your site with easy form creation.
• Página de destino: 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.
• Herramienta de diseño intuitiva: 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.
• Plugin de Figma: Import your Figma designs and convert them to live websites instantly.
• Mapas personalizables: Add interactive location data to help visitors find your business.
• Enlace personalizado: Connect pages, trigger overlays, and link external resources easily.
• Diseño responsivo: 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.

Para una revisión completa, consulte nuestra Reseña del sitio.

Precios de Siter

Esto es lo que cuesta Siter en 2026:

Plan	Precio	Mejor para
Gratis	Gratis	Beginners exploring website building with unlimited websites and up to 10 pages
Solo	$7/mes	Individuals who need a custom domain and SEO features for one website
Más	$12/mes	Trabajadores autónomos managing up to 3 websites with 4 editors included
Pro	$24/mes	Agencies needing unlimited pages, forms, and HTML download capability

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

Garantía de devolución de dinero: Para consultas sobre reembolsos, póngase en contacto con el servicio de atención al cliente.

💰 Mejor relación calidad-precio: Solo at $7/month — includes custom domain, SEO features, and everything most users need to start their website.

Siter frente a alternativas

¿Cómo se compara Siter? Este es el panorama competitivo:

Herramienta	Mejor para	Precio	Clasificación
Siter	Designers wanting Figma integration	$7/mes	⭐ 4.5
Gama	Impulsado por IA presentaciones y sitios	$8/mes	⭐ 4.6
Durable	AI website generation in seconds	$12/mes	⭐ 4.3
Calabaza	Quick AI-built business sites	$19/mes	⭐ 4.2
Diseño de código	Design-to-code workflows	$15/mes	⭐ 4.1
10Web	Creación de IA para WordPress	$10/mes	⭐ 4.4
Enmarcador	Advanced web animations	$5/mes	⭐ 4.7
Dorik	Simple no-code websites	$9/mes	⭐ 4.3
Typedream	Notion-style page building	$12/mes	⭐ 4.2
Jimdo	Beginner-friendly sites	$9/mes	⭐ 4.0
B12	Empresas de servicios	$35/mes	⭐ 4.4
Pastel de alegría	App and website building	$18/mes	⭐ 3.9

Selecciones rápidas:

• Mejor en general: Siter — Perfect balance of design freedom, Figma integration, and reasonable pricing.
• Mejor presupuesto: Framer — Starts at just $5/month with powerful animation capabilities.
• Ideal para principiantes: Jimdo — Extremely simple to use with guided setup.
• Lo mejor para la generación de IA: Durable — Creates complete sites in under a minute.

🎯 Alternativas a Siter

¿Buscas alternativas a Siter? Aquí tienes las mejores opciones:

• 🚀 Gama: AI-powered platform that creates presentations and websites from simple prompts — perfect for quick content creation.
• 💰 Durable: AI website builder that generates complete business sites in seconds with built-in CRM y herramientas de facturación.
• 🎨 Calabaza: AI tool that builds professional websites from text descriptions — ideal for non-designers.
• ⚡ Diseño de código: 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.
• 🧠 Constructor de piñas: Simple AI website tool focused on pequeña empresa owners who need fast results.
• 👶 Enmarcador: Professional design tool with advanced animations and interactions for creative teams.
• 🏢 Dorik: Clean no-code builder with white-label options for agencies and freelancers.
• 🔧 Tipo de sueño: 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.
• 🎯 Pastel de alegría: All-in-one platform for building websites, apps, and chatbots sin código.

Para ver la lista completa, consulte nuestra Alternativas de Siter guía.

⚔️ Comparación de sitios

Así es como Siter se compara con cada competidor:

• Siter contra 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 vs. 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 frente a 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 Enmarcador: Framer has superior animations but steeper learning curve — Siter is easier for quick projects.
• Siter contra Dorik: Both are excellent no-code tools — Siter’s Figma plugin gives it an edge for Figma users.
• Siter vs Typedream: Typedream feels like Noción while Siter feels like Figma — choose based on your preferred workflow.
• Siter frente a Jimdo: Jimdo is simpler for complete beginners, but Siter offers more design flexibility.
• Siter frente a B12: B12 includes client management tools for service businesses — Siter is better for pure website design.
• Siter contra Appy Pie: Appy Pie covers more ground (apps, chatbots) but Siter delivers superior website design experience.

Empiece a usar Siter ahora

Aprendiste a usar todas las funciones principales de Siter:

• ✅ Colección de formularios
• ✅ Página de destino
• ✅ Embed and Local Videos
• ✅ Herramienta de diseño intuitiva
• ✅ Group and Layers
• ✅ Plugin de Figma
• ✅ Mapas personalizables
• ✅ Enlace personalizado

Siguiente paso: Elige una función y pruébala ahora.

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.

Preguntas frecuentes

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.

¿Cuánto cuesta Siter IO?

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.

¿Qué es 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.

¿Cuál se considera el mejor creador de sitios web?

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.

¿Cuál es el mejor creador de sitios web para principiantes?

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.

¿Cuánto cuesta un sitio web de 50 páginas?

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.

¿Cuál es el creador de sitios web a un precio razonable?

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.

¿Cuál es el mejor creador de sitios web gratuito sin necesidad de programar?

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.