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

# Ejemplo 3. Paso 4: Analice las imágenes para decidir en qué orden deben detectarse los elementos

> Planifique el orden de búsqueda de elementos para el FlexiLayout de facturas en el Ejemplo 3: analice la disposición de los campos y describa el grupo InvoiceHeader y sus elementos.

Antes de crear elementos, decida lo siguiente:

* ¿Hay algún patrón en la disposición de los campos en las imágenes?
* ¿Qué elementos pueden servir como elementos de referencia para detectar campos?
* ¿Qué orden de búsqueda de elementos funciona mejor? En cada paso nuevo, solo puede hacer referencia a elementos descritos previamente.

Analice las imágenes disponibles.

La parte central de cada imagen contiene una tabla.

<Info>
  En FlexiLayout Studio, una tabla es un objeto de imagen formado por fragmentos compuestos por filas y columnas, separados visualmente por líneas separadoras o por espacios en blanco. Para obtener más información, consulte [Trabajar con tablas](/es/flexi-capture/fls/tables/general-tables).
</Info>

Encima de la tabla hay un grupo de campos que puede llamarse **InvoiceHeader**: **Número de factura**, **Fecha de la factura** y **Dirección de entrega**. El campo **Número de factura** aparece en todas las imágenes y puede servir como campo identificador, mientras que **Fecha de la factura** y **Dirección de entrega** son opcionales.

Debajo de la tabla hay un grupo de campos que puede llamarse **Footer**: **TotalQuantity**, **TotalAmount** y **Country**. Estos campos tampoco aparecen en todas las imágenes.

<div id="plan-the-search-for-the-upper-fields">
  ## Planifique la búsqueda de los campos de la parte superior
</div>

Comience con los campos de la parte superior del documento. Cree un elemento lógico [grupo](/es/flexi-capture/fls/template/elements-compound) denominado **InvoiceHeader** que agrupe todos los elementos utilizados para buscar los campos **Número de factura**, **Fecha de la factura** y **Dirección de entrega**.

Estos tres campos siempre se encuentran en la esquina superior izquierda y siempre aparecen en el mismo orden: **Dirección de entrega**, seguida de **Número de factura** y, a continuación, **Fecha de la factura** (cuando aparecen en la imagen). Búsquelos en ese orden.

Para buscar las palabras clave de los nombres de los campos, utilice elementos [texto estático](/es/flexi-capture/fls/template/static-text). El elemento **InvoiceHeader** debe contener estos elementos de nombre:

| Elemento              | Tipo                                                         | Corresponde a                             | Se describe en                                   |
| :-------------------- | :----------------------------------------------------------- | :---------------------------------------- | :----------------------------------------------- |
| **kwDeliveryAddress** | [texto estático](/es/flexi-capture/fls/template/static-text) | Nombre del campo **Dirección de entrega** | [Paso 5](/es/flexi-capture/fls/tutorial3/3step5) |
| **kwInvoiceNumber**   | [texto estático](/es/flexi-capture/fls/template/static-text) | Nombre del campo **Número de factura**    | [Paso 6](/es/flexi-capture/fls/tutorial3/3step6) |
| **kwDate**            | [texto estático](/es/flexi-capture/fls/template/static-text) | Nombre del campo **Fecha de la factura**  | [Paso 7](/es/flexi-capture/fls/tutorial3/3step7) |

Busque los campos **Número de factura** y **Fecha de la factura** en la misma fila que sus nombres, a la derecha de estos. En el elemento **InvoiceHeader**, cree los siguientes elementos de campo:

| Elemento          | Tipo                                                                   | Corresponde a                                                    | Se describe en                                   |
| :---------------- | :--------------------------------------------------------------------- | :--------------------------------------------------------------- | :----------------------------------------------- |
| **InvoiceNumber** | [cadena de caracteres](/es/flexi-capture/fls/template/character-chain) | El campo **Número de factura**                                   | [Paso 8](/es/flexi-capture/fls/tutorial3/3step8) |
| **grDate**        | [grupo](/es/flexi-capture/fls/template/elements-compound)              | Agrupa los elementos que buscan el campo **Fecha de la factura** | [Paso 9](/es/flexi-capture/fls/tutorial3/3step9) |

En el elemento `InvoiceHeader.grDate`, cree:

| Elemento                | Tipo                                                                   | Corresponde a                                                                                       | Se describe en                                   |
| :---------------------- | :--------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------- | :----------------------------------------------- |
| **InvoiceDate**         | [fecha](/es/flexi-capture/fls/template/date)                           | El campo **Fecha de la factura** en imágenes de buena calidad                                       | [Paso 9](/es/flexi-capture/fls/tutorial3/3step9) |
| **InvoiceDateAsString** | [cadena de caracteres](/es/flexi-capture/fls/template/character-chain) | El campo **Fecha de la factura** cuando FlexiLayout Studio no encuentra el elemento **InvoiceDate** | [Paso 9](/es/flexi-capture/fls/tutorial3/3step9) |

Para obtener más información sobre cómo buscar fechas en imágenes de baja calidad, consulte [Búsqueda de fechas tras el reconocimiento de alta o baja calidad](/es/flexi-capture/fls/tips-tricks/date2).

<div id="plan-the-search-for-the-delivery-address-field">
  ## Planifique la búsqueda del campo Dirección de entrega
</div>

El campo **Dirección de entrega** consta de varias líneas, por lo que debe usar un elemento [párrafo](/es/flexi-capture/fls/template/text-chain) para detectarlo. Antes de crear este elemento, limite el área de búsqueda tanto como sea posible. Use un elemento [espacio en blanco](/es/flexi-capture/fls/template/white-gap) como límite derecho del área de búsqueda.

Agrupe en un elemento [grupo](/es/flexi-capture/fls/template/elements-compound) todos los elementos que describen la ubicación del campo **Dirección de entrega**. En el elemento **InvoiceHeader**, cree un elemento **grupo** llamado **grAddress**. Para obtener más información, consulte el [Paso 10](/es/flexi-capture/fls/tutorial3/3step10).

En el elemento **grAddress**, cree:

| Elemento            | Tipo                                                          | Corresponde a                                                                   | Se describe en                                     |
| :------------------ | :------------------------------------------------------------ | :------------------------------------------------------------------------------ | :------------------------------------------------- |
| **wgAddressRight**  | [espacio en blanco](/es/flexi-capture/fls/template/white-gap) | Elemento auxiliar que delimita el campo **Dirección de entrega** por la derecha | [Paso 11](/es/flexi-capture/fls/tutorial3/3step11) |
| **DeliveryAddress** | [párrafo](/es/flexi-capture/fls/template/text-chain)          | El campo **Dirección de entrega**                                               | [Paso 12](/es/flexi-capture/fls/tutorial3/3step12) |
