Desarrolladores · Primeros pasos

Primeros pasos en quince minutos

Una vez aprobada su solicitud, esto le lleva de una cuenta vacía a un tema en revisión. Por el camino cambia una cosa, para ver el ciclo entero antes de construir nada de verdad.

Antes de empezar

Una cuenta aprobada

Las solicitudes las revisa una persona mientras el programa sea solo por invitación. Recibirá un correo cuando se decida la suya.

  • Solicitar crear temas. Entre antes con su cuenta de WhizzyCommerce, o cree una por el camino.
  • Un navegador. La CLI y Claude son opcionales, y Herramientas cubre los dos.

Por orden

Los pasos

Todas las pantallas están en app.whizzycommerce.com. La ruta bajo cada paso es el menú que sigue en el área de Desarrollador.

  1. Aceptar el contrato de desarrollador

    Desarrolladores › Contrato

    Léalo y pulse Aceptar. Cubre la licencia que concede, el reparto de ingresos y su deber de soporte. La copia pública está en /legal/developer-agreement.

    Puede añadir los datos fiscales y bancarios más tarde, en Desarrollador › Pagos. Solo los necesita antes de su primer pago.

  2. Crear un tema desde el tema de referencia

    Desarrolladores › Temas

    Dele un identificador, por ejemplo harbour, y un nombre. Elija Empezar desde el tema de referencia. Obtiene un tema completo que ya pasa todas las comprobaciones, con sus tipos de sección renombrados a harbour.*.

    Cada tema tiene una tienda propia, su entorno, creada en la primera vista previa: harbour.mywhizzy.com, llena con un catálogo de muestra (clothing and fashion, jewellery and accessories, home and living son los tres) para que nunca diseñe contra marcadores. No caduca nunca y no puede recibir pedidos.

  3. Abrir el editor del navegador

    Desarrollador › Temas › harbour › Editor

    El árbol de archivos está a la izquierda: theme.json, theme.css, sections/ y templates/. El editor valida mientras escribe y enumera todo lo que descartaría.

  4. Previsualizar el borrador

    Editor › Vista previa

    Elija una página: portada, categoría, producto, el carrito, la búsqueda, el inicio de sesión y las demás. El tema se monta en el entorno como borrador y se abre una vista previa junto al código. Recorrer el borrador abre la tienda entera sobre él en una pestaña nueva. Nadie más lo ve, y la demostración en vivo, cuando exista, no se mueve.

  5. Hacer un cambio

    Editor › theme.json

    Cambie el token del color de acento y guarde. Luego previsualice otra vez.

    "tokens": {
  "colorAccent": "#2e6b4f"
}

  6. Subir la versión y promover el borrador

    Desarrollador › Temas › harbour › Promover el borrador

    Ponga "version": "1.0.0" en theme.json. El registro de cambios se redacta por usted a partir de lo que cambió; edítelo y pulse Promover. Las comprobaciones tardan alrededor de un minuto y muestran sus resultados en la misma pantalla. La aprobación convierte el borrador en la demostración en vivo y en la versión que reciben los comerciantes.

¿Prefiere una terminal? Los pasos 3 a 7 también son whizzy-theme init harbour, whizzy-theme dev --page=home y whizzy-theme submit -m "First version". Vea la CLI.

Luego

Qué pasa después

Una versión que pasa las comprobaciones espera a una persona. El objetivo son dos días laborables.

  • Aprobada: el tema entra en el catálogo en cuanto su ficha esté completa. Rellene la ficha en Desarrollador › Temas › harbour.
  • Cambios solicitados: las notas del revisor aparecen en la página del tema y en su correo. Corrija, suba el número de parche y vuelva a enviar.
  • Lea Formato del tema antes de construir lo de verdad, y Versiones y revisión antes de su primer envío real.
SiguienteHerramientas →
Primeros pasos con los temas · WhizzyCommerce