Manual
de usuario
¡Bienvenido
a tu nuevo
Presskit Template!
Gracias por adquirir este diseño de Framer. Estás a solo unos minutos de tener tu sitio web profesional listo y publicado. Este template ha sido cuidadosamente diseñado para ser flexible, rápido y, sobre todo, fácil de editar. No necesitas conocimientos avanzados de código ni experiencia previa en Framer para personalizarlo. Hemos organizado todo el proyecto utilizando Estilos Globales y Componentes, lo que significa que puedes cambiar la apariencia de todo el sitio web de forma eficiente desde un solo lugar.
Estilos Globales (LOOK & FEEL)
Objetivo: Que cambies el look del presskit en 5 minutos.
Cómo cambiar Colores Primarios
En esta sección te enseño a como cambiar los colores de tu presskit.
-Panel izquierdo
-Desktop
-Panel derecho
-Fill
-Elegir color
También podes seleccionar las secciones del panel izquierdo y editarlas exactamente de la misma manera. De todas formas el presskit está pensado en negro.
Cómo cambiar tipografia
En esta sección te enseño a como cambiar los tipografías de tu presskit.
-Anda a la sección "assets"
-Buscá la pestaña "text"
-Elegí el estilo que querés cambiar
-Buscá en la pestaña "fonts" tu font favorita
Cada texto del presskit esta "linkeado" a un estilo, es por eso que cambiando desde este panel la configuracion del estilo aplica a todo el diseño. Mantenelo simple. Siempre vas a tener la opción de tener una asesoría conmigo por si querés entrar mas a detalle en el diseño.
Edición de contenidos (Textos, Imagenes, Enlaces)
Simplemente hacé doble clic sobre cualquier texto en la pantalla para empezar a escribir.
Los textos que estén dentro de componentes (figuran con un color violeta en tu panel izquierdo), requieren una edición más en profundidad.
Cambiar Imágenes
-Hacé click en la imagen que queres cambiar.
-Buscá en el panel derecho la pestaña "fill".
-Hacé click en "choose image" y cargá tu imagen.
Al igual que el texto, algunas imagenes que estén dentro de componentes son cambiadas desde los parámetros del mismo componente desde el panel derecho
Configurar Enlaces
y
Botones
Vas a aprender a linkear tu música, tus redes y todos tus links de manera rápida y sencilla.
-Elegí el botón o texto que queres agregar el enlace.
-En el panel derecho buscá la propiedad "link"
-Poné tu link.
Configurar Banner de Género
Vas a aprender a agregar tu género músical al banner dinámico
-Hace click sobre el componente (asegurate que en el panel izquiero esté resaltado el nombre "banner dinamico".
-En el panel derecho hace click en "edit component"
-En el nuevo canvas, busca en el panel izquiero el componente "genero".
-En el panel derecho agrega tu género musical.
Configurar Eventos Anteriores
Vas a aprender a agregar tu informacion de eventos anteriores
-Hace click sobre el componente (asegurate que en el panel izquiero esté resaltado el nombre "eventos pasados".
-En el panel derecho hace click en "edit component"
-En el panel derecho solo completá con tu información.
Previsualizar Proyecto
Vas a aprender a previsualizar tu proyecto.
-Hace click sobre el boton con simbolo de "play", que aparece en la parte de arriba de la pantalla del proyecto en el canvas.
-Se te abrirá el proyecto en su modo previsualización.
-Mirá el proyecto en las versiones desktop y mobile.
Navegación
y
Footer
El menú de navegación y el pie de página son Componentes (se ven de color violeta). Esto significa que si los editas una vez, se actualizan en todas las páginas.
Cambia el logo en tu "hader"
-Hacé doble clic sobre el menú o el footer para entrar en modo "Edición de Componente".
-El resto de la web se oscurecerá. Realiza tus cambios (cambiar logo, editar enlaces del menú). Haz clic en la flecha "< Back to Home" arriba a la izquierda para volver.
-Hacé click en el componente "nav 2"
-Andá al panel derecho "edit component"
-Se abrirá el nuevo editor
-Volves a ir a tu panel izquierdo y seleccionas el componente "nav".
-De vuelta vas a panel derecho, "edit component".
-Hacé click en el logo
-Anda al panel derecho y buscá la pestaña "fill".
-Cargá la imagen de tu logo.
Cambia el logo en tu "footer"
-Hace click en el componente "footer".
-Andá al panel derecho "edit component".
-Seleccioná el logo que viene por defecto.
-Ve al panel derecho, selecciona el "stack" que conviene el logo por defecto.
-Eliminalo. Selecciona el "stack" vacío.
-Ve al panel derecho y seleccina la pestaña "fill".
-Carga tu logo.
Aplica lo mismo para el logo del menu desplegable.
Para cambiar tu nombre en la letra chica tenes que:
-Estar dentro del canvas de edicion del componente "footer".
-Ir al panel izquierdo y seleccionar el componente "Letra chica".
-Selecciona el componente y ve al penel derecho "edit component".
-En el nuevo canvas, panel izquierdo busca el componente "nombree"
-Desde las propiedades del componente (panel derecho) poné tu nombre.
Para publicar tus cambios solo tenes que:
-Hacer click en el boton de "Publish", arriba a la derecha.
Configuración Maestra de tu Template en Framer
Ya tienes tu nuevo template de Framer listo para brillar. Pero antes de lanzarlo al mundo, necesitamos configurar el 'cerebro' de tu web. En este video te voy a guiar paso a paso por la sección de Settings para que tu sitio no solo se vea increíble, sino que funcione perfectamente, sea seguro y posicione bien en Google.
General & Branding
Empezamos en la pestaña General. Aquí es donde le damos identidad a la web."
Site Name: "Cambia el nombre del proyecto. Este es un nombre interno para que lo identifiques en tu dashboard de Framer."
Language: "¡Punto clave! Asegúrate de que el idioma esté en Spanish (o el idioma de tu audiencia). Esto ayuda a los navegadores a no mostrar carteles de traducción molestos."
Icon (Favicon): "Sube aquí tu logo en formato pequeño (32x32px). Es el icono que aparecerá en la pestaña del navegador. Sin esto, tu web parecerá incompleta."
Social Image: "Esta es la imagen que aparecerá cuando envíes tu link por WhatsApp, Twitter o LinkedIn. Usa una de 1200x630px.
Un tip: si no pones nada, aparecerá un cuadro gris aburrido. ¡No lo olvides!
Dominios
Ahora, ¿dónde va a vivir tu web? Tienes dos caminos:"
Framer Subdomain: "Si estás probando, puedes usar el nombre gratuito que te da Framer (ejemplo.framer.ai). Solo escribe el nombre y dale a 'Save'."
Custom Domain: "Si ya compraste tu propio dominio (como .com o .es), haz clic en Connect a domain. Escribe tu dominio y Framer te dará dos registros: un A record y un CNAME. Solo tienes que copiarlos y pegarlos en la configuración de tu proveedor (como GoDaddy o Hostinger). Verás que en unos minutos el círculo se pone verde. ¡Ya eres oficial!"
SEO & Performance
Esta parte es vital para que Google te quiera. Aquí configuramos cómo te ves en los resultados de búsqueda."
Page Title: "Escribe el nombre de tu marca y qué haces. Mantente bajo los 60 caracteres."
Page Description: "Resume tu propuesta de valor en una frase potente. Tienes 160 caracteres. Recuerda usar palabras clave que tus clientes buscarían."
Indexing: "Asegúrate de que la opción 'Show in search engines' esté activada, de lo contrario, serás invisible para Google."
Analytics & Cookies
Si quieres saber cuánta gente te visita, ve a la pestaña de Analytics."
"Framer tiene sus propias métricas nativas que son excelentes y respetan la privacidad. Pero si usas Google Analytics o el Pixel de Meta, solo tienes que pegar tu ID aquí. No necesitas tocar código, Framer lo hace por ti."
Publicación y Cierre
Una vez que hayas llenado estos campos, no olvides el paso más importante: haz clic en el botón azul de Publish. Cada cambio que hagas en Settings requiere que vuelvas a publicar para que se aplique en vivo."
"¡Y listo! Tu template ya no es solo un diseño, es una web profesional lista para recibir visitas. Si tienes cualquier duda técnica, recuerda que tienes el soporte de Framer y mi guía de ayuda incluida en el pack. Disfruta tu nuevo presskit!