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

# Crear un bloque de recomendación de productos

> Añada, configure y dé estilo a un bloque de recomendación de productos en su widget para mostrar sugerencias de productos personalizadas.

En este artículo, aprenderá a:

* Añadir un bloque de recomendación
* Editar un bloque de recomendación
* Posicionar un bloque de recomendación

## Añadir un bloque de recomendación

Para añadir un bloque de recomendación:

1. Haga clic en **Añadir elemento** en la barra lateral izquierda.
2. En la lista, haga clic en **Recomendación de productos** > **Recomendación de productos**.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-a-product-recommendation-block/Screenshot-2024-01-19-at-6.17.11PM.png)
</Frame>

3. Haga clic en **General** > **Bloque** y seleccione el bloque que desea añadir a su widget.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-a-product-recommendation-block/block-preview-1536x960.png)
</Frame>

En **Configuración**, puede establecer el número mínimo de productos necesarios para mostrar el bloque de recomendación. También puede especificar cómo obtener el ID del producto de la página de producto donde se muestra el widget. Esta configuración es obligatoria si utiliza los algoritmos "Productos similares" o "Productos que suelen comprarse junto con este producto" en su bloque de recomendación.

## Editar un bloque de recomendación

Haga clic en **Diseño** para editar el tamaño y la posición de su bloque. También puede editar su CSS. Haga clic en el icono de ampliar para abrir la sección de código personalizado.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-a-product-recommendation-block/edit-design.png)
</Frame>

Haga clic en **Bloque** para personalizar configuraciones adicionales como el color de fondo, las propiedades del borde o los efectos de sombra. También puede crear un estado de hover para el bloque.