---
title: Cómo editar el widget «Diapositivas» para hacer un slider
description: "**Paso 1: Acceso a Elementor** 1. Inicia sesión en tu panel de WordPress. 2. Ve a la página o entrada donde deseas agregar el widget de diapositivas. 3. Haz clic en el botón \"Editar con Elementor\". **Paso 2: Agregar el…"
url: "https://www.kit.doominio.com/docs/elementor-editor-visual/como-editar-el-widget-diapositivas-para-hacer-un-slider/"
updated: "2024-05-22"
category: Web Profesional / Elementor (editor visual)
---

# Cómo editar el widget «Diapositivas» para hacer un slider

**Paso 1: Acceso a Elementor**

1. Inicia sesión en tu panel de WordPress.
 2. Ve a la página o entrada donde deseas agregar el widget de diapositivas.
 3. Haz clic en el botón "Editar con Elementor".

**Paso 2: Agregar el widget de Diapositivas**

1. En el panel izquierdo de Elementor, busca el widget "Diapositivas". Puedes encontrarlo escribiendo "Diapositivas" en la barra de búsqueda.
 2. Arrastra y suelta el widget de "Diapositivas" en la sección de la página donde deseas que aparezca.

**Paso 3: Configuración de las Diapositivas**

1. Contenido de las Diapositivas:

- Al agregar el widget, por defecto aparecen tres diapositivas. Puedes agregar más diapositivas haciendo clic en "Añadir Diapositiva" o eliminar las existentes haciendo clic en el icono de la papelera.
 - Para cada diapositiva, puedes configurar lo siguiente:
 - Imagen: Haz clic en el área de imagen para seleccionar o cargar una imagen desde tu biblioteca de medios.
 - Título: Escribe el título que aparecerá en la diapositiva.
 - Descripción: Añade una descripción debajo del título.
 - Botón: Si deseas un botón en la diapositiva, puedes activar la opción "Mostrar Botón" y personalizar el texto del botón, la URL y el icono.

2. Diseño de las Diapositivas:

- Altura: Ajusta la altura de las diapositivas.
 - Ancho del contenido: Controla el ancho del contenido dentro de las diapositivas.
 - Posición del contenido: Cambia la posición del contenido dentro de la diapositiva (centro, superior, inferior, izquierda, derecha).

3. Navegación:

- Puntos: Muestra u oculta los puntos de navegación (los pequeños círculos que indican el número de diapositivas).
 - Flechas: Muestra u oculta las flechas de navegación.
 - Posición de las flechas: Puedes elegir dónde se colocan las flechas (dentro, fuera, centrado).

**Paso 4: Diseño del Widget**

1. Diapositivas:
 - Fondo: Configura el fondo de la diapositiva.
 - Superposición: Puedes agregar una superposición de color a las imágenes de las diapositivas.

2. Contenido:
 - Color del título y descripción: Ajusta los colores del título y la descripción.
 - Tipografía: Personaliza la tipografía para el título y la descripción.
 - Espaciado: Ajusta el margen y el relleno para el contenido.

3. Botón:
 - Estilo normal y de hover: Personaliza el estilo del botón en su estado normal y al pasar el ratón sobre él.
 - Tipografía y colores: Configura la tipografía y los colores del botón.

4. Navegación:
 - Puntos: Ajusta el tamaño y el color de los puntos de navegación.
 - Flechas: Configura el tamaño y el color de las flechas de navegación.

**Paso 5: Publicar o Actualizar**

1. Una vez que hayas configurado y diseñado el widget de "Diapositivas" a tu gusto, haz clic en "Actualizar" para guardar los cambios.
 2. Revisa tu página para asegurarte de que las diapositivas se vean y funcionen como deseas.

¡Y eso es todo! Ahora sabes cómo usar el widget "Diapositivas" en Elementor para agregar presentaciones atractivas a tus páginas web. Si tienes alguna pregunta o necesitas más detalles, no dudes en preguntar.