Guía completa de Sitio web: crea tu propia página web en eSponsor

Con el Sitio web de eSponsor puedes crear tu propia página web, con varias páginas, tu marca y todo lo que vendes, sin saber programar. Tus visitantes pueden comprar tus productos, suscribirse, donar y reservar contigo directamente en tu sitio.

Esta guía te acompaña de principio a fin: desde crear el sitio hasta publicarlo con tu propio dominio. Puedes leerla completa o ir directo a la parte que necesitas.

¿Sitio web o Link in Bio?

En eSponsor tienes las dos opciones y puedes usar ambas a la vez:

• Link in Bio: una sola página, rápida de armar, ideal para la biografía de tus redes.
• Sitio web: un sitio completo con varias páginas, menú, pie de página, páginas de tienda, blog y mucho más control sobre el diseño.

El sitio web está incluido en todos los planes, incluso en el Gratuito.

Crea tu sitio

1. Entra a tu panel de creador.
2. En el menú, pulsa Sitio web. También puedes entrar desde este enlace.
3. Si todavía no tienes un sitio, se abrirá el asistente Crear sitio web.

El asistente te hace algunas preguntas, una por una:

1. Visión del sitio: describe en una frase qué vendes, el estilo que quieres y qué quieres lograr. Por ejemplo: "Una tienda de marroquinería artesanal con tipografía vintage y tonos sepia cálidos". Esta frase guía los colores, los textos y el diseño.
2. Plantilla: elige desde qué diseño quieres empezar. Primero verás las plantillas recomendadas para tu tipo de cuenta. Pulsa Ver todas las plantillas para ver el resto. Con Vista previa puedes ver cada plantilla completa antes de elegirla.
3. Paleta de colores: elige una combinación de colores, o selecciona Según tu descripción para que la IA elija los colores a partir de lo que escribiste.
4. Tipografía: elige el estilo de letra que mejor va con tu marca: Limpia, Elegante, Impactante, Manuscrita, Tech, Clásica, Suave y más. Puedes cambiarla después.
5. Tono: elige cómo deben sonar los textos de tu sitio: Elegante y premium, Cercano y cálido o Audaz y enérgico.
6. Resumen: revisa tus respuestas y pulsa Crear sitio web.

eSponsor arma tu sitio con la plantilla, la IA pule el diseño y los textos, y se abre el editor. Tu sitio todavía no es público: solo tú lo ves hasta que lo publiques.

Plantillas disponibles

Hay plantillas pensadas para muchos tipos de creadores: Fitness y coaching, Coach y mentorías, Consultor y emprendedor, Curso editorial, Fotografía, Cosplay y sets, Gaming y merch, Streaming y comunidad, Podcast y comunidad, DJ / performer, Belleza y makeup, Suscripciones y café, Restaurante, Agencia, Prensa y medios, Fundación, Rescate animal y Contenido premium +18. Si prefieres partir de cero, elige Blank.

Conoce el editor

El editor tiene tres pestañas arriba:

• Vista previa: tu sitio tal como lo verán tus visitantes. Aquí agregas y editas bloques.
• Diseño: colores, tipografía, botones, fondo y estilo de todo el sitio.
• Ajustes: logo, título, publicación, dominio, analítica, metadatos y módulos.

Otras herramientas del editor:

• Cambiar página: salta a cualquier página de tu sitio para editarla.
• Escritorio, tablet y móvil: cambia el tamaño de la vista previa para ver cómo se ve tu sitio en cada pantalla.
• Panel del agente: abre o cierra el asistente de IA (lo vemos más abajo).
• Guardar cambios: guarda todo lo que hiciste. Si no guardas, tus cambios no llegan a tu sitio.
• Descartar cambios sin guardar: vuelve a la última versión guardada.
• Visitar sitio: abre tu sitio en una pestaña nueva.

Trabaja con bloques

Cada página de tu sitio está hecha de bloques: un titular, una galería, tu tienda, preguntas frecuentes, etc. Los apilas uno debajo del otro para armar la página.

Agrega un bloque

1. Pasa el cursor sobre un bloque de la vista previa y pulsa el botón + que aparece arriba o abajo de él, según dónde quieras el bloque nuevo. Si la página está vacía, pulsa Añadir bloque.
2. Busca el bloque por su nombre o elígelo de la lista.
3. El bloque aparece en la página, listo para editarlo.

Edita un bloque

Haz clic en cualquier bloque de la vista previa para abrir su editor. Según el bloque, verás estas pestañas:

• Contenido: textos, imágenes, botones y los elementos que muestra.
• Diseño: cómo se acomoda (por ejemplo, en tarjetas o en carrusel), sus colores, la alineación del texto y la animación al aparecer.
• Ajustes: opciones propias de cada bloque.

En las Opciones del bloque también puedes:

• Ocultar el bloque sin borrarlo, y Mostrar cuando quieras que vuelva.
• Eliminar el bloque.
• Editar nombre del bloque. Ese nombre también sirve como ancla: si llamas "Donaciones" a un bloque, puedes enlazar directo a esa parte con #donaciones.

Ordena los bloques

Pulsa Reordenar bloques y arrástralos al orden que quieras.

Enlaces dentro de tu sitio

Cuando un botón o un enlace te pide un destino, puedes elegir una de tus páginas, un producto, una publicación o cualquier elemento de tu sitio, o escribir una dirección externa. Si enlazas a una página de tu sitio, el enlace sigue funcionando aunque después cambies la URL de esa página.

Todos los bloques disponibles

Diseño y contenido

Comercio y marketing

Multimedia

Los bloques de Instagram, Perfil de TikTok y Canal de YouTube están disponibles en los planes de pago.

Las imágenes que subes en tus bloques quedan en tu biblioteca multimedia, así que puedes reutilizarlas en otras partes de tu sitio.

Páginas de tu sitio

Tu sitio parte con una página de Inicio y las páginas que traía tu plantilla. Puedes agregar todas las que necesites, como "Sobre mí", "Servicios" o "Contacto".

Desde Cambiar página:

• Agregar nueva página: escribe el Título de la página y su Slug de URL (la parte final de la dirección, por ejemplo sobre-mi).
• Editar página: cambia el título o el slug. El slug de la página de inicio no se puede cambiar.
• Eliminar página: la borra para siempre. No puedes eliminar la página de inicio.

Módulos: tienda, suscripciones, blog y más

Los módulos crean páginas automáticas con todo tu catálogo. Por ejemplo, al activar el módulo Tienda, tu sitio tendrá una página /tienda con todos tus productos publicados, y cada producto tendrá su propia página.

Los módulos disponibles son:

Las direcciones siguen el idioma de tu sitio. Por ejemplo, en un sitio en portugués la tienda queda en /loja.

Para activarlos:

1. Ve a la pestaña Ajustes y entra a Módulos.
2. Activa los que quieras.
3. Pulsa Guardar cambios.

Puedes cambiar el título y la URL de cada página de módulo desde Cambiar página. Si desactivas un módulo, su página se oculta, pero los bloques que muestran esos elementos en otras páginas siguen funcionando.

Cada vez que publicas un producto, un plan o una publicación nueva en tu panel, aparece solo en la página del módulo. No tienes que editar tu sitio.

Menú (barra de navegación)

Haz clic en la Barra de navegación de la vista previa para editarla:

• Enlaces de navegación: agrega una Página, un Módulo o una URL externa, y ordénalos.
• Botón CTA de la barra: un botón destacado en el menú, por ejemplo "Comprar ahora".
• Barra de anuncios: una franja arriba de tu sitio con un mensaje, como "Envío gratis en pedidos de más de $50". Puedes agregarle un enlace, elegir sus colores y permitir que tus visitantes la cierren.
• Mostrar título del sitio junto al logo.
• Navbar fija: el menú queda visible mientras tus visitantes bajan por la página.
• Estilo de los enlaces: borde, opacidad del fondo, efecto al pasar el cursor y cómo se marca la página actual.

Cuando tu sitio vende algo, el menú muestra el carrito y un botón para que tus visitantes inicien sesión.

Pie de página

Haz clic en el Pie de página de la vista previa para editarlo:

• Logotipo de pie de página: úsalo si tu pie es oscuro y necesitas una versión clara de tu logo.
• Mostrar título del sitio y Mostrar bio.
• Copyright: escribe tu propio texto o déjalo vacío para usar uno automático con el año y el título.
• Colores del pie.
• Redes sociales: elige qué redes mostrar.
• Menú: muestra enlaces de tu sitio en el pie.
• Newsletter: agrega el formulario de suscripción por correo.
• Revelado fijo: el pie aparece debajo de la página al llegar al final.

Personaliza el diseño

En la pestaña Diseño cambias el aspecto de todo el sitio a la vez:

• Preset de diseño: un estilo completo que cambia la tipografía, el ritmo, los patrones y los componentes. No cambia tus colores.
• Colores: elige una paleta y ajusta cada color: fondo, texto, primario (botones y enlaces), secundario, tarjetas, bordes y patrón.
• Botones: tamaño, efecto al pasar el cursor y colores de cada tipo de botón (principal, secundario, contorno y fantasma).
• Tipografía: fuente de títulos, del cuerpo y de etiquetas. En Tipografía avanzada puedes ajustar tamaños, peso y altura de línea, también para móvil.
• Fondo de página: color sólido, degradado o imagen, con filtro y patrón opcional.
• Distribución: el espacio entre secciones y el ancho del contenido.
• Estilo: bordes, sombras, redondez de esquinas, estilo de las tarjetas, de los botones, de la cabecera y del menú, y tamaño del logo.
• Movimiento: animaciones al hacer scroll, movimiento de tarjetas y zoom en las imágenes.

Cada bloque también puede tener sus propios colores desde su pestaña Diseño.

Edita tu sitio con IA

El editor tiene un agente de IA que puede trabajar por ti. Ábrelo con el botón del panel del agente y pídele lo que necesitas con tus palabras. Por ejemplo:

• "Mejora el diseño general: colores, contraste y acabado visual"
• "Reescribe el titular del hero y el texto de apoyo"
• "Agrega una sección sobre mí con una bio corta"
• "Muestra mis productos más recientes en la página"
• "Agrega una sección de llamada a la acción"

El agente puede cambiar diseños, reescribir textos, agregar o editar bloques, crear páginas y mostrar tu catálogo. Los bloques que modifica quedan marcados con Actualizado por IA.

Antes de hacer algo importante, como publicar tu sitio, eliminar u ocultar una página, o activar un módulo, el agente te pide confirmación.

Cada uso de la IA gasta créditos de IA de tu plan. Revisa cuántos incluye cada plan en Todas las funciones de eSponsor.

Ajustes del sitio

En la pestaña Ajustes encuentras:

• General: el Logo del sitio, el Título del sitio y el interruptor Publicado.
• Dominio: la dirección de tu sitio (lo vemos más abajo).
• Analítica: las estadísticas de tu sitio y tus herramientas de medición.
• Metadatos: cómo se ve tu sitio en Google y al compartirlo.
• Módulos: activa o desactiva tienda, membresías, campañas, blog, lista de deseos y agenda.

Mide tus visitas

En Analítica pulsa Ver analítica para ver las visitas y la interacción de tu sitio en tu panel de eSponsor.

En los planes de pago también puedes conectar Google Analytics, Google Tag Manager, Meta Pixel y el píxel de TikTok. Pega el ID de cada uno y guarda.

Cómo se ve al compartirlo

En Metadatos completa:

• Meta título y Meta descripción: lo que aparece en Google.
• Imagen al compartir: la imagen que se ve en redes y chats. El tamaño recomendado es 1200 × 630.

Si no eliges una imagen, se usa tu logo. Abajo verás una vista previa de cómo quedará.

Tu dirección web y dominio propio

En Ajustes → Dominio eliges cómo llegan tus visitantes a tu sitio:

• Dominio principal o Subdominio: direcciones de eSponsor que ya vienen listas.
• Dominio personalizado: tu propia dirección, por ejemplo www.tumarca.com. Está disponible en los planes de pago.

Para conectar tu propio dominio:

1. Pulsa Conectar dominio personalizado y escribe tu dominio.
2. eSponsor te mostrará los Registros DNS que debes agregar (de tipo CNAME). Agrégalos en la página donde compraste tu dominio (por ejemplo, GoDaddy, NIC Chile o Cloudflare).
3. Si tu proveedor no permite CNAME en el dominio principal (sin www), usa un registro A, ALIAS o ANAME hacia el mismo destino.
4. Si tu proveedor pide verificar que el dominio es tuyo, agrega también el registro TXT que te mostramos.
5. Puedes activar También conectar para que la versión con y sin www lleven a tu sitio.
6. Pulsa Conectar dominio y espera a que el estado cambie a Conectado.

Los cambios de DNS pueden tardar un rato en verificarse. Cuando se conecta, eSponsor activa la conexión segura (HTTPS) de forma automática. Lee el paso a paso completo, con solución de problemas, en cómo conectar tu dominio propio.

Publica tu sitio

1. Ve a Ajustes → General.
2. Activa Publicado.
3. Pulsa Guardar cambios.

Desde ese momento tu sitio es visible para todos. Si lo despublicas, solo tú podrás verlo.

Recuerda: cada vez que hagas cambios, pulsa Guardar cambios para que lleguen a tu sitio.

Qué pueden hacer tus visitantes

Una vez publicado, tus visitantes pueden:

• Comprar tus productos y pagar desde el carrito.
• Suscribirse a tus planes y ver tu contenido exclusivo.
• Donar a tus campañas y dejarte propinas.
• Reservar sesiones en tu agenda.
• Regalarte algo de tu lista de deseos.
• Sumarse a tu newsletter. Quienes se suscriben quedan en tu audiencia, y puedes enviarles correos desde tu panel.

Para comprar o suscribirse, tus visitantes inician sesión con un código que les llega por correo, sin salir de tu sitio.

Consejos para un buen sitio

• Empieza por el inicio. Un buen hero con un titular claro y un botón dice en segundos quién eres y qué ofreces.
• Activa los módulos que usas. Si vendes, activa Tienda; si tienes suscripciones, Membresías. Tu catálogo se mantiene al día solo.
• Revisa la vista móvil. La mayoría de tus visitantes llegará desde el teléfono.
• Usa la barra de anuncios para tus promociones y lanzamientos.
• Completa los metadatos para que tu sitio se vea bien al compartirlo.
• Comparte tu sitio en tus redes y agrégalo a tu Link in Bio.