Primeros pasos

⏱️ 7 minutos de lectura

Primeramente, gracias por elegirnos como tu opción para tu menú en línea 🤩. Vamos a dar una repasada de las cosas más importantes de tu menú aunque hicimos lo mejor por darle descripciones a todas tus opciones dentro de tu admin.

Crear tu cuenta

Crear tu cuenta de Sanity es lo mero primero, pero no te apures, te va a llegar un correo que solo debes aceptar:

  1. Abre tu correo electrónico: El correo tendrá de remitente Sanity.io con el asunto de que haz sido invitado a crear tu cuenta.
  2. Acepta la invitación: Dentro del correo, haz click en el URL para crear tu cuenta. Crea tu contraseña y ¡listo!
  3. (Opcional) Vincula con Google: Si no quieres aprenderte otra contraseña, puedes asociar tu cuenta de Google a tu cuenta de Sanity e iniciar sesión solo con tu cuenta de Gmail.

Iniciar sesión en tu menú digital

Ya tienes tu cuenta en Sanity, ¡perfecto! Ahora vamos a empezar con tu menú como tal:

  1. Entrar al admin del menú: Tu menú tiene un URL predeterminado que se compone del nombre de tu negocio, seguido de uffunmenu.com; por ejemplo: prueba.uffunmenu.com. A este URL solo agrégale un ‘/admin’ al final, de manera que sería: prueba.uffunmenu.com/admin.
  2. Inicia sesión con tu cuenta de Sanity: Vas a ver un pequeño recuardo al centro de tu pantalla que te pediirá que inicies sesión con Google/Github/Correo electrónico. Click al que hayas usado para crear tu cuenta.
  3. Crea el perfil de tu negocio: Para avanzar con los siguientes pasos, te recomendamos mucho dar click en ‘Información General’ ahorita, darle click a la flecha que aparece en el nuevo recuardo del centro y llenar la información que te aparece hasta tu derecha. Vamos a explicarlo todo, no te preocupes.

Ahora, vámonos en orden de creación:

Información General

El primer paso que debes de llenar es la información general de tu negocio. Para esto, en el momento que das click a la pestaña de ‘Información General’, te aparecerá que no tienes ningún documento creado. Ahí es cuando vas al signo de + que aparece en el recuadro de en medio y, ahora sí, comenzamos:

  1. NOTA IMPORTANTE: Dependiendo de qué plantilla utilices, hay cierta información que no será relevante para ti. Haremos lo posible por hacer tu panel cada vez más sencillo y mostrando solamente la información que necesites rellenar; pero por lo pronto, esta guía será tu mejor aliado para que te avientes todo sin problemas. Vamos a explicar cada uno de los requisitos de esta sección:

  2. Nombre de tu negocio: Como su nombre lo indica, simplemente escribe el nombre de tu negocio para que aparezca como título del sitio web.

  3. Plantilla: Elige cómo quieres que se vea tu menú. Por lo pronto, puedes seleccionar entre cafetería y restaurante. Para ver cuáles hay y navegarlas, visita el sitio de nuestras plantillas.

  4. Título del menú: En la plantilla de cafeterías, puedes asignarle un título a tu menú, por ejemplo ‘Bebidas’ o ‘Smoothies’, según qué contendrá tu menú. En la plantilla de restaurante, puedes dejarlo vacío.

  5. Logo: Añade tu logotipo en un tamaño preferente de 750 x 750 pixeles.

  6. Forma del logo: Por default, subiremos tu logotipo tal cual lo subas tú pero también puedes darle una ligera modificación y hacer la forma de tu logotipo circular en esta sección.

  7. Imagen(es) del banner: Sin importar tu plantilla, sube al menos 1 foto para que aparezca como banner. Si estás en la plantilla de restaurante, podrás cargar hasta 5 imágenes que se irán pasando automáticamente cada 5 segundos. El tamaño preferido para el banner es de 1,728 x 500 pixeles.

  8. Opacidad del banner: En la plantilla de cafeterías, podrás modificar la opacidad de tu imagen del banner para resaltar tu logo e información.

  9. Icono de ‘Favorito’: Si quieres reemplazar la estrella amarilla que tienes por default en tus productos favoritos, añade tu icono personalizado de un tamaño de 32 x 32 pixeles.

  10. Horarios de apertura: Máximo de 2 por tema estético, ¡diles a tus clientes en qué horario pueden encontrarte!

  11. Descripción de tu negocio: Esta información no se ve reflejada en tu sitio web, si no, se ve cuando compartes tu URL por redes sociales. Aparece como descripción general del sitio web y es un detalle que agregamos para mayor personalización.

  12. Categorías abiertas por default: Tus categorías pueden mostrarse desplegadas o no, según cómo sea tu preferencia. Acá es donde pondrás cómo te gustaría que se vieran.

  13. Restantes: Todo lo que resta es poner tus redes sociales y elegir tu tipografía. Con esta información tendrás todo lo necesario para subir tantas categorías y productos desees.

Categorías

Siguiente, deberás crear las categorías antes de ir a tus productos, ya que estos deberán tener a qué categoría pertenecen. Ya sabes, dale click al signo de + para añadir una categoría nueva. Las categorías tienen poca información, acá te la explicamos:

  1. Nombre de la cateogría: No hay límite pero intenta que sea conciso el nombre para que quepa bien.
  2. ID: Solamente da click en el botón que dice ‘generate’. ¡No te saltes este paso! Parece simple pero es necesario para la navegación correcta de tu menú.
  3. Descripción de la categoría (opcional): Si quieres, puedes poner una descripción general de qué podrán encontrar en esta categoría; en caso de que no quieras nada, déjalo vacío.

Nota: Si una categoría está vacía de productos, no se mostrará en el sitio web. Listo, eso fue todo en el tema de categorías. ¿Fácil, verdad? 😬

Productos

Una vez más, pícale al signo de + para iniciar a publicar tu primer producto. Te explicaremos ahora qué es cada sección y tú llenarás la que sea relevante para ti.

  1. Nombre del producto: Adivina para qué es este punto. 👀 Así es. El nombre de tu producto.
  2. ¿Disponible?: Este es de las secciones que más utilizarás en general. Simplemente actívalo si tu producto está disponible o desactívalo si no tienes existencias.
  3. Categoría: A qué categoría pertenece este producto.
  4. Orden: Si requieres que tu producto esté en cierto orden, aquí irás poniendo dónde quieres que esté partiendo del 1 en adelante. Si lo dejas vacío, el orden será aleatorio pero no afectará que se muestre en el sitio.
  5. Precio: Cuánto cuesta tu producto. IMPORTANTE: Si tu producto tiene variantes de diferentes precios, solo escribe ‘0’ en el precio.
  6. Precio promocional: El precio especial en casos de promociones. Solamente cuando las tengas, verdad, si no las tienes, déjalo en blanco.
  7. Recomendación: Esta sección creará una categoría automática de ‘Favoritos’ y dará una estrella amarilla al nombre de tu producto (o tu icono personalizado si así lo pusiste en Información General).
  8. Descripción (Opcional): En caso de que quieras explicar más sobre tu producto, aquí es donde lo harás.
  9. Formato de la descripción (Opcional): Por default solo se verá el texto pero puedes ponerlo como ‘lista’ para que aparezcan los bullet points.
  10. Variantes: Puedes añadir tantas variantes como desees, simplemente da click en ‘Add item’ y escribe el nombre de la variante y su costo.
  11. Imagen: En algunas plantillas puedes ponerle fotografías a tus productos, pero si no la necesitas, déjalo en blanco.

Et voilá ! Ya tienes todo lo que necesites para crear todo tu menú. Esto es editable en todo momento y de ahí la facilidad del menú digital.

No olvides dar click en ‘Publish’ para publicar todos los cambios según los vayas creando.

¿Te sirvió esta información?