{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "Frontmail – Tutoriales",
  "description": "Tutoriales paso a paso con código y un vídeo corto: crea un formulario de contacto o de solicitud de presupuesto que te llegue por correo – en tu web, en Flutter, React Native, Kotlin o Swift. Sin backend.",
  "home_page_url": "https://frontmail.dev/es/tutorials/",
  "feed_url": "https://frontmail.dev/es/tutorials/feed.json",
  "icon": "https://frontmail.dev/apple-touch-icon.png",
  "favicon": "https://frontmail.dev/favicon.svg",
  "language": "es",
  "items": [
    {
      "id": "https://frontmail.dev/es/tutorials/contact-form-website/",
      "url": "https://frontmail.dev/es/tutorials/contact-form-website/",
      "title": "Cómo añadir un formulario de contacto a tu web sin backend",
      "summary": "Un formulario de contacto en HTML que te envía cada mensaje por correo – sin servidor, sin PHP y sin plugins. Funciona en cualquier web estática, desde HTML escrito a mano hasta Astro, Hugo o WordPress.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-website.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "Sitio web",
        "Formulario de contacto",
        "formulario de contacto",
        "formulario de contacto html",
        "formulario de contacto sin backend",
        "enviar formulario por correo",
        "web estática",
        "html",
        "javascript",
        "astro",
        "hugo",
        "wordpress",
        "alternativa a emailjs"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo añadir un formulario de contacto a tu web sin backend (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-website",
        "platform": "web",
        "use_case": "contact-form",
        "platform_label": "Sitio web",
        "use_case_label": "Formulario de contacto",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-website.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-website.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/inquiry-form-website/",
      "url": "https://frontmail.dev/es/tutorials/inquiry-form-website/",
      "title": "Cómo crear un formulario de solicitud de presupuesto para tu web",
      "summary": "Un formulario de presupuesto con servicio, presupuesto y fecha límite que llega a tu bandeja como un correo ordenado – y envía al cliente una confirmación automática. Sin backend, HTML puro.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-website.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "Sitio web",
        "Formulario de solicitud de presupuesto",
        "formulario de presupuesto",
        "solicitud de presupuesto",
        "formulario de solicitud",
        "formulario de captación de clientes",
        "pedir presupuesto online",
        "respuesta automática",
        "auto-reply",
        "web estática",
        "html",
        "javascript"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de solicitud de presupuesto para tu web (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-website",
        "platform": "web",
        "use_case": "inquiry-form",
        "platform_label": "Sitio web",
        "use_case_label": "Formulario de solicitud de presupuesto",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-website.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/contact-form-flutter/",
      "url": "https://frontmail.dev/es/tutorials/contact-form-flutter/",
      "title": "Cómo crear un formulario de contacto en Flutter que envíe correos",
      "summary": "Un formulario de contacto en Flutter que te envía cada mensaje por correo – sin backend y sin contraseña SMTP en la app. Funciona en Android, iOS, web y escritorio con el paquete de Dart de Frontmail.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-flutter.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "Flutter",
        "Formulario de contacto",
        "flutter",
        "dart",
        "formulario de contacto flutter",
        "enviar correo desde flutter",
        "enviar email desde una app",
        "app móvil",
        "android",
        "ios",
        "formulario de soporte",
        "formulario de feedback",
        "pub.dev"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de contacto en Flutter que envíe correos (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-flutter",
        "platform": "flutter",
        "use_case": "contact-form",
        "platform_label": "Flutter",
        "use_case_label": "Formulario de contacto",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-flutter.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/inquiry-form-flutter/",
      "url": "https://frontmail.dev/es/tutorials/inquiry-form-flutter/",
      "title": "Cómo crear un formulario de solicitud de presupuesto en Flutter",
      "summary": "Un formulario de presupuesto en Flutter con selector de servicio, presupuesto y fecha límite que te envía cada solicitud por correo y manda al cliente una confirmación automática – sin backend.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "Flutter",
        "Formulario de solicitud de presupuesto",
        "flutter",
        "dart",
        "formulario de presupuesto",
        "solicitud de presupuesto",
        "formulario de solicitud flutter",
        "formulario de captación de clientes",
        "solicitud de reserva",
        "dropdown",
        "date picker",
        "respuesta automática"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de solicitud de presupuesto en Flutter (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-flutter",
        "platform": "flutter",
        "use_case": "inquiry-form",
        "platform_label": "Flutter",
        "use_case_label": "Formulario de solicitud de presupuesto",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-flutter.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/contact-form-react-native/",
      "url": "https://frontmail.dev/es/tutorials/contact-form-react-native/",
      "title": "Cómo crear un formulario de contacto en React Native (y Expo) que envíe correos",
      "summary": "Un formulario de contacto en React Native que te envía cada mensaje por correo, con estado de envío, protección contra bots y sin backend. Funciona en Expo y en React Native puro.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-react-native.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "React Native",
        "Formulario de contacto",
        "react native",
        "expo",
        "typescript",
        "formulario de contacto react native",
        "enviar correo desde react native",
        "enviar email desde una app",
        "app móvil",
        "android",
        "ios",
        "hook",
        "formulario de feedback"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de contacto en React Native (y Expo) que envíe correos (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-react-native",
        "platform": "react-native",
        "use_case": "contact-form",
        "platform_label": "React Native",
        "use_case_label": "Formulario de contacto",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-react-native.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/inquiry-form-react-native/",
      "url": "https://frontmail.dev/es/tutorials/inquiry-form-react-native/",
      "title": "Cómo crear un formulario de solicitud de presupuesto en React Native",
      "summary": "Un formulario de presupuesto en React Native y Expo con opciones de servicio, presupuesto y fecha límite que te envía cada solicitud por correo y se la confirma automáticamente al cliente.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "React Native",
        "Formulario de solicitud de presupuesto",
        "react native",
        "expo",
        "typescript",
        "formulario de presupuesto",
        "solicitud de presupuesto",
        "formulario de solicitud react native",
        "formulario de captación de clientes",
        "solicitud de reserva",
        "respuesta automática"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de solicitud de presupuesto en React Native (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-react-native",
        "platform": "react-native",
        "use_case": "inquiry-form",
        "platform_label": "React Native",
        "use_case_label": "Formulario de solicitud de presupuesto",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-react-native.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/contact-form-android-kotlin/",
      "url": "https://frontmail.dev/es/tutorials/contact-form-android-kotlin/",
      "title": "Cómo crear un formulario de contacto en Android con Kotlin y Jetpack Compose",
      "summary": "Una pantalla de contacto en Jetpack Compose que te envía cada mensaje a través de tu propio buzón – sin backend y sin contraseña SMTP en el APK. Usa el SDK de Kotlin de Frontmail.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "Android (Kotlin)",
        "Formulario de contacto",
        "android",
        "kotlin",
        "jetpack compose",
        "compose",
        "formulario de contacto android",
        "enviar correo desde android",
        "enviar email desde una app",
        "app móvil",
        "formulario de soporte",
        "formulario de feedback",
        "maven"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de contacto en Android con Kotlin y Jetpack Compose (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-android-kotlin",
        "platform": "android",
        "use_case": "contact-form",
        "platform_label": "Android (Kotlin)",
        "use_case_label": "Formulario de contacto",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-android-kotlin.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/inquiry-form-android-kotlin/",
      "url": "https://frontmail.dev/es/tutorials/inquiry-form-android-kotlin/",
      "title": "Cómo crear un formulario de solicitud de presupuesto en Android con Kotlin",
      "summary": "Un formulario de presupuesto en Jetpack Compose con opciones de servicio y presupuesto y una fecha límite que te envía cada solicitud por correo y manda al cliente una confirmación automática.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "Android (Kotlin)",
        "Formulario de solicitud de presupuesto",
        "android",
        "kotlin",
        "jetpack compose",
        "formulario de presupuesto",
        "solicitud de presupuesto",
        "formulario de solicitud android",
        "formulario de captación de clientes",
        "solicitud de reserva",
        "respuesta automática"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de solicitud de presupuesto en Android con Kotlin (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-android-kotlin",
        "platform": "android",
        "use_case": "inquiry-form",
        "platform_label": "Android (Kotlin)",
        "use_case_label": "Formulario de solicitud de presupuesto",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-android-kotlin.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/contact-form-ios-swift/",
      "url": "https://frontmail.dev/es/tutorials/contact-form-ios-swift/",
      "title": "Cómo crear un formulario de contacto en iOS con Swift y SwiftUI",
      "summary": "Un formulario de contacto en SwiftUI que te envía cada mensaje a través de tu propio buzón – sin backend y sin contraseña SMTP en la app. Usa el paquete de Swift de Frontmail.",
      "image": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "iOS (Swift)",
        "Formulario de contacto",
        "ios",
        "swift",
        "swiftui",
        "iphone",
        "ipad",
        "formulario de contacto ios",
        "formulario de contacto swiftui",
        "enviar correo desde una app ios",
        "app móvil",
        "formulario de feedback",
        "swift package manager"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de contacto en iOS con Swift y SwiftUI (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "contact-form-ios-swift",
        "platform": "ios",
        "use_case": "contact-form",
        "platform_label": "iOS (Swift)",
        "use_case_label": "Formulario de contacto",
        "video_url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/contact-form-ios-swift.webp"
      }
    },
    {
      "id": "https://frontmail.dev/es/tutorials/inquiry-form-ios-swift/",
      "url": "https://frontmail.dev/es/tutorials/inquiry-form-ios-swift/",
      "title": "Cómo crear un formulario de solicitud de presupuesto en iOS con SwiftUI",
      "summary": "Un formulario de presupuesto en SwiftUI con selectores de servicio y presupuesto y una fecha límite que te envía cada solicitud por correo y manda al cliente una confirmación automática – sin backend.",
      "image": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.webp",
      "date_published": "2026-09-29T00:00:00.000Z",
      "date_modified": "2026-09-29T00:00:00.000Z",
      "language": "es",
      "tags": [
        "iOS (Swift)",
        "Formulario de solicitud de presupuesto",
        "ios",
        "swift",
        "swiftui",
        "formulario de presupuesto",
        "solicitud de presupuesto",
        "formulario de solicitud ios",
        "formulario de captación de clientes",
        "solicitud de reserva",
        "picker",
        "date picker",
        "respuesta automática"
      ],
      "attachments": [
        {
          "url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.mp4",
          "mime_type": "video/mp4",
          "title": "Cómo crear un formulario de solicitud de presupuesto en iOS con SwiftUI (video, English)",
          "duration_in_seconds": 42
        }
      ],
      "_frontmail": {
        "slug": "inquiry-form-ios-swift",
        "platform": "ios",
        "use_case": "inquiry-form",
        "platform_label": "iOS (Swift)",
        "use_case_label": "Formulario de solicitud de presupuesto",
        "video_url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.mp4",
        "video_language": "en",
        "poster_url": "https://frontmail.dev/videos/tutorials/inquiry-form-ios-swift.webp"
      }
    }
  ]
}