Ir al contenido principal

Introducción al editor y flujo de trabajo del proyecto

Un recorrido rápido por el editor de sitios web Premium. Inicio de sesión, páginas incluidas, Información del negocio, Capas, modo de Edición/Vista previa y Publicación.

Una guía rápida de las partes principales del Editor de sitios web Premium y el flujo de trabajo recomendado para publicar tu sitio web.

Cada tema incluye una descripción sencilla de para qué sirve y cómo se gestiona. Sigue el enlace al artículo principal si quieres aprender más sobre cada tema en detalle.


Sincronización de datos con 360Player

El sitio web puede conectarse a 360Player y sincronizar automáticamente los datos de la app con tu sitio web. Las integraciones disponibles son:

  • Grupos

  • Calendario

  • Partidos y resultados

  • Publicaciones

  • Inscripciones

  • Contactos

  • Puedes elegir qué integraciones usar. Puedes activarlas todas o solo las que necesites.

Puedes elegir qué integraciones usar. Puedes activarlas todas o solo las que necesites.

Qué hacer

  • Empieza eligiendo qué integraciones de 360Player quieres usar en tu sitio web.

  • Para saber cómo activar equipos, publicaciones y partidos, consulta la guía de Integraciones de 360Player.

Inscripciones

Cuando creas un formulario de inscripción en la app, también puedes mostrarlo en tu sitio web. El formulario aparece como una vista previa en tu sitio web.

Cuando alguien quiere inscribirse, es redirigido a 360Player para completar el formulario.


Para mostrar un formulario de inscripción en tu sitio web:

  • Configura la Visibilidad del formulario como Público.

  • Selecciona una Categoría para cada formulario. Esto ayuda a mantener organizados los formularios de inscripción en el sitio web.

Una vez creadas las categorías, puedes filtrar por ellas tanto en el widget como en la configuración del widget, para decidir qué formularios se mostrarán en una página determinada.

También puedes mostrar las categorías en los widgets 360 Content Slider y 360 Text Section. Si añades una descripción de Categoría, esa descripción también será visible, como en los ejemplos a continuación.

Grupos

Cuando activas un grupo en 360Player, se crea automáticamente una página de grupo en tu sitio web. La página del grupo incluye:

  • Calendario

  • Partidos y resultados

  • Publicaciones

  • Personas de contacto

Los eventos de los grupos activados también aparecerán en el calendario del club, la página de Partidos y la página de Contactos.

Asegúrate de añadir una Categoría a cada grupo. Esto permite que el grupo aparezca en el widget Selector de grupo (Group Picker) en la página de Equipos.

Calendario

Calendario El Calendario del club muestra en un solo lugar los eventos de todos los grupos activados. Los visitantes pueden filtrar el calendario por:

  • Grupo

  • Tipo de evento

Partidos y resultados

La página de Partidos y el widget Partidos y resultados muestran los partidos y resultados de todos los equipos activados. Puedes:

  • Mostrar los próximos partidos y los resultados.

  • Filtrar los partidos por grupo.

Publicaciones

Las publicaciones de 360Player pueden aparecer en la página de Inicio, la página de Publicaciones y en el widget de Publicaciones. Para mostrar una publicación, configura su Visibilidad como Público.

Para evitar mostrar las mismas publicaciones más de una vez, recomendamos:

  • Conectar el widget a un solo grupo, como el grupo administrador principal.

  • O bien, hacer públicas las publicaciones multigrupo.

Contactos

La página de Contactos y el elemento de Contacto pueden mostrar los contactos de tus grupos activados. Puedes elegir:

  • Sincronizar todos los contactos.

  • Seleccionar qué contactos de grupo se mostrarán.


Acceder al sitio web

Sigue estos pasos para acceder a tu sitio web.

  1. Ve a website.360player.com/login.

  2. Inicia sesión con las credenciales del sitio web que creaste desde el enlace de acceso.

  3. Llegarás a la vista general del sitio. Haz clic en Editar sitio para abrir el editor.

Recorrido del sitio web usando el modo Vista previa

Haz clic en Vista previa para ver el sitio web como lo vería un visitante.

Recorre cada página para explorar el diseño existente y las integraciones de 360. Esto te ayudará a decidir:

  • Qué quieres conservar o cambiar

  • Si quieres mantener el diseño actual o rediseñarlo

  • Qué páginas quieres conservar o eliminar

Activar el modo Edición

Haz clic en la X para salir de la vista previa y volver al modo Edición, donde puedes hacer cambios. También puedes enviar un enlace de vista previa a otra persona sin darle acceso al editor.


Información del negocio

Información del negocio es donde viven los datos principales de tu club: nombre, logo, ubicación, teléfono, correo electrónico y enlaces a redes sociales. Complétala una sola vez aquí y aparecerá automáticamente en el pie de página de tu sitio y en la página de Contacto.

Qué hacer

  1. En el editor del sitio web, abre CMS en el panel izquierdo.

  2. Ve a Datos del negocio → Información del negocio.

  3. Completa el Nombre del negocio y sube el Logo del negocio (con texto alternativo).

  4. En tu ubicación (mostrada como una sección desplegable, por ejemplo "Farham"), configura el Nombre de la ubicación y la Dirección de la ubicación; esta será la dirección que se muestre en tu sitio.

  5. Añade un Número de teléfono y una Dirección de correo electrónico.

  6. En Iconos sociales, haz clic en cada plataforma que uses e ingresa su URL; solo se mostrarán en el sitio las que completes.

Visita la guía completa de Información del negocio.


Tema del sitio

Tema del sitio es donde defines el aspecto general de tu sitio web: colores, botones, texto, imágenes y fondos, todo en un mismo lugar. Esto mantiene la coherencia en todas las páginas sin tener que dar estilo a cada una por separado.

Qué hacer

Accede al tema del sitio haciendo clic en la pestaña Tema en el lado izquierdo. Empieza a revisar los colores y haz ajustes si es necesario. Contamos con la siguiente configuración de colores:

  • Primario: encabezado, pie de página, menú hamburguesa y el color de fondo principal para otros elementos del sitio.

  • Secundario: el color que se usa sobre el color de fondo primario, efecto al pasar el cursor sobre el fondo primario.

  • Acento: color de botones y del texto al pasar el cursor. Color de fondo de los botones sobre el fondo primario.

  • Fondo: el color de fondo de la página.

A continuación, el color de fondo de las páginas y el color del texto sobre cada color principal mencionado arriba.


Diseño de página

Decide cómo quieres que se vean tus páginas. Si estás conforme con la plantilla existente, consérvala y usa la misma configuración en todo el sitio web para lograr un aspecto uniforme.

Si quieres cambiar el diseño, te recomendamos copiar una de las subpáginas y rediseñarla primero. Luego, usa esa página como plantilla duplicándola cada vez que crees una página nueva. Esto asegurará que todas las páginas tengan el mismo aspecto en todo el sitio.

Consulta nuestra guía sobre cómo trabajar con elementos y páginas.


Estructura de página

Una vez que hayas decidido el diseño de tus páginas, configura la estructura de la página usando los ajustes de Gestión de páginas. Desde ahí puedes:

  • Renombrar páginas y actualizar sus URL.

  • Eliminar las páginas que no necesites.

  • Añadir páginas nuevas cuando sea necesario.

Consejo: duplica una página existente y renombra la copia. Esto te ayuda a mantener la misma configuración y estructura en todo tu sitio web, ahorrándote tiempo al no tener que empezar desde cero con cada página.


Secciones y elementos

Ahora es momento de actualizar el contenido y los elementos de tus páginas. Empieza por la página de inicio y decide qué secciones quieres conservar, eliminar o añadir, y luego continúa con las subpáginas.

Si estás conforme con la plantilla, simplemente reemplaza el contenido existente. Haz doble clic en un elemento y actualiza su contenido en la ventana de configuración.

También es posible que veas elementos llamados 360Player (App). Estas son integraciones con la app de 360. Puedes encontrar más información sobre ellas aquí.

Añadir secciones y elementos (subpáginas)

Si quieres eliminar secciones o rediseñarlas, sigue nuestra guía sobre cómo eliminar y rediseñar secciones.

Continúa actualizando el contenido de tus subpáginas. Al igual que con la página de inicio, puedes reemplazar el contenido existente o crear secciones nuevas.

Sigue nuestra guía sobre cómo trabajar con secciones y elementos para aprender a personalizar tus páginas.


SEO

Actualicemos el SEO del sitio web. Puedes ajustar el SEO página por página desde la configuración del sitio.

O puedes ajustar todo de forma masiva desde el panel del proyecto, accediendo mediante el botón AEO/SEO en el lado izquierdo.

Consulta el artículo completo sobre SEO.


Configuración del sitio

Cuando estés listo para publicar tu sitio, ve a Más > Configuración en el panel izquierdo.

Revisa cada ajuste y comprueba si es necesario añadir o modificar algo. Asegúrate de añadir tu favicon y el ícono para redes sociales.

Puedes revisar todos los ajustes excepto el dominio. Por ejemplo, quizás necesites añadir una página de política de privacidad.

Consulta el artículo completo sobre la configuración del sitio.


Publicar

Ahora es momento de publicar tu sitio. Haz clic en el botón Publicar, en la esquina superior derecha, para comenzar.

En el siguiente paso podrás publicarlo en el dominio predeterminado de 360Player o, como recomendamos, usar uno personalizado.

Para publicar tu sitio con un dominio personalizado, selecciona "Usar un dominio que ya tengo".

Ingresa el nombre de tu dominio, incluyendo www al principio.

En el siguiente paso, puedes conectar el dominio directamente desde el editor. Si tu proveedor de dominio no es compatible, deberás conectarlo a través del sitio web de tu proveedor.

Consulta la guía completa de Publicación para configurar el dominio de tu sitio.

¿Ha quedado contestada tu pregunta?