Blocs de negoci (reserves i botiga en línia)

Aquesta és la llista completa de blocs disponibles per construir qualsevol pàgina. S’expliquen en dos grups: primer els blocs de negoci, propis del cas d’ús d’un negoci amb reserves en línia i/o botiga en línia (els que connecten amb aProp Panel/ERP), i després la resta de blocs, de propòsit general per maquetar qualsevol tipus de contingut (textos, imatges, testimonis, preus…).

Tots els blocs comparteixen un camp comú al final del seu formulari, l’espaiat respecte al bloc anterior (Petit / Mitjà / Gran), per ajustar a ull quant aire queda entre una secció i la següent sense haver de tocar res més. Molts blocs permeten a més triar un color de fons propi per a aquesta secció de la pàgina (si es deixa buit, usa el fons per defecte de la plantilla).

Blocs de negoci (reserves i botiga en línia)

Aquests set blocs són pensats per a qualsevol negoci que necessiti que la seva web pública connecti amb aProp Panel/ERP i mostri els serveis i l’estoc reals que hi ha donats d’alta al panell de gestió del negoci — no cal mantenir la informació duplicada en dos llocs. Serveixen tant per a un negoci que només reservi cites (una perruqueria, una consultoria, un estudi de ioga), com per a un que només vengui productes (una botiga en línia), com per a un que combini totes dues coses.

Calendari (Reserves)

El bloc de reserva de cites a pàgina completa. Mostra un petit assistent de quatre passos: primer un calendari per triar el dia, després la llista de serveis disponibles per a aquell treballador (amb la seva durada i preu ja amb impostos inclosos), després els forats horaris lliures aquell dia per al servei triat, i finalment un formulari amb nom, correu i telèfon. En confirmar, la persona visitant és redirigida a la passarel·la de pagament segura per completar el pagament de la sessió, i en tornar veu un avís de “reserva confirmada” (o que el pagament no s’ha completat, si el cancel·la).

Camps editables: un títol i un subtítol de la secció, i el Treballador a qui correspon aquest calendari (la persona professional concreta — qui fa la reserva després tria, dins d’aquest treballador, quin dels seus serveis vol reservar). La llista de treballadors que apareix per triar aquí és una llista que cal mantenir a mà perquè coincideixi amb els treballadors reals donats d’alta a aProp Panel (apartat “Reserves → Treballadors” de l’ERP) — si es dona d’alta una persona nova a l’ERP (per exemple, una nova estilista en una perruqueria, o un formador nou en un centre de formació), cal afegir-la també aquí per poder-la fer servir en un bloc Calendari. Els serveis en si (nom, durada, preu) no es mantenen a mà enlloc d’aProp Web: es demanen en temps real a l’ERP cada vegada que una persona visitant entra al pas 2, així que un canvi de preu o de durada d’un servei fet a aProp Panel es reflecteix al web a l’instant, sense tocar res aquí. Un dubte habitual: si es canvia el preu d’un servei a l’ERP a mig matí, no cal tornar a desar res al panell d’edició perquè el canvi es vegi al web — ja es veu automàticament la propera vegada que algú obri el pas 2 del calendari.

Exemple d’ús: un bloc Calendari a la pàgina d’inici o a una pàgina dedicada a “Reservar cita”, enllaçat al professional principal del negoci — per exemple, la responsable d’una perruqueria, o la persona formadora principal d’un centre de formació.

Reserva Destacada (Popup/Lateral)

Una variant promocional del bloc anterior, pensada per incrustar una crida a la reserva dins de qualsevol pàgina (per exemple, enmig de la pàgina d’un servei concret) sense ocupar tota la pantalla amb el calendari. Es compon d’un títol, subtítol i dues columnes — una imatge a un costat i un text amb un botó a l’altre — i en prémer aquest botó s’obre el mateix assistent de reserva de quatre passos que al bloc Calendari, però dins d’una finestra emergent centrada o d’una barra lateral lliscant, segons es triï.

Camps editables: títol, subtítol, imatge, text descriptiu, text del botó, el mateix selector de Treballador que a Calendari, com es mostra (Popup centrat o Barra lateral), i un títol/subtítol propis per a dins d’aquesta finestra emergent o barra lateral (diferents dels de la secció general, per poder personalitzar el missatge just a sobre del calendari).

Exemple d’ús: una franja “Reserva la teva cita en segons” a mitja pàgina d’inici, amb una foto de l’establiment, que en prémer el botó obre el calendari sense treure la persona visitant de la pàgina en què està. Un altre exemple: dins de la pàgina d’un servei concret (per exemple, “Tall i pentinat” en una perruqueria, o “Sessió d’assessorament inicial” en una consultoria), un bloc d’aquest tipus com a crida directa a reservar just aquell servei, en forma de barra lateral que no obliga a abandonar la lectura de la pàgina.

Catàleg (Ecommerce)

El bloc de botiga en línia pròpiament dit: una graella de productes, paginada, amb imatge, nom i preu de cadascun, i un botó per afegir a la cistella de compra directament des de la graella. Els productes es demanen en temps real a l’ERP — el mateix catàleg de productes que es gestiona des d’aProp Panel (apartat “Productes”, amb la casella “Publicar a la botiga en línia” marcada — vegeu la documentació d’aProp Panel) apareix aquí automàticament, amb el seu estoc i el seu preu reals, sense duplicar res.

Camps editables: títol, subtítol, la Categoria que mostra aquest bloc en concret (“Totes les categories” no filtra res), el nombre màxim de productes a carregar de l’ERP, quants productes per pàgina es mostren (la paginació, un cop carregats els productes, és instantània i no torna a consultar l’ERP en canviar de pàgina), i quantes columnes per fila en pantalles grans. Igual que amb els Treballadors del bloc Calendari, la llista de categories disponibles per triar aquí cal mantenir-la a mà perquè coincideixi amb les categories reals donades d’alta a aProp Panel (apartat “Ecommerce → Categories” de l’ERP). Si es tria (o queda seleccionada per error) una categoria que ja no existeix a l’ERP, el bloc simplement no mostrarà cap producte, sense cap avís explícit — val la pena revisar-ho de tant en tant.

Exemple d’ús: una pàgina “Botiga” amb aquest bloc mostrant tot el catàleg de productes (per exemple, el material d’una botiga d’articles esportius, o els productes complementaris d’un estudi de ioga: esterores, blocs, coixins de meditació) paginat de 8 en 8.

Carrusel de Productes

Molt semblant al Catàleg, però en lloc d’una graella paginada mostra els productes d’una categoria en un carrusel horitzontal lliscant amb fletxes de navegació — pensat per destacar, per exemple, “Novetats” o “Els més venuts” en un espai compacte dins d’una pàgina (per exemple, sota la secció de serveis a la pàgina d’inici), en lloc de dedicar una pàgina sencera al catàleg.

Camps editables: títol, subtítol, la mateixa Categoria (comparteix la mateixa llista que cal mantenir a mà del bloc Catàleg) i el nombre màxim de productes a mostrar al carrusel.

Filtre de Productes

Una altra variant del catàleg, pensada per quan es vol deixar que la mateixa persona visitant exploriï per categoria amb un filtre lateral tipus botiga clàssica (categories a un costat, graella de productes a l’altre, que s’actualitza a l’instant en canviar de categoria sense recarregar la pàgina). A diferència del Catàleg i el Carrusel, aquí no cal mantenir a mà cap llista de categories a l’editor: les categories que veu la persona visitant per filtrar es demanen també en temps real a l’ERP, així que qualsevol categoria nova que es doni d’alta a aProp Panel apareix aquí automàticament sense tocar res al web.

Camps editables: títol, subtítol, el nombre màxim de productes per categoria que es demanen a l’ERP cada vegada que la persona visitant tria una categoria, i les columnes per fila.

Cistella Flotant

Aquest és un cas especial: no apareix a la llista de blocs que es poden afegir a una pàgina perquè no és un bloc de pàgina — és un element global, com el menú de navegació o el peu de pàgina, que es mostra automàticament a totes les pàgines del lloc en el moment que hi ha algun producte a la cistella, sense haver de col·locar-lo enlloc en concret. És el botó circular flotant (normalment a baix a la dreta) amb el nombre d’articles, que en prémer-lo obre un panell lateral ràpid per veure el contingut de la cistella, ajustar quantitats, treure productes, i passar a completar la comanda. L’únic ajust relacionat amb ell que sí és editable és l’interruptor “Mostrar cistella de compra” de Configuració Global → Ajustos del Lloc (apartat 4), que permet amagar-lo completament a tot el lloc.

El formulari de reserva i de compra en conjunt

Val la pena entendre el recorregut complet: tant per reservar una cita com per comprar un producte, la persona visitant acaba sent redirigida a una passarel·la de pagament externa segura per introduir les seves dades de pagament (el web mai demana ni desa dades de targeta directament). L’ERP és qui de veritat gestiona el bloqueig del forat horari o de l’estoc del producte i qui genera la sessió de pagament; aProp Web només fa d’intermediari que reenvia la petició i redirigeix la persona visitant. En tornar de pagar, tant el bloc Calendari/Reserva Destacada com la Cistella Flotant mostren un avís clar de si la reserva/la comanda s’ha confirmat o si el pagament no ha arribat a completar-se. Això és igual per a qualsevol tipus de negoci: una botiga que vengui productes físics, un estudi que cobri sessions per avançat, o un centre de formació que cobri la inscripció a un curs en el moment de la reserva.