IDEA TU SITIO
  • 💻Configuración inicial
  • 📢Primeros pasos
    • Asistente inicial
    • Configuración básica
  • 🎨Diseño, contenido y configuración
    • Carga de contenidos
    • Agregar páginas
    • Personalizar plantilla
    • Cambiar el color de los botones
    • Cambio de tipografía y estilos de textos en mi Sitio
    • Agregar un slider a mi sitio
    • Transiciones para sliders en mi sitio
    • Cajas, Columnas y Estructuras
    • Contenido centrado verticalmente y al alto de la pantalla de tu sitio
    • Agregar animación a la imagen de fondo de una caja en mi sitio
    • Agrego animaciones a mi sitio
    • Agregar anclas en tus sitios
    • Títulos y párrafos
    • Imágenes & Galerías
    • Banco de imágenes incluido
    • Aplicar efectos en las imágenes de tu sitio
    • Límite de tamaño las imágenes que subo a mi sitio
    • Agregar videos
    • Carpetas y páginas fuera de menú de tu sitio
    • Crear un menú desplegable
    • Reemplazar el formulario de contacto
    • Agregar mi propio CSS (Edición Avanzada)
    • Cambiar la tipografía con CSS (Edición Avanzada)
    • Crear una galería de productos
    • Habilitar el contador de visitas en mi sitio
    • Páginas Restringidas
    • Colocar mi sitio en construcción
    • Campos Personalizados
    • Cambiar plantilla
    • Reiniciar asistente
    • Cambiar el idioma del panel de administración
    • File Upload: Comparte archivos descargables en tu sitio web
    • Configuración SEO
  • 🛒Tienda Online
    • Carga de productos
    • Carga Masiva: ¿Cómo importar productos en .CSV?
    • Atributos
    • Ordenar los productos de mi catalogo
    • Poner productos en oferta
    • Modificar los precios de los productos de forma masiva
    • Conocé el módulo de "Órdenes de compra"
    • Estados de una orden de compra
    • Configurar métodos de pago
    • Configurar OCA
    • Configurar Andreani
    • Configurar mis propios métodos de envío
    • Modalidad de Compra Sin Registro
    • Módulo de Consultas a Productos
    • Cupones y Descuentos Automáticos de IDEA TU SITIO
    • Login con Facebook y Google
  • 📝Blog
    • Configuración
    • Entradas
    • Categorías
  • 🌐Dominios y Hosting
    • Apuntar mi dominio
    • Ver datos de acceso al hosting de IDEA TU SITIO
    • ¿Cómo agregar archivos al hosting?
    • Estados de un dominio
    • Delegar dominio en Nic.ar
  • 📧Cuentas de correo
    • Crear correos en IDEA TU SITIO
    • Configurar correo en Gmail
    • Configurar correo en Outlook
    • Configurar correo en Thunderbird
    • Configurar correo en Kmail
    • Configurar correo en Apple Mail
    • Configurar correo en Android
    • Configurar correo en iOS (iPhone / iPad)
    • Reenviar correos
    • Diferencia entre IMAP y POP3
  • 🧩Integraciones
    • Agregar botón de Whatsapp
    • Configurar e instalar el Pixel de Facebook en mi sitio web
    • Integrar tu tienda online con los catálogos de Facebook
    • Integrar Instagram Shopping con IDEA TU SITIO
    • Google Search Console
    • Configurar Google Analytics
    • Configurar Google Tag Manager
    • Integración con Google Merchant Center
    • ¿Cómo utilizar el Código Personalizado en tu sitio web?
    • Código Personalizado (HTML)
    • Iframes
    • ¿Cómo realizo la conexión a base de datos SQL Server con ODBC en PHP?
    • Cómo integrar Metricool a tu Sitio, explicado paso a paso
    • Webhooks: ¡Conecta tu web y automatiza procesos!
  • 💾Back Ups (Copias de Seguridad)
  • 🤖¿Cómo contactar con Soporte?
Con tecnología de GitBook
En esta página
  • Crear slider
  • Configurar slider
  • Agregar contenido

¿Te fue útil?

  1. Diseño, contenido y configuración

Agregar un slider a mi sitio

AnteriorCambio de tipografía y estilos de textos en mi SitioSiguienteTransiciones para sliders en mi sitio

Última actualización hace 4 años

¿Te fue útil?

Crear slider

IDEA TU SITIO te permite agregar sliders a las páginas de tu web, para darles más dinamismo y facilitar la navegación por el contenido que desees destacar.

A continuación te mostraremos cómo crear un slider en la página que desees:

1) Ingresa al creador de IDEA TU SITIO, en el menú principal haz click en la pestaña "Sitio" y luego en "Páginas". Selecciona la que desees modificar y presiona el botón "Editar".

2) Una vez allí, en el apartado "Estructura" encontrarás el elemento "Slider". Arrástralo a la sección de la izquierda, que representa la página que estás editando.

Configurar slider

3) Si posicionas el cursor sobre el elemento verás las opciones básicas del mismo.

En este ejemplo, el elemento cuenta con 3 sliders. Si deseas más o menos cantidad simplemente haz click en el "lápiz de edición" del menú, para abrir el panel de configuración.

4) En este menú encontrarás disponibles las opciones:

  • Número de slides: cantidad de secciones que tiene el elemento.

  • Alto: determina si el alto es general o se modifica según la imagen insertada

  • Transición: permite elegir un efecto al pasar de un slide a otro.

  • Pausar: determina cuando se realizará una pausa.

  • Segundos entre cada slide: determina el tiempo de duración del slide.

  • Mostrar controles: aquí puedes configurar la vista de los indicadores para pasar de slide.

Agregar contenido

5) Luego de configurar las opciones del slide, debes agregar contenido en cada uno. Para esto arrastra el elemento deseado al slide de la parte izquierda. Tomando el ejemplo de una imagen, elige el elemento "Imagen", que se encuentra en el apartado "Multimedia" y arrástralo al slide. Deberás arrastar una imagen por cada slide.

Ahora, carga una imagen en cada elemento "imagen" que hayas agregado a los distintos slides.

Puedes subir una nueva imagen desde una URL o desde tu PC. También puedes utilizar una que ya hayas subido a tu sitio desde "Mis Imágenes".

6) Una vez seleccionada la imagen, debes determinar el tamaño de la misma.

Recomendamos que las imágenes midan 1920 x 1080 px. para que no pixelen perdiendo calidad.

Luego repite estos pasos en los siguientes slides, respetando en todas las imágenes el mismo tamaño de manera que no existan saltos entre slides y se visualicen del mismo tamaño.

Una vez listo, presiona el botón "Aceptar".

7) Para pasar al siguiente slide y agregar el contenido que desees, presiona en el menú del mismo el icono ">".

8) ¡Listo! Haz creado un slider en tu sitio.

🎨