Cómo poner un sitio web detrás de un código QR sin pagar hosting

A veces la página que quieres detrás de un código QR ya existe como archivos: una exportación de un creador de sitios, un micrositio que te entregó un diseñador, un folleto interactivo o un portafolio que programaste tú. No necesitas comprar hosting para ponerlo en línea.

Qué cuenta como sitio web estático

Un sitio web estático es una carpeta de archivos que un navegador puede abrir directamente:

• Páginas HTML, con un index.html como página de inicio.
• CSS para el estilo y JavaScript para la interacción.
• Imágenes, fuentes, videos y PDF.

Lo que no tiene es un servidor que ejecute código ni una base de datos. Eso deja fuera un WordPress en vivo o una tienda en línea, pero cubre muchísimas páginas: micrositios de campañas, landing pages, folletos, menús, portafolios y muchas exportaciones de creadores de sitios.

Paso 1: prepara tus archivos

1. Asegúrate de que la página de inicio se llame index.html y esté en el primer nivel de la carpeta, no dentro de una subcarpeta.
2. Usa links relativos entre las páginas y los archivos, como images/logo.png, para que todo siga funcionando en la dirección nueva.
3. Abre el archivo index.html en tu navegador para revisar que las páginas, las imágenes y los links funcionen.
4. Comprime en un ZIP el contenido de la carpeta.

Mantén el sitio ligero. Comprime las imágenes grandes, porque la mayoría de la gente lo va a abrir en el teléfono.

Paso 2: sube el ZIP

En KuikCode, crea un código nuevo y elige Hosted Site como destino. Suelta tu ZIP y elige un nombre para la dirección.

KuikCode revisa los archivos antes de publicar el sitio:

• Hasta 15 MB y 300 archivos por sitio.
• Se sirven HTML, CSS, JavaScript, JSON, imágenes, fuentes, MP4, WebM, MP3 y PDF.
• Los archivos del sistema como .DS_Store, __MACOSX, .git y node_modules se ignoran.

El sitio se publica en tu-nombre.kuik.page, y el código apunta a él.

Paso 3: diseña e imprime el código

Diseña el código con tus colores, tu logo y un llamado a la acción como Escanea para explorar, y descárgalo para imprimir. Pruébalo con un par de teléfonos antes de imprimir un tiraje grande.

Paso 4: actualiza sin reimprimir

Cuando el sitio cambie, abre Assets, Sites y usa Redeploy para subir un ZIP nuevo a la misma dirección. Cada código impreso abre la versión nueva, porque la dirección nunca cambió.

También puedes cambiarle el nombre a la dirección de un sitio, y apuntar el código a algo totalmente distinto, como una KuikPage, si la campaña cambia.

¿Sitio alojado o KuikPage?

• Elige un sitio alojado cuando la página ya existe como archivos, o cuando necesitas control total del código y del diseño.
• Elige una KuikPage cuando quieres armar la página sin programar, con plantillas y bloques, y editarla desde tu teléfono. Mira qué es una landing page móvil.

Los sitios alojados están incluidos desde el plan Core con un sitio, cinco en PRO y veinte en Business. Mira Sitios alojados para saber más.