PDD - Centro de ayuda

Componentes

Descubre los componentes que conforman la PDD y potencian su rendimiento. 

Todos fueron diseñados con enfoque mobile-first para garantizar adaptación total a cualquier dispositivo.

Sección

 

Descripción

Utiliza secciones para crear contenedores de ancho completo o para envolver elementos con anchos predefinidos.    

 

Sigue los pasos a continuación para comenzar a utilizar secciones en su sitio web:

  1. Click en Añadir sección
  2. Seleccionar el tipo de contenedor y configurar con los valores deseados
  3. Click en Guardar

Multi-sección 

 

Descripción

Utiliza secciones dentro de otras para lograr mayor flexibilidad en su diseño.

 

Sigue los pasos a continuación para comenzar a utilizar Multi-sección en su sitio web:

  1. Click en el icono "+"
  2. Click en Multi-sección
  3. Click en Añadir sección
  4. Seleccionar contenedor y configurar con los valores deseados
  5. Guardar

Editor de texto

 

Descripción

Escribe contenido fácilmente utilizando el editor de texto. Además podrá agregar imágenes, utilizar estilos personalizados y más.

 

Sigue los pasos a continuación para comenzar a utilizar Editor de texto en su sitio web:

  1. Click en el icono "+"
  2. Click en Editor de texto
  3. Escriba el contenido
  4. Guardar

Botón

 

Descripción

Utiliza este componente interactivo que permite realizar una acción específica, como por ejemeplo navegar a otra página. Es parte crucial para la experiencia del usuario y la navegación.

 

Sigue los pasos a continuación para comenzar a utilizar Editor de texto en su sitio web: 

  1. Click en el icono "+"
  2. Click en Botón
  3. Configurar con los valores deseados
  4. Guardar

Información de marca

 

Descripción

Añade la información de la marca y vincula las cuentas de redes sociales a tu sitio web para afianzar tu comunicación.

 

Sigue los pasos a continuación para comenzar a utilizar Información de marca en su sitio web:

  1. Click en el icono "+"
  2. Click en Información de marca
  3. Configurar con los valores deseados
  4. Guardar

Tarjeta

 

Descripción

Presente información de manera visual y organizada, facilitando la lectura y mejorando la experiencia del usuario.

 

Sigue los pasos a continuación para comenzar a utilizar Tarjeta en su sitio web:

  1. Click en el icono "+"
  2. Click en Tarjeta
  3. Configurar con los valores deseados
  4. Guardar

Carrusel (Tarjetas)

 

Descripción

Destaca contenido relevante para atraer la atención del usuario y mejorar la experiencia de navegación en el sitio web.

 

Sigue los pasos a continuación para comenzar a utilizar Carrusel de tarjetas en su sitio web:

  1. Click en el icono "+"
  2. Click en Carrusel
  3. Click en Carrusel
  4. Configurar con los valores deseados
  5. Guardar

Listado de items

 

Descripción

Organiza el contenido como una lista para mostrar información de manera clara, legible y eficiente.

 

Sigue los pasos a continuación para comenzar a utilizar Listado de items en su sitio web:

  1. Click en el icono "+"
  2. Click en Listado de items
  3. Click en Listado de items
  4. Guardar

Banner

 

Descripción

Utiliza este formato para para promociones, noticias o información importante.

 

Sigue los pasos a continuación para comenzar a utilizar Banner en su sitio web:

  1. Click en el icono "+"
  2. Click en Banner
  3. Configurar con los valores deseados
  4. Guardar

Hero Banner

 

Descripción

Utiliza este formato con imagen y texto en la parte superior de la página y capte la atención del usuario y transmita el mensaje principal.

 

Sigue los pasos a continuación para comenzar a utilizar Hero Banner en su sitio web:

  1. Click en el icono "+"
  2. Click en Hero Banner
  3. Configurar con los valores deseados
  4. Guardar

Hero Banner Video

 

Descripción

Utiliza este formato con video y texto en la parte superior de la página y capte la atención del usuario y transmita el mensaje principal.

 

Sigue los pasos a continuación para comenzar a utilizar Hero Banner Video en su sitio web: 

  1. Click en el icono "+"
  2. Click en Hero Banner Video
  3. Configurar con los valores deseados
  4. Guardar

Caja de icono
 

Descripción

Capte la atención de los usuarios con la utilización de textos acompañados de iconos.

 

Sigue los pasos a continuación para comenzar a utilizar Caja de icono en su sitio web:

  1. Click en el icono "+"
  2. Click en Caja de icono
  3. Configurar con los valores deseados
  4. Guardar

Acordeón

 

Descripción

Organiza la información con acordeones. Por ejemplo, organiza preguntas frecuentes para que los usuarios encuentren respuestas a preguntas sencillas.

 

Sigue los pasos a continuación para comenzar a utilizar Acordeón en su sitio web:

  1. Click en el icono "+"
  2. Click en Acordeón
  3. Agregar los acordeones deseados
  4. Configurar con los valores deseados
  5. Guardar

Menú

 

Descripción

Añade enlaces que faciliten la navegación, permitiendo a los usuarios acceder a diferentes páginas y secciones de forma rápida y sencilla.

 

Sigue los pasos a continuación para comenzar a utilizar Menú en su sitio web:

  1. Click en el icono "+"
  2. Click en Menú
  3. Seleccione el menú correspondiente
  4. Configurar con los valores deseados
  5. Guardar

Modal

 

Descripción

Muestre información o solicite una acción al usuario con una ventana emergente.

 

Sigue los pasos a continuación para comenzar a utilizar Modal en su sitio web:

  1. Click en el icono "+"
  2. Click en Modal
  3. Agrega la etiqueta correspondiente
  4. Configurar con los valores deseados
  5. Guardar

Multimedia

 

Descripción

Agregue cualquier archivo multimedia de forma sencilla.

 

Sigue los pasos a continuación para comenzar a utilizar Multimedia en su sitio web:

  1. Click en el icono "+"
  2. Click en Multimedia
  3. Seleccionar archivo
  4. Guardar

Video

 

Descripción

Muestra videos en el sitio web sin necesidad de códigos de incrustación.

 

Sigue los pasos a continuación para comenzar a utilizar Video en su sitio web:

  1. Click en el icono "+"
  2. Click en Video
  3. Seleccionar archivo para subir o agregar de forma remota a través de URL
  4. Guardar

Espaciador

 

Descripción

Mejora la organización y la claridad de la página agregando separación visual entre párrafos, secciones, imágenes u otros elementos.

 

Sigue los pasos a continuación para comenzar a utilizar Espaciador en su sitio web: 

  1. Click en el icono "+"
  2. Click en Espaciador
  3. Configurar con los valores deseados
  4. Guardar

Contenido dinámico

 

Descripción

Muestre en cualquier página , a través de Vistas de Drupal, todos los artículos de un blog, los usuarios más recientes, eventos filtrados por fecha, y mucho más.

 

Sigue los pasos a continuación para comenzar a utilizar Contenido dinámico en su sitio web:

  1. Click en el icono "+"
  2. Click en Contenido dinámico
  3. Seleccionar la Vista de drupal deseada
  4. Guardar

Formulario

 

Descripción

Facilite la interacción del usuario con el sitio web y la gestión de datos.

 

Sigue los pasos a continuación para comenzar a utilizar Formulario en su sitio web:

  1. Click en el icono "+"
  2. Click en Formulario
  3. Seleccionar formulario
  4. Configurar con los valores deseados
  5. Guardar

Pestañas

 

Descripción

Clasifica la información en el sitio web utilizando tabs.

 

Sigue los pasos a continuación para comenzar a utilizar Tabs en su sitio web:

  1. Click en el icono "+"
  2. Click en Tabs / Pestañas
  3. Agregue los items Tabs necesarios
  4. Configurar con los valores deseados
  5. Guardar

Componentes reutilizables

 

Descripción

Agregue y reutilice componentes guardados e su biblioteca.

 

Sigue los pasos a continuación para comenzar a utilizar Componentes reutilizables en su sitio web:

  1. Click en el icono "+"
  2. Click en From library / Componentes guardados
  3. Seleccione el componente deseado
  4. Guardar