CMS: administrar el contenido de una colección desde tu sitio online

20 min de lectura
Crea una página que permita a las personas agregar, editar o eliminar contenido de la colección del CMS (Sistema de gestión de contenido) de tu sitio online. Es útil para los visitantes que envían texto e imágenes a un área personal. Otro ejemplo, que se ilustra a continuación, es un formulario en el sitio de una propiedad. Este permite a los visitantes agregar, eliminar o actualizar entradas.
¿Estás usando el Editor de Wix Studio?
Hemos simplificado este proceso en el Editor de Wix Studio, donde puedes agregar una página dinámica de administración de ítems. La página dinámica de administración incluye una página prediseñada que permite a los colaboradores y a los miembros del sitio administrar el contenido de la colección desde tu sitio online.
Captura de pantalla de un formulario en el que los visitantes pueden agregar, eliminar o actualizar entradas.
始める前に:

Paso 1 | Crea un formulario con elementos de entrada

Crea formularios personalizados para las necesidades específicas de tu sitio agregando elementos de entrada a tu sitio. Los elementos utilizados para componer tu formulario aceptan contenido como texto y cargas de archivos de los visitantes. Tu colección guarda el contenido enviado a través del formulario. Más información sobre cómo crear un formulario con elementos de entrada del usuario.
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Ve a la página o la sección donde deseas crear un formulario personalizado. 
  3. Haz clic en  Agregar elementos   a la izquierda del editor.
  4. Haz clic en Elementos de entrada.
  5. Haz clic en el tipo de elemento de entrada que deseas agregar.
  6. Haz clic en el elemento de entrada correspondiente y arrástralo a la página. 
  1. Haz clic en el elemento de entrada que agregaste y selecciona Ajustes.
  2. Completa los ajustes. Las opciones varían según el elemento de entrada que hayas seleccionado.
  3. (Opcional) Haz clic en los íconos Estilo  y デザイン  para cambiar el estilo o el diseño.
  4. Repite los pasos 3-9 anteriores para agregar la cantidad de elementos de entrada que necesite tu formulario. 

Paso 2 | Conecta los elementos de entrada a la colección

Hay dos ajustes diferentes que afectan a lo que pueden hacer los usuarios y quién puede hacerlo. Uno es el modo del conjunto de datos en el conjunto de datos, el otro es Permisos y privacidad en la colección. 

El modo del conjunto de datos determina qué acciones pueden realizarse entre los elementos conectados y una colección. Los ajustes de Permisos y privacidad de la colección determinan quién puede ver o editar el contenido de la colección. Más información sobre los modos del conjunto de datos y los permisos de la colección.
Editor de Wix
Editor de Wix Studio
  1. En el editor, haz clic en cualquiera de los elementos de entrada que acabas de agregar. 
  2. Haz clic en el icono Conectar a CMS
  3. Conéctate a un conjunto de datos que se enlace a la colección donde almacenarás los envíos: 
    • Si no tienes un conjunto de datos en la página: 
      1. Haz clic en + Agregar un conjunto de datos a la derecha. Luego, elige la colección que deseas conectar, ingresa el nombre del conjunto de datos y haz clic en Crear.  
      2. Haz clic en Recopilar contenido.
    • Si ya tienes un conjunto de datos en la página:
      1. Haz clic en Recopilar contenido
      2. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el conjunto de datos correspondiente. Como alternativa, haz clic en Crear un conjunto de datos para crear uno nuevo, luego elige la colección que deseas conectar, ingresa el nombre del conjunto de datos y haz clic en Crear.
  4. Conecta el elemento de entrada a un campo de colección existente o nuevo:
    • Existente: haz clic en el menú desplegable El valor se conecta a y selecciona el campo al que deseas enviar la entrada. 
    • Nuevo campo: haz clic en el menú desplegable El valor se conecta a y selecciona Agregar nuevo campo:
      1. Ingresa un Nombre del campo para el nuevo campo de la colección. 
      2. Selecciona el tipo de campo en el menú desplegable. El tipo de campo determina qué tipo de datos puedes almacenar en el campo
      3. Haz clic en Agregar
  1. (Si es necesario) Haz clic en la palanca Mostrar opciones de una colección para elegir dónde administrar las opciones del elemento:
    • Activada: usa un campo de otra colección del CMS para las opciones. Conecta el conjunto de datos correspondiente y elige los campos que deseas usar en el menú desplegable Las etiquetas y los valores se conectan a.
    • Desactivada: haz clic en Administrar opciones para crear las opciones para el elemento independientemente del CMS. 
  1. Repite estos pasos para cada uno de los elementos de entrada del formulario personalizado. 
  2. En el panel de la derecha, haz clic en Ajustes del conjunto de datos debajo del primer menú desplegable Elige un conjunto de datos. Este conjunto de datos se conecta a la colección en la que almacenarás los envíos. 
  1. Haz clic en el menú desplegable Modo del conjunto de datos y selecciona Lectura y escritura.

Paso 3 | Agrega y configura un botón interactivo

Agrega un botón en el que los visitantes puedan hacer clic para interactuar con los datos de tu colección. Luego, personaliza el botón y conéctalo al mismo conjunto de datos que los elementos de entrada. 

Puedes agregar un botón de envío para almacenar los valores de entrada del usuario en tu colección. En el conjunto de datos, configura el menú desplegable La acción del clic conecta a en "Enviar" para que el botón envíe los elementos de entrada a tu colección. Puedes elegir entre varias acciones de clic diferentes para crear botones interactivos (por ejemplo, Aplicar filtros, Nuevo o Eliminar).
Editor de Wix
Editor de Wix Studio
  1. Haz clic en  Agregar elementos   a la izquierda del editor.
  2. Haz clic en Botón.
  3. Haz clic en el botón que deseas usar como botón de envío y arrástralo a la página. Puedes usar cualquiera de los siguientes tipos de botones: botones temáticos, botones con texto e iconos, botones con iconos o botones de imagen.
    Consejo: Como alternativa, puedes agregar una imagen y usarla como botón de envío. 
Captura de pantalla de cómo agregar un botón para usar como botón de envío.
  1. Haz clic en Cambiar icono y texto e ingresa el texto que deseas mostrar en el botón (por ejemplo, "Enviar"). 
  2. Haz clic en el icono Conectar a CMS .
  3. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el conjunto de datos conectado a tu colección de envíos. 
  4. Haz clic en el menú desplegable La acción del clic conecta a y selecciona Enviar
  5. (Opcional) Agrega mensajes de éxito y de error que aparecen cuando los envíos se envían con éxito o sin éxito:
    1. Haz clic en + Agregar mensaje de éxito y luego en + Agregar mensaje de error.
    2. Haz clic en ambos mensajes y arrástralos a la ubicación donde quieres que aparezcan. Pueden superponerse porque los mensajes no se muestran al mismo tiempo.
    3. Haz clic en Editar texto en cada mensaje para editarlos.
  6. Selecciona el botón y haz clic en el icono Conectar a CMS . Luego, haz clic en el menú desplegable Al ver mensaje de éxito, dirigirse a y selecciona una opción:
    • Quedarme en esta página: el visitante permanece en la misma página después de enviar el formulario.
    • Un enlace: el visitante es redirigido a otra página después de enviar el formulario. Haz clic en Seleccionar dentro de Elige un enlace y configura el enlace. 
  1. Haz clic en el botón y selecciona el icono デザイン  para personalizar la apariencia del botón de envío

Paso 4 | Configura los permisos de la colección

Los ajustes de permisos y privacidad de la colección determinan quién puede ver, agregar, eliminar y actualizar los ítems de la colección. Configura los permisos personalizados para elegir quién quieres que tenga acceso para editar la colección. Puedes ajustar esta configuración, por ejemplo, si deseas restringir el acceso de edición a los miembros del sitio. 

Más información sobre cómo cambiar los permisos de una colección en el CMS.

Para configurar los permisos de la colección:

  1. Ve a CMS en el panel de control de tu sitio. Como alternativa, puedes hacer clic en CMS  en el editor y luego en Tus colecciones. 
  2. Haz clic en la colección que deseas administrar desde tu sitio online.
  3. Haz clic en Más acciones en la parte superior y selecciona Permisos y privacidad.
  4. Haz clic en el menú desplegable ¿Qué tipo de contenido almacenarás en esta colección? y elige una opción:
    • Personalizado: define quién puede ver, agregar, eliminar y actualizar contenido de los menús desplegables correspondientes. 
    • Generado por miembros: permite que cualquiera pueda ver el contenido, que los miembros del sitio agreguen contenido y que los autores de los miembros del sitio eliminen o actualicen contenido. Haz clic en los menús desplegables correspondientes para ajustar los permisos. 
  5. Haz clic en Guardar.
Se muestra la configuración de los permisos generados por miembros en una colección del CMS.

Paso 5 | Agrega una tabla para seleccionar y editar elementos específicos

Con un formulario personalizado completo, tú y los visitantes de tu sitio pueden agregar contenido a tu colección. Para seleccionar y editar ítems específicos de tu sitio web online, puedes agregar una tabla.
En el sitio online, los ítems aparecerán en la tabla a medida que se agregue contenido. Edita el contenido de cada ítem mediante el formulario personalizado. Puedes conectar botones a acciones de clic del conjunto de datos para obtener más funciones, como agregar y eliminar ítems de tu colección. También puedes agregar botones para navegar entre los ítems configurándolos para que muestren el "ítem siguiente" o el "ítem anterior".
Captura de pantalla de un formulario que incluye una tabla para seleccionar elementos de la colección para actualizar o eliminar.
Nota:
En lugar de usar una tabla, puedes configurar botones para navegar entre los ítems. Para ello, usa "Ítem anterior" y "Ítem siguiente" debajo del menú desplegable La acción del clic conecta a del conjunto de datos. Luego, puedes editar el contenido que aparece en el formulario y hacer clic en Enviar para actualizar ese ítem. También puedes configurar botones para crear una nueva entrada o eliminar una existente.

Para agregar una tabla:

Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Haz clic en Agregar elementos  a la izquierda del editor.
  3. Haz clic en Listas.
  4. Haz clic en Tablas.
  5. Haz clic en la tabla que deseas usar y arrástrala a la página. 
Captura de pantalla de cómo agregar una tabla en el Editor de Wix.
  1. Haz clic en el icono Conectar a CMS .
  2. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el conjunto de datos al que también se conectan los elementos de entrada. 
  3. Haz clic en los menús desplegables correspondientes debajo de Conexiones para elegir qué campos de la colección se conectan a cada columna. 
  4. Personaliza la tabla.
  5. Cuando esté todo listo, publica tu sitio para implementar los cambios.

(Opcional) Agrega un filtro para mostrar elementos específicos

Para mostrar solo contenido que puedan administrar visitantes específicos, agrega un filtro al conjunto de datos que incluya el campo Propietario (Texto) configurado en el estado "sesión iniciada". 

Configura filtros en el conjunto de datos para que los visitantes de tu sitio vean contenido específico. Por ejemplo, si tienes un sitio web de recetas, puedes establecer un filtro para las recetas según un plato preferido, como desayuno, el almuerzo o la cena. Luego, los visitantes del sitio pueden navegar por los ítems filtrados de la colección mediante el uso de una tabla.

Para agregar un filtro al conjunto de datos:

Editor de Wix
Editor de Wix Studio
  1. Ve a la página correspondiente en el editor.
  2. Ve a los ajustes del conjunto de datos correspondiente:
    1. Haz clic en CMS  a la izquierda. 
    2. Haz clic en Administrar conexiones de página.
    3. Haz clic en el icono Más acciones  junto al conjunto de datos correspondiente y selecciona Ajustes de conjunto de datos
  3. Haz clic en + Agregar filtro debajo de Filtrar
  4. Haz clic en el menú desplegable Campo y selecciona el campo al que deseas aplicar el filtro. 
  5. Haz clic en el menú desplegable Condición y elige la condición que deseas usar en el filtro. Las opciones varían según el tipo de campo que se esté filtrando. 
  6. (Si es necesario) Selecciona la fuente del valor: 
    • Entrada manual: ingresa el valor por el que deseas filtrar en el campo Valor
    • Otro conjunto de datos: selecciona en los menús desplegables correspondientes el conjunto de datos y el campo que deseas filtrar. 
  7. Haz clic en Agregar filtro
Captura de pantalla de cómo agregar un filtro a un conjunto de datos en el Editor de Wix.
  1. Cuando esté todo listo, publica tu sitio para implementar los cambios. 

コンセホ
Puedes automatizar el proceso de creación de una entrada en la colección usando Velo by Wix. Más información sobre cómo crear un área personal (contenido en inglés), donde los visitantes pueden ver y actualizar su perfil personal en cualquier momento.

役に立ちましたか?

|