# Crea y edita tus imágenes

El editor de imágenes te permite crear y editar tus imágenes. Antes de empezar, hay un poco de [preparación](#map-image-product-fields-to-the-image-type) que necesitas hacer.

### Antes de empezar

#### Mapear los campos de producto de imagen al tipo 'imagen'

Asegúrate de que todos los campos del proyecto que vas a usar para imágenes estén correctamente mapeados a Tipo: 'Imagen' en el mapeo de importación. Esto se aplica tanto a los campos del proyecto importados como a los que has creado manualmente.

1. Ve a **Instalación** > **Configurar tienda** > **Editar mapeo**.
2. Haz clic en **Editar** detrás del campo de proyecto que quieres usar y asegúrate de **Tipo** esté establecido en 'Imagen'.

{% hint style="warning" %}
Importante: Asegúrate de que las imágenes que quieras usar desde tu importación sean archivos PNG, WebP, JPG o JPEG (otros tipos de archivo no funcionarán). El propio Image Editor solo creará archivos PNG.
{% endhint %}

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/VtvP0tr7CCriIRE2zwfY/19237678381202" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/YMLipVkNfMqU6pT1nBYg/19237707740306" alt=""><figcaption></figcaption></figure>

#### Configura el feed para el que quieres crear nuevas imágenes

El Image Editor se puede usar con cualquier feed en la sección Feed. Primero, crea (o copia) un feed para el canal para el que quieras crear imágenes optimizadas.

{% hint style="info" %}
Consejo: Si quieres comprobar la generación de imágenes antes de enviarlas a un canal publicitario, empieza con un feed que aún no se esté usando en ningún canal.
{% endhint %}

## Configura el editor de imágenes

{% stepper %}
{% step %}

### Configura una primera regla de imagen

Ejemplo: Instagram Feed

1. En el feed, ve a **Paso de Reglas** > **Reglas de imagen** para crear una regla de imagen.
2. Haz clic en **Nueva regla** y asígnale un nombre.

{% hint style="info" %}
Consejo: Si quieres comprobar la generación de imágenes antes de enviarlas a un canal publicitario, empieza con un feed que aún no se esté usando en ningún canal.
{% endhint %}
{% endstep %}

{% step %}

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/mnkRZuyf9iGtZEk0mYb1/19237707749138" alt=""><figcaption></figcaption></figure>

### Crear una plantilla

1. Abre el **Seleccionar una plantilla** desplegable y elige **+ Nueva plantilla**.
2. Ponle un nombre a la plantilla y haz clic **Crear** para abrir el Editor de Imágenes

<figure><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FEhCYNoVVFelZkYtdMJPu%2F2%20(2).gif?alt=media&#x26;token=3e68019b-d5ae-47c6-924c-9fbfe3da8f21" alt=""><figcaption></figcaption></figure>

Primero elige el tamaño correcto del lienzo (ver Canvas settings). Luego crea tu plantilla añadiendo objetos como Image, Text o Shape (esquina superior izquierda).
{% endstep %}

{% step %}

### Aplicar la plantilla a los productos

1. Haz clic en Back (esquina superior izquierda) para volver a la regla de imagen.
2. En la parte THEN de la regla haz clic en Select a template y elige la plantilla que creaste.

Si solo quieres aplicar la plantilla a ciertos ítems, define las condiciones apropiadas en la parte IF de la regla.

{% hint style="warning" %}
Importante: Un ítem solo puede ser editado por una regla: la primera regla que seleccione el ítem. Las reglas posteriores que seleccionarían el mismo ítem lo omitirán.
{% endhint %}
{% endstep %}

{% step %}

### Ver resultados

* Tras aplicar las plantillas, haz clic en Preview results en el lado derecho de la regla de imagen para ver la plantilla aplicada a tus imágenes seleccionadas

<figure><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FuuUmmDMWCUf8gHLeRlbM%2F7%20(1).gif?alt=media&#x26;token=c7bc5b5d-f5be-4d2d-9935-c054bbfcc2bc" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Almacenar la URL de la imagen y ajustar la configuración de seguridad

1. En tu regla de imagen, selecciona un campo de imagen para almacenar la nueva URL de la imagen.
2. Haz clic en Save rule y continúa al paso Finalize en tu feed.
3. Conecta el campo interno de imagen correcto con el nombre de campo del canal.
4. Haz clic en Save & run para generar el feed.

Las URL de las imágenes generadas empiezan con: *<https://channableusercontent.com/>*

Si hay errores al generar imágenes, el feed no se ejecutará. Consulta los errores en la pestaña Status del feed y vía[ notificación por correo electrónico ](https://app.gitbook.com/s/8y3q10FnokmlpzYq3YPS/manage-your-account-and-settings/manage-your-notification-settings)(si está habilitada).

Puedes cambiar el comportamiento del feed ante errores a través de la configuración de seguridad en el feed

<figure><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FUw405TkeIY6BETSD476s%2Fmceclip0%20(1).png?alt=media&#x26;token=d5adc39b-5aba-4a68-ac76-5b7c1bc7b48b" alt=""><figcaption></figcaption></figure>

Si encuentras errores en el Editor de Imágenes, consulta este [artículo de resolución de problemas.](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/solucion-de-problemas)

Si los problemas persisten, [contáctanos](https://www.channable.com/contact) para obtener ayuda.
{% endstep %}

{% step %}

### Añadir objeto de imagen

* Haz clic en Image y luego en Add dynamic image para crear un objeto de imagen.
* Para seleccionar una imagen, haz clic en Design en el menú derecho.
* Usa el desplegable junto a Image field y elige el campo de imagen que quieras para este objeto

<figure><img src="https://93120472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2Fbkh4MhCSiYWmOsTL7kPi%2F3%20(1).gif?alt=media&#x26;token=b742e949-9a60-4871-9a48-b5e493798f9e" alt=""><figcaption></figcaption></figure>

Aprende más sobre [ajustes del objeto imagen](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-es/el-editor-de-imagenes/aspectos-basicos-del-editor-de-imagenes#object-types).

{% hint style="info" %}
Importante: Máximo 10 imágenes por plantilla.
{% endhint %}

{% hint style="info" %}
Nota: Lo anterior añade una imagen dinámica. Aprende sobre [añadir una imagen estática](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/crear-una-plantilla-de-imagen/subir-imagenes-estaticas) que sea la misma para todos los ítems.
{% endhint %}
{% endstep %}

{% step %}

### Añadir objeto de texto

* Haz clic en Text para añadir un objeto de texto.
* En Diseño, edita el campo de valor para añadir texto estático, texto dinámico (conecta un campo de proyecto) o una combinación de texto estático + dinámico.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/h3Gk40AYiAEGs39jyyXp/19237678414226" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Aprende sobre [añadir una fuente personalizada](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-es/creatives-crea-y-edita-imagenes/crear-una-plantilla-de-imagen/subir-una-fuente-personalizada).
{% endhint %}

{% hint style="info" %}
Aprende más sobre [ajustes de texto](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-es/el-editor-de-imagenes/aspectos-basicos-del-editor-de-imagenes#text-object).
{% endhint %}
{% endstep %}

{% step %}

### Añadir objeto shape y cambiar el orden de los objetos

* Haz clic en Shape para añadir una forma estática.
* Usa la pestaña Design para cambiar la apariencia de la forma.
* Para cambiar el orden de los objetos (por ejemplo mover una forma detrás del texto), abre Objetos y arrastra los elementos usando el icono de tres barras. Cuando termines, pulsa Guardar en la esquina superior derecha.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/4dha4kbUsQI08FuYHBlT/19237707771154" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Aprende más sobre [ajustes del objeto forma](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-es/el-editor-de-imagenes/aspectos-basicos-del-editor-de-imagenes#object-types).
{% endhint %}
{% endstep %}

{% step %}

### Abrir plantillas existentes para editar

* Para editar una plantilla existente, ve a Select a template y elige una que hayas creado antes.
* Haz clic en Image editor para abrir el Editor de Imágenes con la plantilla seleccionada.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/GjTie729rWAjbCPTLihF/14229440760722" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}