Sitios públicos

Un sitio público muestra parte de tu CRM a gente que no tiene usuario: un catálogo de propiedades, una grilla de clases, una lista de cursos con su ficha y un formulario de consulta que entra directo a tu CRM. Lo armás en un editor visual, sin código, y vive en tu dirección de workspace: tu-espacio.nx-ar.com/s/tu-sitio.

Está en Configuración → Sitios públicos y necesita el permiso de administración del workspace. La cantidad de sitios depende de tu plan (ver Límites y cupos).

Lo primero que conviene entender

Un sitio no publica tu CRM. Publica exactamente lo que vos marques, y nada más:

• Las entidades que elijas (Propiedades sí, Facturas no).
• Los campos que tildes de cada una. Lo que no esté tildado no aparece — ni hoy ni cuando agregues un campo nuevo el mes que viene.
• Los registros que dejen pasar tus reglas de visibilidad (por ejemplo, “sólo las propiedades con Publicada en el sitio tildado”).
• Las fotos que subas como fotos del sitio. Tus adjuntos son siempre privados.

Es al revés que los permisos que usás adentro del workspace, donde un campo sin restricción se ve. Acá el default es que no se ve. Es a propósito: el error de tildar de menos es una foto que falta; el de tildar de más es un dato interno en internet.

Dos maneras de empezar

• Desde una plantilla. Algunos paquetes del Marketplace traen una plantilla de sitio: Real Estate trae “Inmobiliaria — propiedades en venta y alquiler”, con inicio, listado con filtros, ficha con fotos y formulario de consulta, y el acceso del visitante ya configurado. En Nuevo sitio elegís la plantilla, cargás tus datos del negocio, revisás y publicás.
• Desde cero. Sitios públicos → Nuevo sitio y lo armás con las secciones prearmadas del editor (abajo).

Crear el sitio

El editor (builder)

El editor es la vista previa de tu sitio a pantalla completa (es el sitio de verdad, con tus datos). Arriba elegís escritorio, tablet o celular, la página que estás editando, y tenés Deshacer / Rehacer. Todo lo demás flota y se abre sólo cuando lo necesitás:

• A la izquierda, cuatro botones:
  • Páginas: las páginas del sitio, cada una con su dirección.
  • Capas: las secciones y bloques de la página abierta, para ordenarlos.
  • Agregar: la biblioteca de secciones y bloques, con buscador.
  • Sitio: Datos del negocio, Tema, Menú, Redirecciones, CSS propio y SEO general.
• A la derecha, cuando seleccionás algo, aparece su configuración. La X la cierra.

Todo se guarda solo en un borrador mientras editás.

Deshacer

Cualquier cambio se deshace con el botón del encabezado o con Ctrl/Cmd + Z (Ctrl/Cmd + Shift + Z lo rehace). Mientras escribís en un campo, Ctrl+Z deshace lo que escribiste en ese campo. Por eso borrar una sección o un bloque no te pide confirmación: si te equivocaste, el aviso tiene un botón Deshacer.

Páginas y direcciones

Un sitio vacío abre Páginas con un solo paso: crear la página de inicio, que queda en la dirección /. Cada página nueva nace con su propia dirección (/contacto, /quienes-somos), que podés cambiar al crearla.

• Con el ⚙ de una página abrís su configuración: nombre, título y descripción para buscadores, imagen para compartir, “no indexar”, “usar como página 404” y sus direcciones. Una página puede verse en más de una dirección.
• Una dirección con /:algo (por ejemplo /propiedades/:propiedad) es una ficha: muestra un registro. Ver Fichas más abajo.
• Una página sin dirección dice “Sin dirección”: no se ve en el sitio.
• El Encabezado y el Pie son áreas comunes: se repiten en todas las páginas. Si no les ponés nada, el sitio usa un encabezado con tu logo y menú y un pie con tus datos de contacto y redes.

Secciones y bloques

Una página es una pila de secciones (franjas). Cada sección tiene de 1 a 4 columnas —en celulares se apilan— y en cada columna van los bloques.

• En Capas las ordenás arrastrando (también con el teclado: espacio para tomar, flechas, espacio para soltar). Un bloque puede pasar a otra columna.
• En Agregar buscás lo que necesitás (“preguntas”, “galería”, “precios”). Lo que elegís va después de lo que tengas seleccionado o, si no hay nada, al final de la página. El panel te dice dónde va a ir.
• En la vista previa, al pasar el mouse por una sección aparece un ⊕: agrega justo ahí.

La biblioteca trae arriba secciones ya armadas, que se conectan solas a tus datos cuando pueden:

Editar sobre la vista previa

• Un click sobre un bloque lo selecciona y abre su configuración a la derecha. Arriba del bloque aparece una barra para subirlo, bajarlo, duplicarlo, borrarlo o configurarlo.
• Doble click sobre un título, un subtítulo o el texto de un botón te deja escribir ahí mismo. Enter guarda, Escape cancela.
• Los enlaces no navegan con un click (estás editando); con Ctrl/Cmd + click sí. Los formularios de la vista previa no se envían.
• Un bloque que todavía no muestra nada aparece como un recuadro punteado, sólo en la vista previa.

Los bloques

Los bloques con una lista (preguntas, testimonios, equipo, logos, planes, horarios, pasos y números) se editan igual: Agregar suma un ítem, cada ítem se abre para editarlo y se sube, se baja o se borra desde su cabecera. Un ítem al que le falta lo principal (una pregunta sin respuesta, un plan sin precio) no se muestra, y la revisión del sitio te avisa si un bloque quedó sin ninguno.

Armar un listado

Elegí la entidad y después qué campo va en cada lugar de la tarjeta: título, subtítulo, precio, etiqueta y hasta 4 datos cortos (ambientes, m²…). La foto de la tarjeta es la portada del registro (su primera foto del sitio); si no la querés, destildá “Mostrar portada”.

Además elegís:

• Filtro base (obligatorio): pares campo = valor que el listado aplica siempre, por ejemplo Publicada en el sitio = sí. Sin él, el listado publicaría toda la entidad, así que el editor lo pide en rojo y no publica.
• Campos buscables y filtros que puede usar el visitante.
• Orden por defecto y registros por página.

El editor sólo te ofrece campos que publicaste en Acceso y que sirven para cada lugar: lo que elegís es lo que el sitio muestra.

Datos del negocio, menú y tema

En Sitio (el último botón de la izquierda):

• Datos del negocio: logo, descripción corta, WhatsApp, teléfono, email, dirección, horarios y redes. Se cargan una vez y aparecen en todo el sitio: el logo en el encabezado, el contacto y las redes en el pie, el bloque Datos de contacto, el mapa y el botón de WhatsApp. Con “Mostrar un botón flotante de WhatsApp” aparece en todas las páginas.
• Menú: los enlaces del encabezado y el pie, en orden. Un enlace que empieza con / es una página del sitio (/propiedades).
• Tema: elegí un estilo (Neutro, Editorial, Costero, Contrastado, Jardín, Nocturno) y después ajustá colores, tipografías y redondeo. Las fuentes se sirven desde Nxar: el sitio no llama a Google Fonts.
• Ícono de la pestaña (favicon): en Datos del negocio. Una imagen cuadrada, idealmente de 512 × 512, que se ve en la pestaña del navegador y al guardar el sitio en el celular.
• Redirecciones: mandan una dirección vieja a otra. Sirven cuando renombrás una página o venís de otro sitio y no querés perder los links que ya circulan (en Google, en Instagram, en un mail).
• SEO general: cómo se arma el título de cada página (%s · Mi negocio), la descripción y la imagen para compartir que usan las páginas que no tienen las suyas, y qué página se muestra cuando alguien entra a una dirección que no existe (404).

Redirecciones

En Sitio → Redirecciones, cada fila es una dirección vieja y su destino:

• URL vieja: el path que alguien puede seguir pidiendo, como /contacto.php o /quienes-somos. Podés pegar la dirección entera del sitio anterior; se queda con el path.
• Destino: una página del sitio (/contacto) o otra web que empiece con https://.
• Permanente: dejalo tildado si el cambio es definitivo (es lo que le dice a Google que actualice el link). Destildalo para algo temporal, como una promoción.

Una redirección sólo se aplica cuando esa dirección no existe en el sitio: una página siempre le gana. Si cambiás la dirección de una página, el editor te ofrece crear la redirección desde la dirección vieja con un click. Al publicar, el editor avisa si una redirección forma un círculo, va a una página que no existe o pasa por otra redirección.

Fichas: una página por registro

Para que cada propiedad tenga su propia dirección, creá una página (o usá el ⚙ de una que ya tengas) con una dirección que termine en dos puntos y un nombre: /propiedades/:propiedad. En la configuración de la página, debajo de esa dirección, elegí de qué entidad sale el registro y qué campo se usa para el texto del enlace. La sección Ficha completa arma la página con fotos, datos y formulario.

La dirección queda así:

tu-espacio.nx-ar.com/s/propiedades/casa-en-palermo-8f30201b4c5d

El texto de adelante es para que el enlace se entienda; lo que identifica al registro es el código del final. Si después renombrás la propiedad, los enlaces viejos siguen funcionando: llevan a la dirección nueva.

Un registro que el visitante no puede ver y uno que no existe dan el mismo “no encontrado”.

Fotos de los registros

Las fotos que se ven en el sitio son fotos del sitio del registro, no sus adjuntos. Tus adjuntos (contratos, documentos, fotos internas) son siempre privados y nunca salen en el sitio.

Las fotos del sitio se cargan desde un componente de la ficha del registro. En el paquete Real Estate es Fotos del sitio, arriba en la ficha de cada propiedad:

• Subir fotos: varias a la vez. Se achican solas antes de subir.
• Arrastrar para ordenar. La primera es la portada: la de la tarjeta del listado y la que se ve al compartir el enlace.
• Texto alternativo de cada foto: es lo que lee alguien con lector de pantalla y lo que entiende Google. Escribilo.
• Eliminar: deja de verse en el sitio y se borra del registro.

Esas fotos no aparecen en la lista de Adjuntos del registro, y los adjuntos no aparecen en el sitio: son dos cosas separadas. Para tener un componente así en una entidad tuya, ver Logic Components → Adjuntos desde un componente.

Una foto del sitio sólo se ve si el visitante puede ver el registro: si una propiedad deja de estar publicada, sus fotos también dejan de verse.

En el editor, en una página de ficha, los bloques Imagen y Galería eligen de dónde salen: Fotos del registro o Imágenes del sitio (las que subís al sitio, como la foto de la portada de inicio).

Código propio

Para lo que el editor no trae, sin salir de lo seguro:

• CSS propio (grupo Sitio): se aplica después de los estilos base, en todas las páginas. Clases útiles: .nx-hero, .nx-card, .nx-button, .nx-section, .nx-site-header, .nx-site-footer. Por seguridad se quitan los @import y los url() a otros sitios.
• HTML propio (bloque): una plantilla Liquid  con datos del CRM.

En una plantilla tenés:

Y los filtros image_url (la URL de la primera foto, con el ancho que pidas) e image_urls (todas).

<div class="destacados">
  {% for r in records %}
    <a class="destacado" href="{{ r.url }}">
      <img src="{{ r.images | image_url: 640 }}" alt="{{ r.title }}">
      <h3>{{ r.title }}</h3>
      <p>{{ r.city }} · {{ r.price }}</p>
    </a>
  {% else %}
    <p>Pronto vas a ver novedades acá.</p>
  {% endfor %}
</div>

En una ficha:

<section class="ficha-extra">
  <h2>{{ record.title }}</h2>
  {% assign fotos = record.images | image_urls: 1024 %}
  {% for url in fotos %}
    <img src="{{ url }}" alt="">
  {% endfor %}
  <p>¿Te interesa? Llamanos al {{ site.phone }} o escribinos a {{ site.email }}.</p>
</section>

Los nombres de los campos son los de tu entidad (en el panel figuran los que podés usar). Los registros son los mismos que vería un listado: los que el visitante puede ver, con el filtro base obligatorio.

Formularios en el sitio

El bloque Formulario usa uno de tus formularios públicos con el estilo del sitio, y lo que el visitante envía entra a tu CRM igual que desde la página del formulario. Funciona aunque el visitante no tenga JavaScript.

Dos cosas no se pueden usar en un sitio, y la revisión te frena antes de publicar:

• Un formulario en modo Buscar y actualizar: en un sitio público nadie puede modificar registros existentes. Usá Buscar y vincular.
• Un formulario con captcha.

Que Google lo encuentre

1. En General, poné la indexación en “Permitir que Google lo indexe”.
2. Copiá el token que te da Google Search Console y pegalo en Google Search Console de esa misma pantalla.
3. En Search Console, agregá tu sitio como propiedad de prefijo de URL (https://tu-espacio.nx-ar.com/s/tu-sitio/) y cargá el sitemap: .../s/tu-sitio/sitemap.xml.

El sitemap se arma solo con las páginas y los registros que el visitante puede ver. Los listados con filtros aplicados se pueden compartir pero no se indexan: para posicionar una zona o una categoría, creá una página con su propia dirección y el listado ya filtrado.

Por ahora el sitio vive en tu dirección de workspace (tu-espacio.nx-ar.com/s/…); los dominios propios todavía no están disponibles.

Borrador y publicación

Mientras editás, el editor guarda solo en un borrador: el sitio que está en internet no cambia hasta que apretás Publicar. Descartar vuelve todo a la última versión publicada.

Si dos personas editan el mismo sitio a la vez, la segunda recibe un aviso en vez de pisar lo que hizo la primera.

Vista previa abre el borrador en una pestaña aparte, con un enlace temporal que no se indexa.

Cuando la plantilla tiene una versión nueva

Si creaste el sitio desde una plantilla, actualizar el paquete actualiza la plantilla, no tu sitio: lo que armaste sigue igual. Cuando la plantilla cambió, la pestaña General del sitio lo avisa en la sección Plantilla.

• Aplicar plantilla reemplaza tu borrador por la versión nueva. Los cambios que le hiciste al sitio se pierden; lo publicado no cambia hasta que publiques (y si te arrepentís, Descartar vuelve a lo publicado).
• Aplicar también el acceso del visitante es opcional: vuelve lo que los visitantes ven y crean a lo que declara la plantilla. Dejalo apagado si ajustaste la pestaña Acceso.
• Si no querés la versión nueva, no hagas nada: el aviso queda y tu sitio sigue como está.

Una plantilla no ocupa lugar en el cupo de sitios de tu plan; lo ocupa cada sitio que creás.

Después de publicar

Un sitio también se rompe después: alguien borra un campo, saca un permiso, desactiva un formulario. La pestaña General muestra la salud del sitio: la misma revisión que corre al publicar, pero sobre lo que está en internet ahora. En el editor, el botón Revisar la corre sobre el borrador y cada hallazgo te lleva a donde está el problema.

Los cambios en tus registros tardan hasta un minuto en verse en el sitio: las páginas se guardan en caché para que aguanten visitas sin ponerse lentas. Si necesitás verlos ya, el botón Limpiar caché de la pestaña General fuerza la actualización. Publicar y cambiar la indexación también limpian el caché solos.

Estadísticas

La pestaña Estadísticas del sitio muestra, para los últimos 7, 30 o 90 días:

• Vistas y sesiones por día.
• Conversiones: consultas que entraron por los formularios del sitio, y la tasa sobre las sesiones.
• Páginas más vistas y orígenes: de qué campaña o de qué sitio llegó cada visita (o Directo).

Se cuenta de forma agregada, sin cookies de terceros y sin guardar datos de las personas. Empieza a contar cuando el sitio está publicado; la vista previa no cuenta.

Saber de qué campaña vino cada consulta

Si compartís el sitio con links de campaña (por ejemplo …/s/tu-sitio?utm_source=instagram&utm_campaign=otono), el sitio recuerda el origen de la visita durante 30 días. Para que quede en el registro que crea el formulario, configurá Origen del lead en el formulario (ver Formularios públicos).

Si el equipo de Nxar deshabilita tu sitio

En casos excepcionales —por ejemplo, un abuso del sitio— el equipo de Nxar puede deshabilitar un sitio. Siempre lo hace con un motivo escrito, que ves en la lista de sitios y en la pestaña General. Un sitio deshabilitado deja de responder (los visitantes ven “no encontrado”) y no aparece más en buscadores. No podés volver a habilitarlo por tu cuenta: escribinos y lo revisamos con el motivo a la vista.