Dale tu marca a tu sitio web
Tu sitio web es la primera impresión para clientes y comercios. El logo, los colores, las imágenes, una página de inicio clara y tus páginas legales hacen que se vea como un negocio real desde el primer día.
Tiempo: 1 a 2 horas · Dónde: My Products › Ordering Website
Configuración básica
Abre My Products › Ordering Website. En Basic Settings defines el nombre y la descripción del sitio, el tema (Marketplace) y tus dos colores principales: el fondo y el botón principal. Luego sube tus imágenes:
| Imagen | Tamaño (px) | Dónde aparece |
|---|---|---|
| Logo del sitio | 512 × 512 | Pestaña del navegador y espacios cuadrados |
| Logo del encabezado | 900 × 200 | Parte superior de cada página |
| Imagen del sitio | 1920 × 1280 | Se usa cuando se comparte tu enlace |
| Fondo de la página de inicio | 1920 × 1280 | Zona principal en computadora |
| Fondo de la página de inicio en móvil | 1440 × 770 | Zona principal en teléfonos |
Sube los logos en PNG con fondo transparente. Un logo en JPG lleva un recuadro blanco alrededor sobre encabezados de color. Si solo tienes un JPG, quítale el fondo con cualquier herramienta gratuita y expórtalo en PNG. Revisa también cada imagen con cuidado antes de guardar: algunos espacios de imagen se pueden reemplazar, pero no vaciar una vez que subiste algo.
Configuración avanzada
Advanced Settings controla la tipografía, el estilo de los botones, el encabezado (color de fondo, posición del logo, selector de idioma), qué bloques se muestran en la página de inicio, las imágenes de relleno para tiendas y productos, y el favicon. También tiene campos para agregar código de terceros, como Google Tag Manager o un píxel de Meta (Capítulo 34).
Contenido de la página de inicio
El bloque de contenido de la página de inicio es HTML, lo que te da total libertad. No necesitas programarlo tú:
- Pídele a un asistente de IA que lo escriba. Por ejemplo: "Escribe el contenido de la página de inicio en HTML para Northside Eats, un marketplace de entrega de comida y supermercado en [ciudad]. Incluye un titular corto, tres beneficios, una sección para comercios que quieran unirse y una sección para descargar la app. Sin encabezado ni pie de página."
- Abre Homepage Content en tu Dashboard. Ve a My Products › Ordering Website › Homepage Content y cambia a Code View.
- Primero copia el código actual a un archivo de texto. Ese es tu respaldo.
- Pega el nuevo HTML, haz clic en Accept y luego en Save. Actualiza tu sitio web para verlo.
El pie de página funciona igual en Footer Content. Enlaza ahí tus páginas legales, por ejemplo <a href="/privacy-policy">Privacy</a>.
Páginas legales y de ayuda
Créalas en Settings › CMS. Cada página tiene un nombre, un slug de URL, campos de SEO y contenido. Es posible que tu proyecto ya incluya páginas predeterminadas, como una política de privacidad y términos, listas para que las edites.
- Política de privacidad (necesaria para las tiendas de apps)
- Términos y condiciones
- Cómo funciona la eliminación de cuenta (necesaria para Google Play)
- Ayuda con un pedido, con tu correo de soporte o WhatsApp
- "Vende en Northside Eats": una página para comercios que quieran unirse
Los textos que ven los clientes
Cada etiqueta del sitio web y de las apps se puede editar en el Language Manager (Settings › Language manager). Elige el producto (sitio web, Customer App, Business App, Driver App), busca el texto y cámbialo. Úsalo para ajustar tu tono, traducir o cambiar nombres, por ejemplo para renombrar un método de pago como "Efectivo o tarjeta en la puerta".
El Language Manager no tiene botón de guardar: los cambios se guardan automáticamente mientras escribes. Revisa qué idioma está seleccionado en la esquina superior antes de editar.