Introducció: què és aProp Web i què és l'editor de contingut

aProp Web és el lloc públic del negoci — el que veu qualsevol persona que visita el domini del negoci al seu navegador: la pàgina d’inici, la informació dels serveis o productes, el formulari de contacte, el sistema de reserva de cites en línia (si el negoci en fa servir) i la botiga de productes en línia (si el negoci en ven). És la “cara” digital del negoci de cara al públic.

Aquest mateix motor serveix per a tipus de negoci molt diferents: una perruqueria que vulgui que la clientela reservi hora en línia, una consultoria que només necessiti una web de presentació amb formulari de contacte, una botiga que vulgui vendre en línia el seu catàleg, un centre de formació que combini informació de cursos amb un calendari de sessions, o un estudi de ioga que gestioni classes i vengui material a la vegada. Els mateixos blocs de contingut serveixen per a qualsevol d’aquests casos; només canvia quins blocs s’utilitzen i com s’omplen.

L’editor de contingut d’aProp Web (també anomenat panell d’edició) és l’eina des de la qual es canvia tot aquest contingut sense tocar codi: textos, imatges, botons, el menú de navegació, el peu de pàgina, els colors de marca, i la mateixa estructura de cada pàgina (quines seccions té i en quin ordre). S’hi accedeix afegint /admin a l’URL del lloc (per exemple, elmeunegoci.aprop.app/admin), i demana iniciar sessió amb un usuari i una contrasenya propis del lloc — no és el mateix compte que es fa servir per entrar a aProp Panel (l’ERP) ni a cap altra eina de l’ecosistema aProp; cada producte té el seu propi accés. És habitual, per exemple, que la persona que porta el dia a dia del negoci tingui accés al panell d’edició però no necessiti mai entrar a l’ERP, i al revés.

Un cop dins, el panell d’edició mostra dues coses a la seva barra lateral:

• Un llistat de “Pàgines”: totes les pàgines que existeixen al lloc (inici, avís legal, política de privadesa…). En obrir-ne una, s’entra al seu formulari d’edició.
• Un accés a “Configuració Global”: els ajustos que no pertanyen a cap pàgina en concret, sinó a tot el lloc alhora (menú de navegació, peu de pàgina, colors, logotip…). S’explica en detall a l’apartat 4.

El mode d’edició visual

En obrir una pàgina des del panell, no es veu un formulari aïllat amb camps de text solts: es veu, a la dreta (o a sota, segons la mida de pantalla), una vista prèvia en viu de la pàgina tal com la veu una persona visitant real, i a l’esquerra el formulari amb tots els camps editables d’aquesta pàgina. Qualsevol canvi que s’escriu al formulari es reflecteix a l’instant a la vista prèvia, sense haver de desar primer per veure’l.

A més, es pot fer clic directament sobre gairebé qualsevol text o imatge dins de la mateixa vista prèvia perquè el panell salti automàticament al camp corresponent del formulari de l’esquerra i l’obri llest per editar — no cal anar buscant manualment en quin bloc o quin camp viu un text concret que es vol canviar; n’hi ha prou de fer clic a sobre a la vista prèvia. Aquesta funcionalitat de “clic per editar” està disponible a gairebé tots els blocs de contingut d’una pàgina, però no està disponible encara al menú de navegació ni al peu de pàgina — aquests dos s’editen només des del formulari de “Configuració Global” (vegeu l’apartat 4), sense possibilitat de fer-hi clic a la vista prèvia.

Un dubte habitual és per què, si es pot fer clic sobre qualsevol text, de vegades el clic no sembla “enganxar” bé al camp esperat: normalment és perquè el text que s’ha clicat forma part d’un element compost (per exemple, un títol que inclou un fragment resaltat en un altre color dins del mateix camp) — en aquests casos convé fixar-se bé en quin subcamp del formulari s’ha obert i comprovar-ho a la vista prèvia abans de continuar editant.

Els canvis no es publiquen sols: cal prémer el botó de desar del formulari perquè quedin gravats. Fins que no es desa, el que es veu a la vista prèvia del panell és només un assaig — una persona visitant normal que entri al lloc en aquell moment continua veient la versió anterior.