> ## Documentation Index
> Fetch the complete documentation index at: https://www.octoparse.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Constructor sin código

> Crea visualmente flujos personalizados de web scraping en Octoparse seleccionando elementos y agregando acciones, Sin código.

El constructor sin código te permite crear flujos de trabajo de extracción personalizados mediante la interacción visual con un sitio web. En lugar de escribir código para el scraper, seleccionas elementos de la página y agregas acciones al flujo de trabajo, como hacer clic, recorrer en bucle, Paginar, desplazar, esperar y Extraer datos.

Úsalo cuando las Plantillas o la Auto-detección no se ajusten por completo al sitio web objetivo o a tus requisitos de datos.

## Escenarios que gestiona

<Columns cols={2}>
  <Card title="Extraer listas repetidas">
    Extrae elementos repetidos de resultados de búsqueda, directorios, cuadrículas de productos o tablas.
  </Card>

  <Card title="Profundizar en páginas de detalle">
    Haz clic en cada elemento, recopila campos adicionales y vuelve a la lista.
  </Card>

  <Card title="Navegar por varias páginas">
    Recorre páginas, carga más resultados o desplázate para mostrar contenido dinámico.
  </Card>

  <Card title="Personalizar los valores de los campos">
    Selecciona campos manualmente y refina los valores extraídos antes de exportarlos.
  </Card>
</Columns>

Usa el constructor sin código cuando:

* No exista una Plantilla adecuada
* La Auto-detección omita campos o acciones de la página
* El flujo de trabajo requiera páginas de detalle
* El sitio web use una Paginación personalizada o desplazamiento infinito
* Necesites gestionar ventanas emergentes, menús, pestañas o pasos de inicio de sesión
* Necesites limpiar los campos antes de exportarlos

## Flujo de trabajo básico

<Steps>
  <Step title="Abrir la página">
    Empieza con la URL que contiene los datos que quieres recopilar.
  </Step>

  <Step title="Seleccionar elementos">
    Haz clic en los Campos de datos, botones, enlaces o elementos de lista que definen el flujo de trabajo de extracción.
  </Step>

  <Step title="Elegir acciones">
    Agrega acciones como Extraer datos, hacer clic, recorrer elementos en bucle, Paginar, desplazar o esperar.
  </Step>

  <Step title="Revisar el flujo de trabajo">
    Comprueba la secuencia de acciones y asegúrate de que la tarea siga la ruta prevista por las páginas.
  </Step>

  <Step title="Realizar una prueba">
    Ejecuta una muestra pequeña y revisa los resultados antes de ejecutar la tarea completa.
  </Step>
</Steps>

## Acciones habituales

| Acción             | Uso                                                                                                                                                                                                                                                                                                           |
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Ir a la página web | Cargar una URL objetivo para iniciar el flujo de trabajo de extracción <br /> <sub>Para extraer datos de varias URL similares, combínala con un bucle que recorra cada URL.</sub>                                                                                                                             |
| Extraer datos      | Capturar texto, enlaces, URL de imágenes, atributos u otros valores de campo                                                                                                                                                                                                                                  |
| Hacer clic         | Abrir enlaces, botones, pestañas, menús o páginas de detalle                                                                                                                                                                                                                                                  |
| Bucle              | Repetir acciones en una lista de elementos                                                                                                                                                                                                                                                                    |
| Introducir texto   | Escribir texto en los campos de entrada de la página <br /> <sub>También se usa para introducir credenciales cuando el sitio web requiere autenticación manual.</sub>                                                                                                                                         |
| Paginación         | Recorrer varias páginas de resultados                                                                                                                                                                                                                                                                         |
| Desplazar          | Cargar el contenido que aparece después de desplazarse <br /> <sub>Admite el desplazamiento de toda la página (Predeterminado) y dentro de un área específica (Parcial). Puedes definir las repeticiones, el Tiempo de espera y que el bucle termine automáticamente cuando deje de cargarse contenido.</sub> |
| Acción Esperar     | Permitir que termine de cargarse el contenido dinámico                                                                                                                                                                                                                                                        |
| Limpiar datos      | Cambiar el formato de un valor de campo o extraer una parte de él                                                                                                                                                                                                                                             |

## Editar selectores manualmente

Cuando la selección de elementos predeterminada no capture los datos correctos, puedes editar directamente el XPath subyacente. Esto resulta útil cuando:

* El selector generado automáticamente es demasiado amplio o demasiado limitado
* Necesitas seleccionar un atributo específico, por ejemplo, `href`, `src` o `data-price`, en lugar del texto visible
* La estructura de la página cambia ligeramente entre elementos y el selector predeterminado omite algunas filas

Para editar un selector, haz clic en un campo del flujo de trabajo y cambia al [modo de edición de XPath](/docs/es/academy/xpath-css-selectors). Puedes probar el selector modificado en la página activa antes de guardarlo.

## Resolución de problemas

| Problema                                                                              | Causa probable                                                               | Qué puedes probar                                                                                  |
| ------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
| No se puede seleccionar un elemento                                                   | El elemento se encuentra dentro de un iframe o shadow DOM                    | Cambia primero al iframe o usa el Navegador integrado para inspeccionar la estructura de la página |
| El elemento seleccionado devuelve valores vacíos                                      | El contenido se carga dinámicamente después de representar la página         | Agrega una acción Esperar antes del paso de extracción                                             |
| El bucle extrae filas duplicadas                                                      | El selector del bucle coincide con regiones superpuestas                     | Limita el XPath del bucle para seleccionar un contenedor más específico                            |
| La Paginación se detiene antes de tiempo                                              | El selector del botón de página siguiente no coincide en páginas posteriores | Comprueba si el botón cambia de clase o posición en la última página                               |
| Los datos se ven bien en la vista previa, pero son incorrectos después de exportarlos | Los valores de campo contienen HTML oculto o espacios en blanco              | Usa Limpiar datos para recortarlos o cambiarles el formato antes de exportar                       |

## Prácticas recomendadas

* Empieza con una muestra pequeña antes de ejecutar la tarea completa.
* Usa nombres de campo claros.
* Comprueba si los valores se capturan de texto visible, enlaces, imágenes, atributos o HTML.
* Agrega esperas cuando el contenido se cargue dinámicamente.
* Mantén el flujo de trabajo lo más sencillo posible.
* Vuelve a realizar pruebas después de que cambie el sitio web objetivo.

<Note>
  El constructor sin código crea un flujo de trabajo repetible basado en la estructura del sitio web. Si el sitio cambia de forma considerable, puede que tengas que ajustar la tarea.
</Note>

## Páginas relacionadas

<Columns cols={3}>
  <Card title="Plantillas" href="/docs/es/platform/templates">
    Empieza con un flujo de trabajo preconfigurado para sitios web habituales.
  </Card>

  <Card title="Auto-detección" href="/docs/es/platform/auto-detect">
    Deja que Octoparse analice una página y genere automáticamente un flujo de trabajo inicial.
  </Card>

  <Card title="Refinar datos" href="/docs/es/platform/refine-data">
    Limpia y cambia el formato de los campos extraídos antes de exportarlos.
  </Card>
</Columns>
