Crear formularios en Sitebuilder: paso a paso

Los formularios son imprescindibles en cualquier sitio web. Tanto si necesitas un formulario de contacto como uno de inscripción o una encuesta, Sitebuilder ofrece todas las herramientas para crear formularios profesionales sin conocimientos técnicos.

Por qué son importantes los formularios

Los formularios son el puente entre tú y tus visitantes. Te permiten:

  • Recopilar datos de contacto de clientes potenciales
  • Recibir comentarios y valoraciones
  • Gestionar las suscripciones al boletín
  • Recibir solicitudes de presupuesto
  • Hacer encuestas y estudios

Añadir un formulario

Paso 1: Colocar el bloque de formulario

  1. Abre la página en la que quieres colocar el formulario
  2. Haz clic en el icono de más para añadir un elemento
  3. Busca Formulario en la biblioteca de elementos
  4. Arrastra el bloque de formulario a la posición que quieras

Paso 2: Elegir el tipo de formulario

Sitebuilder ofrece varias plantillas de formulario ya creadas:

  • Formulario de contacto: nombre, correo electrónico y mensaje
  • Suscripción al boletín: solo la dirección de correo electrónico
  • Solicitud de presupuesto: más completo, con varios campos
  • Formulario vacío: lo montas todo tú mismo

Selecciona el tipo que mejor se adapte a tu objetivo.

Añadir y configurar campos

Tipos de campo disponibles

Sitebuilder admite diversos tipos de campo para cada situación:

Campos de texto

  • Texto corto (para nombres, asuntos)
  • Texto largo (para mensajes, comentarios)
  • Correo electrónico (con validación automática)
  • Número de teléfono
  • URL de sitio web

Campos de selección

  • Menú desplegable (elegir una opción)
  • Botones de opción (una opción, siempre visibles)
  • Casillas de verificación (varias opciones posibles)

Campos especiales

  • Selector de fecha
  • Selector de hora
  • Subida de archivos
  • Valoración con estrellas
  • Firma

Añadir un campo

  1. Haz clic en el formulario en el editor
  2. Selecciona Añadir campo
  3. Elige el tipo de campo
  4. Escribe el nombre del campo
  5. Si quieres, define un texto de ejemplo (placeholder)

Hacer obligatorio un campo

Algunos campos no pueden quedar vacíos. Así haces que un campo sea obligatorio:

  1. Haz clic en el campo que quieres modificar
  2. Abre los ajustes del campo
  3. Activa el interruptor Obligatorio
  4. Si quieres, añade tu propio mensaje de error

Ajustes del formulario

Notificaciones por correo electrónico

Recibe un correo electrónico con cada envío:

  1. Haz clic en el formulario
  2. Ve a Ajustes
  3. Escribe tu dirección de correo electrónico en Destinatario
  4. Modifica el asunto
  5. Elige qué campos aparecen en el correo

Página de confirmación

Después del envío, puedes redirigir a los visitantes o mostrarles un mensaje:

Mostrar un mensaje

  1. Selecciona Mostrar mensaje
  2. Escribe tu mensaje de agradecimiento
  3. Dale al mensaje el estilo que prefieras

Redirigir a una página

  1. Selecciona Redirigir a URL
  2. Escribe la URL de tu página de agradecimiento
  3. Si quieres, crea una página de agradecimiento especial

Protección contra spam

Evita los envíos de spam con estas opciones:

Añadir reCAPTCHA

  1. Ve a los ajustes del formulario
  2. Activa reCAPTCHA
  3. Vincula tus claves de Google reCAPTCHA
  4. Elige entre v2 (casilla) o v3 (invisible)

Campo honeypot Es un campo invisible que solo rellenan los bots:

  1. Activa Honeypot en los ajustes
  2. El spam se filtra automáticamente

Opciones avanzadas

Lógica condicional

Muestra u oculta campos según las respuestas anteriores:

  1. Selecciona el campo que debe ser condicional
  2. Haz clic en Condiciones
  3. Define la regla (por ejemplo: mostrar solo si...)
  4. Elige el campo que la activa y el valor

Ejemplo: muestra un campo de texto Otro motivo solo si alguien selecciona Otros en un menú desplegable.

Formulario de varios pasos

Los formularios largos se pueden dividir en pasos:

  1. Añade un elemento Paso
  2. Coloca campos en cada paso
  3. Configura los botones Siguiente y Anterior
  4. Si quieres, añade un indicador de progreso

Subida de archivos

Permite que los visitantes adjunten archivos:

  1. Añade un campo Subida de archivos
  2. Define los tipos de archivo permitidos (PDF, JPG, PNG)
  3. Configura el tamaño máximo de archivo
  4. Elige si se permiten varios archivos

Estilo del formulario

Cambiar el aspecto

  1. Selecciona el formulario
  2. Ve a Diseño
  3. Modifica:
    • Color de fondo
    • Estilo y color del borde
    • Tipo y tamaño de letra
    • Altura y anchura de los campos
    • Estilo de los botones

Dar estilo al botón de envío

  1. Haz clic en el botón de envío
  2. Cambia el texto (Enviar, Suscribirse, Solicitar)
  3. Modifica los colores
  4. Añade efectos al pasar el cursor

Gestionar los envíos

Ver los envíos

Todos los envíos de los formularios se guardan:

  1. Ve a Formularios en tu panel
  2. Selecciona el formulario
  3. Consulta todos los envíos por orden cronológico
  4. Haz clic en un envío para ver los detalles

Exportar los envíos

  1. Ve a los envíos del formulario
  2. Haz clic en Exportar
  3. Elige el formato (CSV o Excel)
  4. Descarga el archivo

Consejos para formularios eficaces

Sé breve

  • Pide solo lo necesario
  • Combina el nombre y los apellidos en un solo campo
  • Evita los campos opcionales, salvo que sean útiles

Etiquetas claras

  • Usa nombres de campo claros
  • Añade textos de ejemplo como orientación
  • Muestra los mensajes de error junto al campo

Adaptado a móviles

  • Prueba los formularios en tu móvil
  • Incluye elementos táctiles grandes
  • Usa el teclado adecuado (correo electrónico, teléfono)

¿Necesitas ayuda?

Estamos a tu disposición. ¿Te has atascado en algo o tienes alguna pregunta? Nuestro equipo de soporte te ayudará encantado de forma personal. Envíanos un mensaje a través del sistema de tickets: solemos responder en unas pocas horas y buscaremos contigo la mejor solución.

¿Buscas hosting WordPress? Consulta nuestra oferta.