Crea una página de eventos para ayudar a los visitantes a encontrar horarios, ubicaciones y otros detalles de los eventos.
Usa páginas de eventos para añadir una lista de eventos en tu sitio. Es una excelente manera de destacar conciertos, reuniones, hacer reservas para excursiones o cualquier evento que organices.
Antes de comenzar
- Las páginas de eventos no admiten reservas. Para programar eventos o reservar clases y citas, te recomendamos que agregues Acuity Scheduling a tu sitio.
- No es posible configurar eventos recurrentes o repetitivos. Puedes duplicar eventos manualmente para crear eventos idénticos sin tener que volver a introducir la misma información.
- Cada página de eventos admite hasta 350 eventos al mes y muestra hasta 250 eventos próximos y 30 eventos pasados.
- Para mostrar los eventos en formato de calendario en otras páginas, utiliza bloques de calendario.
Añadir una Página de Eventos
La forma en la que añadas una página de eventos depende de la versión de Squarespace que emplee tu sitio.
Consejo: Para crear eventos privados exclusivos para miembros, agrega Áreas para miembros a tu sitio.
- Abre el panel de Páginas y haz clic en +.
- En Colecciones, haz clic en Eventos.
- Selecciona una página de eventos. Puedes agregar o eliminar otro tipo de secciones en tu página más adelante.
- Ingresa el título de la página y, a continuación, presiona Enter. Puedes cambiarlo después.
No es posible agregar bloques a la sección de eventos de una página de eventos, pero puedes agregar secciones de bloques arriba o debajo de la sección de eventos.
- Abre el panel de Páginas y haz clic en +.
- Selecciona Eventos del menú de páginas.
- Ingresa el título de la página y, a continuación, presiona Enter. Puedes cambiarlo después.
Añadir un evento
Para agregar un evento:
- Haz clic en la página de eventos y luego en + en el panel lateral.
- Añade un título para tu evento en Título del evento.
- Haz clic en Fecha y hora para seleccionar una fecha y hora de inicio en Inicio del evento.
- Haz clic en Fin del evento para seleccionar una fecha y hora de finalización.
- Haz clic en Volver y, a continuación, en Ubicación para agregar una ubicación.
- Haz clic en Guardar.
- Haz clic en Puntos de inserción para agregar texto y otro contenido a la descripción del evento con bloques.
- Desplaza el cursor sobre Publicar para publicar el evento, programarlo para su publicación posterior. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.
Ten en cuenta lo siguiente:
- Las horas de inicio y término se establecen en incrementos de cinco minutos en un control deslizante.
- Los eventos deben tener una hora de finalización. Las horas de finalización no se pueden ocultar.
- Cuando cambias la hora de inicio del evento, la hora de finalización cambia automáticamente para que coincida. Para cambiar la duración del evento, primero cambia la hora de finalización.
- Según el idioma del sitio, las horas de inicio y finalización pueden aparecer en formato de 12 o 24 horas. No es posible cambiar el formato de fecha u hora por separado del idioma del sitio.
- Puedes programar eventos que se realizarán hasta dentro de dos años.
Después de guardar, puedes abrir la configuración del evento para personalizarlo aún más.
Editar los títulos y el contenido de eventos existentes
En la versión 7.1, edita el título y el contenido de un evento directamente en la página de elementos del evento. No es posible editar el título ni el contenido en la configuración del evento. Para ello:
- En el panel Páginas, haz clic en la página de eventos y, a continuación, en el evento.
- Haz clic en Editar en la esquina superior izquierda.
- Para cambiar el título, haz clic en el campo de título y edita el texto.
- Para cambiar el contenido, haz clic en los bloques y edítalo, o agrega nuevos bloques.
- Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor y publicar tus cambios.
- Haz clic en la página de eventos y luego en + en el panel lateral.
- Agrega un título en el campo de título.
- Selecciona una fecha y hora de inicio y finalización. Los eventos deben tener una hora de finalización. Los tiempos finales no se pueden ocultar.
- Agrega texto u otro contenido a la descripción del evento con bloques.
- Continúa editando otras configuraciones.
- Haz clic en Guardar para guardar el evento como borrador o en Guardar y publicar para publicarlo inmediatamente. Para obtener más información, consulta Guardar o publicar el evento.
Consejo: Agrega un bloque de newsletter a la descripción del evento para crear una lista de distribución de correo de Email Marketing de tus asistentes.
Abrir la configuración de un evento
Para editar la configuración de un evento que has añadido:
- En el panel lateral, desplaza el cursor sobre el evento y haz clic en... y luego en Configuración.
- Después de hacer los cambios, haz clic en Guardar.
Mientras editas un evento, también puedes hacer clic en , en la esquina superior derecha, para abrir la configuración del evento.
Editar la configuración de un evento
En la configuración del evento, haz clic en las pestañas para editar diferentes configuraciones. La configuración de tu evento depende de la versión de Squarespace en la que se encuentre tu sitio.
Contenido
- Fecha y hora: Edita la fecha y hora de inicio y finalización del evento. Los horarios de los eventos se basan en la zona horaria establecida en la Configuración de región e idioma, y no cambian según la zona horaria de quien visita el sitio. No es posible cambiar el formato de la hora, por ejemplo, a formato de 24 horas.
- Imagen destacada. Agrega una imagen destacada para tener una imagen que represente la visualización del evento en la página principal de eventos y en otras partes de tu sitio, como en los bloques de calendario y sumario. La imagen destacada no aparecerá en el contenido del evento individual. Agrégala al evento como un bloque de imagen.
- Extracto. Agrega un extracto para proporcionar una breve descripción que se muestra en la página principal de eventos y en otros lugares de tu sitio, como en los bloques de sumario. Si no agregas un extracto, el contenido completo del evento se muestra en la página principal de eventos.
- URL del evento: edita el slug de URL del evento.
- URL de origen: incluye una URL de origen para vincular a los visitantes a más información sobre el evento. El enlace de la URL de origen se muestra en la descripción del evento.
La opción Autor no es compatible con las páginas de eventos.
Opciones
- Estado: establece el estado de publicación del evento.
- Etiquetas: agrega etiquetas para organizar tu evento en función de su contenido.
- Categorías: agrega categorías para organizar tu evento en función de su contenido.
- Evento destacado: configúralo como un evento destacado
Las páginas de eventos no admiten comentarios. Puedes insertar un servicio de comentarios de terceros, como Disqus, mediante el bloque de código. Ten en cuenta que no podemos ofrecer atención al cliente para la solución de problemas de modificaciones avanzadas, como el código personalizado.
SEO
- Título para SEO: Agrega un título para SEO para ayudar a los motores de búsqueda.
- Descripción para SEO: añade una descripción para SEO para ayudar a los motores de búsqueda
Imagen social
Agrega una imagen alternativa para compartir en redes sociales para que se muestre cuando el evento se comparta allí.
Compartir
Comparte automáticamente tu evento con tus perfiles de redes sociales cuando publiques. Necesitas tener cuentas conectadas para compartir contenido de esta manera.
Nota: Al enviar un evento a Facebook, no se crea un evento de Facebook. En cambio, se muestra un enlace al evento en tu sitio con una imagen destacada y una descripción.
Ubicación
En los campos Dirección, agrega la ubicación donde tendrá lugar el evento. Cuando comiences a escribir una dirección, en los campos aparecerá una lista de sugerencias de autocompletar de Google. Esto creará un pin en el mapa con esa ubicación.
Contenido
- Título del evento: agrega un título a tu evento.
- Texto del evento: agrega texto al cuerpo de tu evento.
- Etiquetas: agrega etiquetas a la entrada para organizar tu evento en función de su contenido.
- Categorías: agrega categorías para organizar tu evento en función de su contenido.
- Estado: establece el estado de publicación del evento
Las páginas de eventos no admiten comentarios. Puedes insertar un servicio de comentarios de terceros, como Disqus, mediante el bloque de código. Ten en cuenta que no podemos ofrecer atención al cliente para la solución de problemas de modificaciones avanzadas, como el código personalizado.
Opciones
- Imagen destacada. Agrega una imagen destacada para tener una imagen que represente la visualización del evento en la página principal de eventos y en otras partes de tu sitio, como en los bloques de calendario y sumario. La imagen destacada no aparecerá en el contenido del evento individual. Agrégala al evento como un bloque de imagen.
- URL del evento. Edita el slug de la URL del evento.
- URL de origen: incluye una URL de origen para vincular a los visitantes a más información sobre el evento. El enlace de la URL de origen se muestra en la descripción del evento.
- Extracto. Agrega un extracto para proporcionar una breve descripción que se muestra en la página principal de eventos y en otros lugares de tu sitio, como en los bloques de sumario. Si no agregas un extracto, el contenido completo del evento se muestra en la página principal de eventos.
- Evento destacado. Configúralo como evento destacado.
La opción Autor no es compatible con las páginas de eventos.
Ubicación
En los campos Ubicación, agrega una ubicación que corresponda a tu evento.
SEO
- Título para SEO: añade un título para SEO para ayudar a los motores de búsqueda
- Descripción para SEO: añade una descripción para SEO para ayudar a los motores de búsqueda
Redes sociales
Agrega una imagen alternativa para compartir en redes sociales que se muestra cuando el evento se comparte allí
Compartir
Redes sociales: comparte automáticamente tu evento en perfiles de redes sociales cuando publiques. Necesitas tener cuentas conectadas para compartir contenido de esta manera.
Nota: Al enviar un evento a Facebook, no se crea un evento de Facebook. En cambio, se muestra un enlace al evento en tu sitio con una imagen destacada y una descripción.
Sitios en la versión 7.1
- Toca la página de eventos y luego un evento.
- Toca ... y luego Configuración.
- Toca una configuración para hacer los cambios necesarios:
- Contenido: agrega la fecha y hora de inicio del evento, sube una imagen destacada, edita la URL del evento o actualiza la URL de origen.
- Opciones: actualiza el estado del evento, agrega etiquetas o categorías, o habilita comentarios.
- SEO: agrega un título o una descripción para SEO.
- Imagen para redes sociales: agrega una imagen para compartir en redes sociales para que aparezca cuando compartas tu evento en sitios de estas redes.
- Compartir: conecta una cuenta de redes sociales.
- Ubicación: agrega una ubicación donde tendrá lugar el evento. Cuando comiences a escribir una dirección, en los campos aparecerá una lista de sugerencias de autocompletar de Google.
- Cuando hayas terminado, toca Atrás y luego Guardar.
Sitios en la versión 7.0
- Toca la página de eventos y luego un evento.
- Toca ... y luego Configuración de página.
- Toca una configuración para hacer los cambios necesarios:
- Título del evento: agrega un título para tu evento.
- Comienza el: agrega la fecha y la hora de inicio del evento.
- Finaliza el: agrega la fecha y la hora de finalización del evento.
- Ubicación: agrega una ubicación donde tendrá lugar el evento. Cuando empiezas a escribir una dirección, los campos se rellenan con una lista de sugerencias de autocompletar de Google.
- Estado de publicación: establece el estado de publicación del evento.
- Pulsa Más opciones para realizar más cambios:
- URL del evento: edita el slug de URL del evento.
- Autor: ve el autor del evento, aunque no puedas hacer cambios en la configuración del autor.
- Extracto. Agrega un extracto para proporcionar una breve descripción que se muestra en la página principal de eventos y en otros lugares de tu sitio, como en los bloques de sumario. Si no agregas un extracto, el contenido completo del evento se muestra en la página principal de eventos.
- URL de origen: actualiza la URL que aparece debajo del evento.
- Redes sociales: comparte automáticamente tu evento en perfiles de redes sociales cuando publiques. Necesitas tener cuentas conectadas para compartir contenido de esta manera.
- Evento destacado: presiona el botón para configurarlo como un evento destacado.
- Permitir comentarios: habilita esta opción para permitir comentarios sobre el evento.
- Etiquetas: agrega etiquetas a la publicación para organizar tu evento en función de su contenido.
- Categorías: agrega categorías para organizar tu evento en función de su contenido.
- Cuando hayas terminado, toca Guardar.
Guardar o publicar el evento
Puedes guardar eventos como borradores o activarlos inmediatamente.
Después de crear un evento, desplaza el cursor sobre Publicar, haz clic en Guardar o haz clic en Salir:
- Haz clic en Publicar para que el evento sea visible en tu sitio activo.
- Haz clic en Programar para programar el evento para que se active en una fecha y hora específicas.
- Haz clic en Guardar para guardar tus cambios y seguir editando.
- Haz clic en Salir y luego en Guardar para guardar el evento como un borrador que está oculto en tu sitio en vivo.
Después de crear un evento:
- Haz clic en Guardar para guardar tu evento como borrador que está oculto de tu sitio activo.
- Haz clic en Guardar y publicar para que sea visible en tu sitio activo.
También puedes cambiar el estado de la publicación en la pestaña Contenido de la configuración de eventos:
- Draft (Borrador)
- Necesita revisión
- Published (Publicado)
- Scheduled (Programado)
Programado,Necesita revisión y Borrador son útiles cuando deseas agregar eventos a tu sitio, pero no hacerlos visibles inmediatamente. Puedes mantener un evento sin publicar para que otros colaboradores del sitio lo revisen antes de que sea público o mientras pruebas diferentes estilos para tu página.
Dar estilo a la página de eventos
El estilo de tu página de eventos depende de la versión del sitio.
- En la página de eventos, haz clic en Editar.
- Posiciona el cursor sobre la sección de eventos y haz clic en el icono del lápiz.
- Después de hacer cambios, haz clic en Guardar para guardar tu trabajo y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.
Esta configuración se aplica a todas las páginas de eventos del sitio.
Modificar el estilo de los eventos
Por lo general, la fuente y el estilo de color de los eventos individuales coinciden con la configuración de estilo del resto de tu sitio. Los títulos de los eventos se muestran en un tamaño fijo. Puedes establecer fuentes y tamaños personalizados para la paginación y las fechas. Si deseas obtener más información, visita Cambiar fuentes.
No es posible editar el diseño de los eventos o la información que se muestra, como enlaces de paginación a eventos anteriores y posteriores.
Elegir un diseño
Puedes mostrar los eventos como una lista o un calendario, y las opciones de estilo varían según el diseño. Si tienes más de una página de eventos, puedes mostrar algunas como calendarios y otras como listas.
- En el panel Páginas, desplaza el cursor sobre una página de eventos y haz clic en .
- Utiliza el menú desplegable Vista de eventos predeterminada para seleccionar Lista o Calendario.
- Haz clic en Guardar y actualiza la página.
Diseño de lista
Los eventos se muestran en una lista con descripciones, extractos e imágenes destacadas. Puedes mostrar hasta 250 eventos próximos y 30 eventos pasados.
Diseño del calendario
Visualización de eventos en un calendario con funciones interactivas:
- Si un evento tiene una imagen destacada, se muestra la imagen destacada y se recorta para que quepa en el cuadrado.
- Si un evento tiene un fragmento, este se mostrará cuando posiciones el cursor sobre el evento.
- Controles de flecha aparecerán en la parte superior para navegar por mes.
- Los días sin eventos serán de color gris.
Ten en cuenta lo siguiente:
- Si un día tiene más de un evento, la hora y el título de cada evento se muestran en el recuadro del día. La altura de la semana se amplía y las imágenes destacadas no se mostrarán.
- Si un evento está configurado para finalizar a medianoche, la vista Calendario muestra el evento en ambos días. Para mostrar solo el primer día, ajusta la hora de finalización a las 11:59 p. m.
- Los slug de URL de la vista de Calendario incluyen una fecha. Los que visitan el sitio deben hacer clic en la flecha hacia atrás dos veces para regresar a la página anterior. Para evitarlo, elige vista de Lista o muestra los eventos con bloques de calendario.
Lo que aparece en el diseño del calendario cambia en los navegadores más pequeños para garantizar que se vea bien en cualquier dispositivo:
- Si el ancho del bloque es menor de 600 píxeles, los títulos, la hora del evento y los fragmentos aparecen en la pantalla, aunque no las imágenes destacadas.
- Si el ancho del bloque es menor de 300 píxeles, solo aparecen los títulos.
Dar estilo a la página de eventos y los eventos individuales
Para dar estilo a la página de eventos:
- Ve a tu página de eventos.
- Abre el panel Estilos del sitio.
- Utiliza los ajustes de Eventos para cambiar el estilo de la página de aterrizaje.
- Para los ajustes específicos a eventos individuales, primero verifica que Deshabilitar páginas de elementos no esté marcado. Luego, sal de estilos del sitio, abre un evento y vuelve a ingresar los estilos del sitio.
Ten en cuenta lo siguiente:
- Si tienes varias páginas de eventos, los cambios de estilo se aplicarán a todas para crear un aspecto coherente.
- Es posible que la plantilla admita más funciones, como imágenes de banner o encabezados de página, que afectan el aspecto de la Página de eventos.
- La vista Calendario muestra un mes a la vez, con cada semana en formato de domingo a sábado. No es posible cambiarlo.
Retoques de página de eventos
Utiliza estos retoques de estilos del sitio para aplicar estilo a la página de eventos. Ten en cuenta que los retoques que aparecen dependen de tu diseño y plantilla:
- Deshabilitar páginas de elementos: Deshabilita los enlaces de título a páginas de eventos individuales. Cuando no está marcada esta opción, al hacer clic en el título de un evento, se abre la página de un evento individual.
- Horario de 24 horas: Muestra los horarios de los eventos en modo de hora estándar internacional de 24 horas.
Estos retoques solo aparecen para la vista Lista:
- Vista apilada: Cambia el diseño de la lista.
- Mostrar eventos pasados: Muestra u oculta eventos pasados.
- Mostrar imágenes en miniatura: muestra u oculta la imagen destacada como una imagen en miniatura que se muestra arriba o a la izquierda del evento.
- Tamaño de la imagen en miniatura: establece la forma de la imagen destacada.
- Mostrar etiqueta de fecha: muestra u oculta la etiqueta de fecha que aparece arriba o en lugar de la imagen destacada.
- Mostrar etiqueta de fecha con hora: Incluye una marca de hora con la etiqueta de fecha.
Estos retoques afectan la lista de eventos en la vista Lista:
- Mostrar categorías: Muestra u oculta las categorías.
- Mostrar fecha: Muestra u oculta la fecha.
- Mostrar hora: Muestra u oculta la hora.
- Mostrar ubicación: Muestra u oculta la ubicación.
- Mostrar enlaces de exportación: Muestra u oculta enlaces de exportación a Google Calendar o iCal.
- Mostrar botones de redes sociales: Muestra u oculta los botones Me gusta y Compartir.
- Mostrar extracto: Muestra u oculta la descripción del evento o el texto del extracto.
- Mostrar botón: Muestra u oculta un botón Ver evento.
Estos retoques afectan las páginas de eventos individuales:
- Mostrar enlaces de exportación: Muestra u oculta enlaces de exportación a Google Calendar o iCal.
- Mostrar botones de redes sociales: Muestra u oculta los botones Me gusta y Compartir.
- Mostrar enlace Volver: muestra u oculta un enlace Volver a todos los eventos.
- Hora en 24 horas: Muestra la hora del evento utilizando el modo de hora estándar internacional de 24 horas.
- Vista apilada: Cambia el diseño de las páginas de eventos individuales.
Mostrar u ocultar eventos pasados
Mostrar eventos pasados es una excelente manera de mostrar lo que hayas ofrecido anteriormente. Se pueden mostrar hasta 30 eventos pasados cuando se habilita Mostrar eventos pasados.
Para mostrar u ocultar eventos pasados:
- Haz clic en Editar, en la esquina superior izquierda de una página de eventos.
- Posiciona el cursor sobre la sección de eventos y haz clic en el icono del lápiz.
- Activa el botón Mostrar eventos pasados. Esto hace que los eventos pasados sean visibles en todas las páginas de eventos de tu sitio. Si usas el estilo de fecha Etiqueta lateral, las etiquetas de fechas de eventos pasados aparecerán tachadas.
- Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.
- Abre una página de eventos y asegúrate de que esté configurada como vista de Lista.
- Abre el panel Estilos del sitio.
- En la sección Eventos, marca o desmarca Mostrar eventos pasados. Si marcaste Mostrar etiqueta de fecha, las etiquetas de fechas de eventos pasados aparecerán tachadas.
- Haz clic en Guardar para aplicar los cambios.
En la vista de Calendario, los eventos anteriores aparecen siempre. Los eventos anteriores se muestran con el mismo estilo que los eventos futuros.
La familia Marquee descontinuada no puede mostrar eventos pasados.
Administrar eventos
En el panel Eventos, los eventos se organizan en las pestañas Próximos eventos y Eventos pasados.
Para editar un evento, haz clic en el evento en el panel lateral y, a continuación, desplaza el cursor sobre la vista previa y haz clic en Editar. Para eliminar un evento, desplaza el cursor sobre este en el panel lateral, y haz clic en ... y en Eliminar.
En el panel Eventos, los eventos se organizan en las pestañas Eventos próximos y Eventos pasados.
Para editar un evento, posiciona el cursor sobre el evento y haz clic en ... y, luego, en Configuración. Para borrar un evento, posiciona el cursor sobre el evento y haz clic en ... y, luego, en Eliminar.
Proporcionar enlaces para agregar tus eventos a calendarios externos
Para mostrar enlaces que los visitantes pueden usar para agregar tus eventos a su Calendario de Google y Calendario de iCloud, haz lo siguiente:
- Haz clic en Editar en la esquina superior izquierda de la página principal de eventos. La opción no está disponible en las páginas de eventos individuales.
- Posiciona el cursor sobre la sección de eventos y haz clic en el icono del lápiz.
- Activa la opción Mostrar enlaces de exportación.
- Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.
- Abre una página de eventos.
- Abre el panel Estilos del sitio.
- En la sección Eventos, marca Mostrar enlaces de exportación.
- Haz clic en Guardar para aplicar los cambios.
Mira el video
Este video corresponde a la versión 7.0.