Centro de Ayuda Wix
    Inicio
  1. Crear tu sitio
  2. Funciones avanzadas
  3. CMS
  4. Funciones avanzadas del CMS
    5. CMS: administrar el contenido de una colección desde tu sitio online

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

22 min de lectura
Administra el contenido de tu colección directamente desde tu sitio online creando formularios personalizados con elementos de entrada. Esto te permite recopilar y actualizar información sobre los visitantes de tu sitio en el momento. Al hacerlo, puedes mantener el contenido de tu sitio actualizado y relevante sin necesidad de acceder al backend.

Por ejemplo, si administras un sitio web de bienes raíces, puedes permitir que los agentes envíen y editen listados de propiedades directamente en el sitio. Esto agiliza el proceso de actualización de la información de la propiedad y garantiza que los listados estén siempre actualizados y sean precisos.

Comienza por crear un formulario con elementos de entrada para recopilar contenido de los visitantes. Conecta estos elementos a tu colección, configura botones interactivos para acciones como enviar o eliminar datos y, opcionalmente, agrega tablas o filtros para mejorar la experiencia del usuario.
¿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.
  • También puedes usar Velo by Wix para agilizar el proceso de creación de contenido en tu colección. Aprende cómo crear un área personal, donde los visitantes pueden ver y actualizar fácilmente su perfil personal en cualquier momento.
Captura de pantalla de un formulario en el que los visitantes pueden agregar, eliminar o actualizar entradas.
Antes de comenzar:

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. 
Captura de pantalla que muestra cómo agregar elementos de entrada en el Editor de Wix.
  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 Diseño  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

Conecta los elementos de entrada a un conjunto de datos que se conecte a la colección que deseas que los visitantes editen desde el sitio online. Establece el modo del conjunto de datos que determina si el conjunto de datos puede leer contenido de la colección, escribe contenido en la colección o ambas cosas. Luego, configura los permisos de la colección que controlan qué roles pueden ver, agregar, actualizar y eliminar el contenido 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. Conecta el elemento a un conjunto de datos que se enlace a la colección que deseas administrar en el sitio online:
    1. (Si es necesario) Selecciona Recopilar contenido en el panel Conectar a la derecha. 
      Consejo: Si aún no has agregado un conjunto de datos a la página, añade un conjunto de datos primero (consulta el siguiente paso) y luego selecciona Recopilar contenido. 
    2. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona un conjunto de datos que se conecte a la colección que deseas administrar en el sitio online. 
      Nota: Si tu página aún no tiene un conjunto de datos, haz clic en Agregar conjunto de datos para agregar uno. 
    3. Haz clic en el menú desplegable El valor se conecta a y selecciona el campo al que deseas enviar la entrada. El tipo de campo determina qué tipo de datos puedes almacenar en el campo. 
      Consejo: Para agregar y conectar un nuevo campo de colección, selecciona Agregar nuevo campo, ingresa un nombre para el campo, elige el tipo de campo y haz clic en Agregar. 
  4. Configura el modo del conjunto de datos y los permisos de la colección:
    1. Haz clic en Ajustes del conjunto de datos. 
    2. Haz clic en el menú desplegable Modo del conjunto de datos y elige una opción:
      • Escritura: el conjunto de datos puede modificar el contenido de la colección, pero no puede leerlo para mostrarlo en los elementos conectados. 
      • Lectura y escritura: el conjunto de datos puede modificar el contenido de la colección y leerlo para mostrarlo en los elementos conectados. 
    3. Haz clic en el tipo de permiso junto a Permisos para editar los permisos de la colección. 
    4. Selecciona Personalizado. 
    5. Haz clic en las casillas de verificación correspondientes junto a cada rol para elegir si los visitantes con el rol pueden ver, agregar, actualizar o eliminar el contenido de la colección desde el sitio online:
      • Administrador: los propietarios del sitio y los colaboradores siempre tienen permisos para ver, agregar, actualizar y eliminar del sitio online. No es posible cambiar los permisos asociados a este rol de administrador. 
      • Creador del ítem: los permisos de este rol solo se aplican a los ítems específicos que crea un miembro. Por ejemplo, el creador del ítem solo puede ver, agregar, actualizar o eliminar ítems de la colección que él mismo haya creado.
      • Solo miembros: este rol se aplica solo a los miembros de tu sitio. Al seleccionar un permiso para este rol, también se selecciona el permiso para el rol "Creador del ítem". 
      • Todos: este rol se aplica a todas las personas que pueden acceder a tu sitio online. Al seleccionar un permiso para este rol, también se selecciona el permiso para los roles "Solo miembros" y "Creador del ítem". 
    6. Haz clic en Guardar. 
Captura de pantalla que muestra cómo configurar los permisos de contenido personalizado para una colección.
  1. Haz clic en Volver al elemento en la parte superior del panel de ajustes del conjunto de datos para volver a las opciones de conexión del elemento. 
  2. (Solo los elementos Desplegable y Etiquetas de selección) Elige cómo quieres administrar las opciones que los visitantes pueden seleccionar en el elemento: 
    1. 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 en el elemento de entrada para configurar las opciones que los visitantes pueden seleccionar. Más información sobre cómo conectar elementos de entrada desplegables o etiquetas de selección. 
    2. (Si está activada) Para la colección que estás usando para mostrar las opciones, establece el modo del conjunto de datos y los permisos de la colección: 
      1. Haz clic en Ajustes del conjunto de datos debajo del conjunto de datos que conecta las opciones de la lista. 
      2. Haz clic en el menú desplegable Modo del conjunto de datos y elige una opción:
      • Lectura: el conjunto de datos puede leer el contenido de la colección para mostrarlo en los elementos conectados. 
      • Lectura y escritura: el conjunto de datos puede modificar el contenido de la colección y leerlo para mostrarlo en los elementos conectados.
    3. Haz clic en el tipo de permiso junto a Permisos para editar los permisos de la colección.
    4. Selecciona los permisos correspondientes que permiten a las personas en cuestión ver, agregar, actualizar o eliminar contenido en la colección. Luego haz clic en Guardar. Más información sobre cómo configurar los permisos de la colección.  
Captura de pantalla que muestra la conexión de las opciones del elemento de entrada Desplegable que ofrece una colección.
  1. Repite estos pasos para cada uno de los elementos de entrada del formulario personalizado. 

Paso 3 | Agrega y configura botones interactivos

Después de que los visitantes realicen selecciones en los elementos de entrada, deben hacer clic en un botón separado para enviar los datos. Crea un botón "Enviar" conectándolo al conjunto de datos que se conecta a la colección que se está editando. Luego, configura la acción de clic del botón en "Enviar". 

Puedes agregar otros botones para acciones de edición específicas, como crear nuevos elementos, revertir selecciones o eliminar elementos. Para permitir que los visitantes se desplacen por los ítems que se muestran, puedes agregar botones de navegación "Siguiente ítem/ítem anterior". Más información sobre las diversas acciones de clic del conjunto de datos que puedes configurar para botones o imágenes. 
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. 
Captura de pantalla que muestra cómo agregar un botón de envío.
  1. Haz clic en el botón y selecciona el icono Diseño  para personalizar la apariencia del botón de envío. 
  2. Agrega más botones interactivos o de navegación: 
    1. Repite los pasos 1-3 anteriores para agregar más botones. 
    2. Selecciona el botón correspondiente y 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 que se conecta a la colección que deseas que los visitantes puedan editar. 
    4. Haz clic en el menú desplegable La acción del clic conecta a y elige la acción de clic que te gustaría que tuviera el botón (por ejemplo, Nuevo, Revertir, Eliminar). Más información sobre todas las acciones de clic de conjuntos de datos disponibles. 
    5. Repite estos pasos para cada botón interactivo que necesites. 
    6. Personaliza el diseño, el estilo y los ajustes de cada botón. 
Captura de pantalla que muestra cómo configurar la acción de clic de un botón en Eliminar.

Paso 4 | (Opcional) Agrega una tabla para seleccionar y editar ítems específicos

Puedes agregar una tabla que muestre el contenido de la colección que editarán los visitantes. Los visitantes pueden hacer clic en la tabla para seleccionar el ítem que desean editar y luego usar los elementos de entrada y los botones interactivos para agregar o actualizar el contenido. 

Como alternativa, puedes agregar texto e imágenes y conectarlos al mismo conjunto de datos que los elementos de entrada. A medida que los visitantes hacen clic en los botones de navegación para desplazarse por los ítems, el texto y las imágenes conectados se ajustarán dinámicamente para mostrar el contenido que está editando el visitante. 
Captura de pantalla de un formulario que incluye una tabla para seleccionar elementos de la colección para actualizar o eliminar.
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.

Paso 5 | (Opcional) Agrega un filtro para mostrar solo a los miembros los ítems que ellos mismos crearon

Puedes configurar la página para que todos puedan ver los ítems de la colección; pero, cuando los miembros del sitio inician sesión, solo pueden ver y actualizar los ítems que ellos mismos crearon. De esa manera, cuando los miembros del sitio inicien sesión para actualizar sus propios datos, no tendrán que desplazarse por todos los ítems creados por otros miembros. 

Para hacerlo, agrega un filtro del conjunto de datos para el campo Owner (Texto) establecido en conectado. También debes establecer los siguientes permisos de contenido personalizado de la colección:
  • Ver: Todos
  • Agregar: Solo miembros 
  • Actualizar: Creador del ítem
  • Eliminar: Creador del ítem o el Administrador (según quién quieras que elimine los ítems)
Captura de pantalla de los permisos de contenido personalizado de la colección.
Importante:
El campo Owner (Texto) solo está disponible como filtro del conjunto de datos en conjuntos de datos normales. Los conjuntos de datos de las páginas dinámicas no tienen esta opción. Si deseas usar esta función en una página dinámica, puedes agregar un conjunto de datos normal a la página y conectarlo a los elementos correspondientes. Luego, agrega el filtro del conjunto de datos del campo Owner (Texto) a este conjunto de datos normal. 
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 Owner (Texto) en la parte inferior de la lista. 
  5. Deja la condición establecida en es/está y el estado en conectado y haz clic en Agregar filtro. 
Captura de pantalla que muestra cómo agregar un filtro del conjunto de datos para el campo Owner.
  1. Si es necesario, edita los permisos de la colección: 
    1. Haz clic en el tipo de permiso junto a Permisos en los ajustes del conjunto de datos. 
    2. Selecciona Personalizado.
    3. Haz clic en las casillas de verificación correspondientes junto a cada rol para elegir si los visitantes con el rol pueden ver, agregar, actualizar o eliminar el contenido de la colección desde el sitio online. 
    4. Haz clic en Guardar.
  2. Cuando esté todo listo, publica tu sitio para implementar los cambios. 

¿Te ha sido útil?

|
En este artículo
  • Paso 1 | Crea un formulario con elementos de entrada
  • Paso 2 | Conecta los elementos de entrada a la colección
  • Paso 3 | Agrega y configura botones interactivos
  • Paso 4 | (Opcional) Agrega una tabla para seleccionar y editar ítems específicos
  • Paso 5 | (Opcional) Agrega un filtro para mostrar solo a los miembros los ítems que ellos mismos crearon