CMS: agregar y configurar un botón de carga

9 min de lectura
Crea un botón para cargar para permitir que los visitantes del sitio envíen archivos directamente a las colecciones del CMS (Sistema de gestión de contenido)

Cuando conectas el botón a una colección, eliges el tipo de campo de la colección que almacenará los archivos subidos. Puedes elegir entre los tipos de campo de imagen, documento, video, audio, galería de contenido multimedia o varios documentos. 

El tipo de campo que conectes también determina el tipo de archivo que acepta el botón para cargar. Los archivos subidos se almacenan como nuevos ítems en la colección y en la sección "Cargas del visitantes" del Administrador de multimedia.
Antes de comenzar:
Asegúrate de agregar el CMS al editor si aún no lo has hecho. 

Paso 1 | Agrega el elemento Botón para cargar

Ve a la página correspondiente en el editor y agrega el botón para cargar. 
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Ve a la página en la que deseas agregar un botón para cargar.
  3. Haz clic en Agregar elementos  a la izquierda del editor.
  4. Haz clic en Elementos de entrada.
  5. Haz clic en Botón para cargar debajo de Avanzado.
  6. Haz clic en el botón para cargar que deseas usar y arrástralo a la página. 
Captura de pantalla que muestra cómo agregar un botón para cargar en el Editor de Wix.

Paso 2 | Conéctate al CMS a través de un conjunto de datos


Conecta el botón para cargar a un conjunto de datos que se conecta a un campo de colección del CMS donde almacenarás los envíos. 
Editor de Wix
Editor de Wix Studio
  1. En el editor, haz clic en el botón para cargar que acabas de agregar. 
  2. Haz clic en el icono Conectar a CMS
  3. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona un conjunto de datos existente que se conecte a la colección en la que almacenarás los envíos. Como alternativa, haz clic en Agregar un conjunto de datos y luego elige la colección en la que deseas almacenar los envíos.
  4. Agrega un campo a la colección donde almacenarás los envíos del botón para cargar:
    Consejo: Como alternativa, puedes conectarte a un campo de colección existente. 
    1. Haz clic en el menú desplegable El archivo se conecta a y selecciona Agregar nuevo campo
    2. Ingresa un nombre de campo para el nuevo campo de la colección. 
    3. Selecciona el tipo de campo que deseas agregar a la colección en el menú desplegable. El tipo de campo determina el tipo de archivos que puedes almacenar en el campo
    4. Haz clic en Agregar
Captura de pantalla que muestra cómo agregar un campo que se conecta al botón para cargar.

Paso 3 | Configura el modo del conjunto de datos y los permisos de la colección

Los conjuntos de datos controlan la conexión entre el botón para cargar y la colección del CMS. Asegúrate de configurar el modo del conjunto de datos en Escritura para que el botón para cargar pueda agregar los archivos a la colección. 

Si es necesario, configura los permisos para la colección. Tú eliges entre permisos preestablecidos, como los formularios enviados, que permiten a los visitantes agregar contenido. Personaliza aún más los permisos para controlar quién puede agregar, editar, ver y eliminar ítems de la colección. 

Editor de Wix
Editor de Wix Studio
  1. En el panel de la derecha, haz clic en Ajustes del conjunto de datos.
Captura de pantalla que muestra cómo hacer clic en los ajustes del conjunto de datos en el Editor de Wix.
  1. Haz clic en el menú desplegable Modo del conjunto de datos y selecciona Escritura.
  2. (Si es necesario) Haz clic en el tipo de permiso debajo de Permisos de la colección y selecciona Formularios enviados en el primer menú desplegable. Puedes hacer clic en los menús desplegables adicionales para restringir los permisos. Haz clic en Guardar una vez que hayas terminado de configurar los permisos. 
Captura de pantalla del modo del conjunto de datos y los ajustes de los permisos de la colección.

Paso 4 | Personaliza el botón para cargar

Edita los ajustes para controlar cuántos ítems se pueden subir a la vez, establece el título del campo y más. En los ajustes de estilo y diseño, puedes personalizar la apariencia del botón para que coincida con tu sitio. 
Editor de Wix
Editor de Wix Studio
  1. En el editor, haz clic en el botón para cargar. 
  2. Haz clic en Ajustes y edita lo siguiente:
    • Ajustes de carga: elige el número máximo de archivos que los visitantes podrán subir al mismo tiempo y configura el campo como obligatorio, si es necesario.
      Nota: Omite el menú desplegable Tipo de archivo compatible, que no se aplica a los botones para cargar que están conectados al CMS. 
    • Mostrar opciones: personaliza las siguientes opciones:
      • Título del campo: (recomendado) ingresa un título que se muestre sobre el texto del botón. 
      • Texto del botón: edita el texto que aparece en el botón. 
      • Texto bajo del botón: elige lo que deseas mostrar debajo del botón:
        • Mostrar solo info del archivo: muestra el nombre del archivo que sube el visitante. 
        • Mostrar texto personalizado: ingresa el texto personalizado que deseas mostrar debajo del botón, como los requisitos del archivo. Este texto cambia al nombre del archivo una vez que se haya subido. 
Captura de pantalla que muestra cómo configurar los ajustes del botón para cargar.
  1. Haz clic en el icono Estilo  para ajustar el espaciado, la dirección, la alineación y la posición del icono. Haz clic en Avanzado para establecer la alineación y la dirección de un texto específico.
  2. Haz clic en el icono Diseño  y elige un botón de preajuste. Haz clic en Personalizar para personalizar aún más el diseño del botón.

Paso 5 | Crea un botón de envío

Debes crear una forma para que los visitantes envíen los archivos que suben con el botón. Agrega un botón o una imagen normal y conéctalo al mismo conjunto de datos que se conecta a tu colección de envíos. Luego, configura la acción de clic para el botón o la imagen en Enviar. Esto permite que los archivos subidos se "escriban" o creen un nuevo ítem en la colección de envíos al hacer clic en el botón Enviar. 

Si conectas otros elementos de entrada al mismo conjunto de datos, el botón de envío también envía sus elementos de entrada a la colección. 
Aprende cómo crear un botón de envío para el botón para cargar.
Captura de pantalla de un botón de envío debajo del botón para cargar.

¿Te ha sido útil?

|