diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index b799ca2b0..af554a3b8 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -167,22 +167,8 @@ msgstr ""
 msgid "Date aggiuntive"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Default
-msgid "Default"
-msgstr ""
-
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Delete
-msgid "Delete"
-msgstr ""
-
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Descrizione...
 msgid "Description"
 msgstr ""
@@ -460,12 +446,6 @@ msgstr ""
 msgid "Previous page"
 msgstr "Vorherige Seite"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Required
-msgid "Required"
-msgstr ""
-
 #: components/ItaliaTheme/manage/Widgets/FileWidget
 # defaultMessage: Rimuovi il file
 msgid "Rimuovi il file"
@@ -527,12 +507,6 @@ msgstr ""
 msgid "Seleziona un'icona"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Short Name
-msgid "Short Name"
-msgstr ""
-
 #: components/ItaliaTheme/Search/SearchCTs
 #: components/ItaliaTheme/Search/SearchTopics
 # defaultMessage: Mostra tutto
@@ -574,8 +548,6 @@ msgstr ""
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Titolo...
 msgid "Title"
 msgstr ""
@@ -650,12 +622,6 @@ msgstr ""
 msgid "Unknown Block"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Used for programmatic access to the fieldset.
-msgid "Used for programmatic access to the fieldset."
-msgstr ""
-
 #: components/ItaliaTheme/Footer/FooterInfos
 #: components/ItaliaTheme/Footer/FooterNavigation
 #: components/ItaliaTheme/Footer/FooterSmall
@@ -710,7 +676,7 @@ msgid "You are trying to access a protected resource, please {login} first."
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
-# defaultMessage: A chi si rivolge
+# defaultMessage: A chi è rivolto
 msgid "a_chi_si_rivolge"
 msgstr ""
 
@@ -855,11 +821,6 @@ msgstr ""
 msgid "atto_nomina"
 msgstr ""
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Metodi di autenticazione al servizio
-msgid "autenticazione"
-msgstr ""
-
 #: config/Blocks/ListingOptions/sliderTemplate
 # defaultMessage: Autoplay
 msgid "autoplay"
@@ -1247,12 +1208,7 @@ msgid "cosa_si_ottiene"
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi
-msgid "costi"
-msgstr ""
-
-#: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi e vincoli
+# defaultMessage: Quanto costa
 msgid "costi_e_vincoli"
 msgstr ""
 
@@ -1678,11 +1634,6 @@ msgstr ""
 msgid "dove"
 msgstr ""
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Dove rivolgersi
-msgid "dove_rivolgersi"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Actions
 # defaultMessage: Scarica
 msgid "download"
@@ -1850,7 +1801,8 @@ msgstr ""
 msgid "events"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextWidget
 # defaultMessage: Il testo supera la lunghezza consigliata
 msgid "exceeded_chars"
 msgstr ""
@@ -2367,7 +2319,7 @@ msgstr ""
 msgid "other_arguments"
 msgstr ""
 
-#: components/ItaliaTheme/View/Commons/Metadata
+#: components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni
 # defaultMessage: Ulteriori informazioni
 msgid "other_info"
 msgstr ""
@@ -3008,7 +2960,7 @@ msgid "select_risultato"
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCosE
-# defaultMessage: Cos'è
+# defaultMessage: Descrizione
 msgid "service_cos_e"
 msgstr ""
 
@@ -3017,12 +2969,12 @@ msgstr ""
 msgid "service_not_active"
 msgstr ""
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
-# defaultMessage: Servizio non attivo
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
+# defaultMessage: Servizio chiuso
 msgid "service_off"
 msgstr ""
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
 # defaultMessage: Servizio attivo
 msgid "service_on"
 msgstr ""
@@ -3043,6 +2995,47 @@ msgstr ""
 msgid "servizi_offerti"
 msgstr ""
 
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Accedi al servizio
+msgid "servizio_canale_digitale"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Richiedi iscrizione online
+msgid "servizio_canale_digitale_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioComeFare
+# defaultMessage: Come fare
+msgid "servizio_come_fare"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Condizioni di servizio
+msgid "servizio_condizioni"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Termini e condizioni di servizio
+msgid "servizio_condizioni_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Per conoscere i dettagli di scadenze, requisiti e altre informazioni importanti, leggi i termini e le condizioni di servizio.
+msgid "servizio_condizioni_text"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene
+# defaultMessage: Cosa si ottiene
+msgid "servizio_cosa_si_ottiene"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Prenota appuntamento
+msgid "servizio_prenota_appuntamento"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Vai alle altre opzioni di ricerca
 msgid "setMoreSearchOptions"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 2b646f5ab..2a0e4efbc 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -152,22 +152,8 @@ msgstr "Content"
 msgid "Date aggiuntive"
 msgstr "More dates"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Default
-msgid "Default"
-msgstr ""
-
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Delete
-msgid "Delete"
-msgstr ""
-
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Descrizione...
 msgid "Description"
 msgstr ""
@@ -445,12 +431,6 @@ msgstr "Play"
 msgid "Previous page"
 msgstr "Previous page"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Required
-msgid "Required"
-msgstr "Required"
-
 #: components/ItaliaTheme/manage/Widgets/FileWidget
 # defaultMessage: Rimuovi il file
 msgid "Rimuovi il file"
@@ -512,12 +492,6 @@ msgstr ""
 msgid "Seleziona un'icona"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Short Name
-msgid "Short Name"
-msgstr ""
-
 #: components/ItaliaTheme/Search/SearchCTs
 #: components/ItaliaTheme/Search/SearchTopics
 # defaultMessage: Mostra tutto
@@ -559,8 +533,6 @@ msgstr ""
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Titolo...
 msgid "Title"
 msgstr ""
@@ -635,12 +607,6 @@ msgstr ""
 msgid "Unknown Block"
 msgstr "Unknown Block"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Used for programmatic access to the fieldset.
-msgid "Used for programmatic access to the fieldset."
-msgstr ""
-
 #: components/ItaliaTheme/Footer/FooterInfos
 #: components/ItaliaTheme/Footer/FooterNavigation
 #: components/ItaliaTheme/Footer/FooterSmall
@@ -695,7 +661,7 @@ msgid "You are trying to access a protected resource, please {login} first."
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
-# defaultMessage: A chi si rivolge
+# defaultMessage: A chi è rivolto
 msgid "a_chi_si_rivolge"
 msgstr "Who is it for"
 
@@ -840,11 +806,6 @@ msgstr ""
 msgid "atto_nomina"
 msgstr "Act of appointment"
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Metodi di autenticazione al servizio
-msgid "autenticazione"
-msgstr "Authentication"
-
 #: config/Blocks/ListingOptions/sliderTemplate
 # defaultMessage: Autoplay
 msgid "autoplay"
@@ -1232,12 +1193,7 @@ msgid "cosa_si_ottiene"
 msgstr "What do you get"
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi
-msgid "costi"
-msgstr "Costs"
-
-#: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi e vincoli
+# defaultMessage: Quanto costa
 msgid "costi_e_vincoli"
 msgstr "Costs and constraints"
 
@@ -1663,11 +1619,6 @@ msgstr ""
 msgid "dove"
 msgstr "Where"
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Dove rivolgersi
-msgid "dove_rivolgersi"
-msgstr "Where to contact"
-
 #: components/ItaliaTheme/View/Commons/Actions
 # defaultMessage: Scarica
 msgid "download"
@@ -1835,7 +1786,8 @@ msgstr "Event website"
 msgid "events"
 msgstr "Appointments"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextWidget
 # defaultMessage: Il testo supera la lunghezza consigliata
 msgid "exceeded_chars"
 msgstr ""
@@ -2352,7 +2304,7 @@ msgstr "OTHER TOPIC"
 msgid "other_arguments"
 msgstr "Ohter topics"
 
-#: components/ItaliaTheme/View/Commons/Metadata
+#: components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni
 # defaultMessage: Ulteriori informazioni
 msgid "other_info"
 msgstr "Further information"
@@ -2993,7 +2945,7 @@ msgid "select_risultato"
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCosE
-# defaultMessage: Cos'è
+# defaultMessage: Descrizione
 msgid "service_cos_e"
 msgstr ""
 
@@ -3002,12 +2954,12 @@ msgstr ""
 msgid "service_not_active"
 msgstr "The service is not active"
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
-# defaultMessage: Servizio non attivo
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
+# defaultMessage: Servizio chiuso
 msgid "service_off"
 msgstr "Service not available"
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
 # defaultMessage: Servizio attivo
 msgid "service_on"
 msgstr "Service available"
@@ -3028,6 +2980,47 @@ msgstr "Related services"
 msgid "servizi_offerti"
 msgstr "Services"
 
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Accedi al servizio
+msgid "servizio_canale_digitale"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Richiedi iscrizione online
+msgid "servizio_canale_digitale_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioComeFare
+# defaultMessage: Come fare
+msgid "servizio_come_fare"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Condizioni di servizio
+msgid "servizio_condizioni"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Termini e condizioni di servizio
+msgid "servizio_condizioni_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Per conoscere i dettagli di scadenze, requisiti e altre informazioni importanti, leggi i termini e le condizioni di servizio.
+msgid "servizio_condizioni_text"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene
+# defaultMessage: Cosa si ottiene
+msgid "servizio_cosa_si_ottiene"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Prenota appuntamento
+msgid "servizio_prenota_appuntamento"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Vai alle altre opzioni di ricerca
 msgid "setMoreSearchOptions"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 8e670230a..b53d06973 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -169,22 +169,8 @@ msgstr "Contenu"
 msgid "Date aggiuntive"
 msgstr "Dates supplémentaires"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Default
-msgid "Default"
-msgstr ""
-
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Delete
-msgid "Delete"
-msgstr ""
-
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Descrizione...
 msgid "Description"
 msgstr ""
@@ -462,12 +448,6 @@ msgstr "Début"
 msgid "Previous page"
 msgstr "Page précédente"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Required
-msgid "Required"
-msgstr ""
-
 #: components/ItaliaTheme/manage/Widgets/FileWidget
 # defaultMessage: Rimuovi il file
 msgid "Rimuovi il file"
@@ -529,12 +509,6 @@ msgstr "Sélectionner un fichier"
 msgid "Seleziona un'icona"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Short Name
-msgid "Short Name"
-msgstr ""
-
 #: components/ItaliaTheme/Search/SearchCTs
 #: components/ItaliaTheme/Search/SearchTopics
 # defaultMessage: Mostra tutto
@@ -576,8 +550,6 @@ msgstr "Merci."
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Titolo...
 msgid "Title"
 msgstr ""
@@ -652,12 +624,6 @@ msgstr "Non autorisé"
 msgid "Unknown Block"
 msgstr "Bloc inconnu"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Used for programmatic access to the fieldset.
-msgid "Used for programmatic access to the fieldset."
-msgstr ""
-
 #: components/ItaliaTheme/Footer/FooterInfos
 #: components/ItaliaTheme/Footer/FooterNavigation
 #: components/ItaliaTheme/Footer/FooterSmall
@@ -712,7 +678,7 @@ msgid "You are trying to access a protected resource, please {login} first."
 msgstr "Vous essayez d'accéder à une ressource protégée, veuillez d'abord {login}."
 
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
-# defaultMessage: A chi si rivolge
+# defaultMessage: A chi è rivolto
 msgid "a_chi_si_rivolge"
 msgstr "A qui il est adressé"
 
@@ -857,11 +823,6 @@ msgstr ""
 msgid "atto_nomina"
 msgstr "Acte de nomination"
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Metodi di autenticazione al servizio
-msgid "autenticazione"
-msgstr "Authentification"
-
 #: config/Blocks/ListingOptions/sliderTemplate
 # defaultMessage: Autoplay
 msgid "autoplay"
@@ -1249,12 +1210,7 @@ msgid "cosa_si_ottiene"
 msgstr "Qu'est ce que tu obtiens"
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi
-msgid "costi"
-msgstr "Coûts"
-
-#: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi e vincoli
+# defaultMessage: Quanto costa
 msgid "costi_e_vincoli"
 msgstr "Coûts et contraintes"
 
@@ -1680,11 +1636,6 @@ msgstr ""
 msgid "dove"
 msgstr "Où est-ce"
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Dove rivolgersi
-msgid "dove_rivolgersi"
-msgstr "Où contacter"
-
 #: components/ItaliaTheme/View/Commons/Actions
 # defaultMessage: Scarica
 msgid "download"
@@ -1852,7 +1803,8 @@ msgstr "Site Web de l'événement"
 msgid "events"
 msgstr "Rendez-vous"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextWidget
 # defaultMessage: Il testo supera la lunghezza consigliata
 msgid "exceeded_chars"
 msgstr ""
@@ -2369,7 +2321,7 @@ msgstr "AUTRES SUJETS"
 msgid "other_arguments"
 msgstr "Autres sujets"
 
-#: components/ItaliaTheme/View/Commons/Metadata
+#: components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni
 # defaultMessage: Ulteriori informazioni
 msgid "other_info"
 msgstr "Informations complémentaires"
@@ -3010,7 +2962,7 @@ msgid "select_risultato"
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCosE
-# defaultMessage: Cos'è
+# defaultMessage: Descrizione
 msgid "service_cos_e"
 msgstr ""
 
@@ -3019,12 +2971,12 @@ msgstr ""
 msgid "service_not_active"
 msgstr "Le service n'est pas actif"
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
-# defaultMessage: Servizio non attivo
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
+# defaultMessage: Servizio chiuso
 msgid "service_off"
 msgstr ""
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
 # defaultMessage: Servizio attivo
 msgid "service_on"
 msgstr ""
@@ -3045,6 +2997,47 @@ msgstr "Services associés"
 msgid "servizi_offerti"
 msgstr "Services"
 
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Accedi al servizio
+msgid "servizio_canale_digitale"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Richiedi iscrizione online
+msgid "servizio_canale_digitale_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioComeFare
+# defaultMessage: Come fare
+msgid "servizio_come_fare"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Condizioni di servizio
+msgid "servizio_condizioni"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Termini e condizioni di servizio
+msgid "servizio_condizioni_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Per conoscere i dettagli di scadenze, requisiti e altre informazioni importanti, leggi i termini e le condizioni di servizio.
+msgid "servizio_condizioni_text"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene
+# defaultMessage: Cosa si ottiene
+msgid "servizio_cosa_si_ottiene"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Prenota appuntamento
+msgid "servizio_prenota_appuntamento"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Vai alle altre opzioni di ricerca
 msgid "setMoreSearchOptions"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 7b5fcd3c5..d8747291c 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -152,22 +152,8 @@ msgstr "Contenuto"
 msgid "Date aggiuntive"
 msgstr "Date aggiuntive"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Default
-msgid "Default"
-msgstr "Default"
-
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Delete
-msgid "Delete"
-msgstr "Elimina"
-
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Descrizione...
 msgid "Description"
 msgstr "Descrizione"
@@ -445,12 +431,6 @@ msgstr "Play"
 msgid "Previous page"
 msgstr "Pagina precedente"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Required
-msgid "Required"
-msgstr "Required"
-
 #: components/ItaliaTheme/manage/Widgets/FileWidget
 # defaultMessage: Rimuovi il file
 msgid "Rimuovi il file"
@@ -512,12 +492,6 @@ msgstr "Seleziona un file"
 msgid "Seleziona un'icona"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Short Name
-msgid "Short Name"
-msgstr "Short Name"
-
 #: components/ItaliaTheme/Search/SearchCTs
 #: components/ItaliaTheme/Search/SearchTopics
 # defaultMessage: Mostra tutto
@@ -559,8 +533,6 @@ msgstr "Grazie."
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Titolo...
 msgid "Title"
 msgstr "Titolo"
@@ -635,12 +607,6 @@ msgstr "Non autorizzato"
 msgid "Unknown Block"
 msgstr "Blocco sconosciuto"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Used for programmatic access to the fieldset.
-msgid "Used for programmatic access to the fieldset."
-msgstr "Used for programmatic access to the fieldset."
-
 #: components/ItaliaTheme/Footer/FooterInfos
 #: components/ItaliaTheme/Footer/FooterNavigation
 #: components/ItaliaTheme/Footer/FooterSmall
@@ -695,9 +661,9 @@ msgid "You are trying to access a protected resource, please {login} first."
 msgstr "Stai provando ad accedere ad una risorsa protetta, per favore fai prima il {login}."
 
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
-# defaultMessage: A chi si rivolge
+# defaultMessage: A chi è rivolto
 msgid "a_chi_si_rivolge"
-msgstr "A chi si rivolge"
+msgstr "A chi è rivolto"
 
 #: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
 # defaultMessage: Accedere al servizio
@@ -840,11 +806,6 @@ msgstr "Atti e documenti a corredo dell'istanza"
 msgid "atto_nomina"
 msgstr "Atto di nomina"
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Metodi di autenticazione al servizio
-msgid "autenticazione"
-msgstr "Autenticazione"
-
 #: config/Blocks/ListingOptions/sliderTemplate
 # defaultMessage: Autoplay
 msgid "autoplay"
@@ -1232,14 +1193,9 @@ msgid "cosa_si_ottiene"
 msgstr "Cosa si ottiene"
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi
-msgid "costi"
-msgstr "Costi"
-
-#: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi e vincoli
+# defaultMessage: Quanto costa
 msgid "costi_e_vincoli"
-msgstr "Costi e vincoli"
+msgstr "Quanto costa"
 
 #: components/ItaliaTheme/Blocks/CountDown/Sidebar
 # defaultMessage: Posizione del contatore
@@ -1663,11 +1619,6 @@ msgstr "Fatto"
 msgid "dove"
 msgstr "Dove"
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Dove rivolgersi
-msgid "dove_rivolgersi"
-msgstr "Dove rivolgersi"
-
 #: components/ItaliaTheme/View/Commons/Actions
 # defaultMessage: Scarica
 msgid "download"
@@ -1835,7 +1786,8 @@ msgstr "Sito web dell'evento"
 msgid "events"
 msgstr "Appuntamenti"
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextWidget
 # defaultMessage: Il testo supera la lunghezza consigliata
 msgid "exceeded_chars"
 msgstr "Il testo supera la lunghezza consigliata"
@@ -2352,7 +2304,7 @@ msgstr "ALTRI ARGOMENTI"
 msgid "other_arguments"
 msgstr "Altri argomenti"
 
-#: components/ItaliaTheme/View/Commons/Metadata
+#: components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni
 # defaultMessage: Ulteriori informazioni
 msgid "other_info"
 msgstr "Ulteriori informazioni"
@@ -2993,24 +2945,24 @@ msgid "select_risultato"
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCosE
-# defaultMessage: Cos'è
+# defaultMessage: Descrizione
 msgid "service_cos_e"
-msgstr ""
+msgstr "Descrizione"
 
 #: components/ItaliaTheme/View/ServizioView/ServizioStato
 # defaultMessage: Il servizio non è attivo
 msgid "service_not_active"
 msgstr "Il servizio non è attivo"
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
-# defaultMessage: Servizio non attivo
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
+# defaultMessage: Servizio chiuso
 msgid "service_off"
-msgstr ""
+msgstr "Servizio chiuso"
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
 # defaultMessage: Servizio attivo
 msgid "service_on"
-msgstr ""
+msgstr "Servizio attivo"
 
 #: components/ItaliaTheme/View/Commons/RelatedItems
 # defaultMessage: Servizi
@@ -3028,6 +2980,47 @@ msgstr "Servizi collegati"
 msgid "servizi_offerti"
 msgstr "Servizi"
 
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Accedi al servizio
+msgid "servizio_canale_digitale"
+msgstr "Accedi al servizio"
+
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Richiedi iscrizione online
+msgid "servizio_canale_digitale_link"
+msgstr "Richiedi iscrizione online"
+
+#: components/ItaliaTheme/View/ServizioView/ServizioComeFare
+# defaultMessage: Come fare
+msgid "servizio_come_fare"
+msgstr "Come fare"
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Condizioni di servizio
+msgid "servizio_condizioni"
+msgstr "Condizioni di servizio"
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Termini e condizioni di servizio
+msgid "servizio_condizioni_link"
+msgstr "Termini e condizioni di servizio"
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Per conoscere i dettagli di scadenze, requisiti e altre informazioni importanti, leggi i termini e le condizioni di servizio.
+msgid "servizio_condizioni_text"
+msgstr "Per conoscere i dettagli di scadenze, requisiti e altre informazioni importanti, leggi i termini e le condizioni di servizio."
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene
+# defaultMessage: Cosa si ottiene
+msgid "servizio_cosa_si_ottiene"
+msgstr "Cosa si ottiene"
+
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Prenota appuntamento
+msgid "servizio_prenota_appuntamento"
+msgstr "Prenota appuntamento"
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Vai alle altre opzioni di ricerca
 msgid "setMoreSearchOptions"
diff --git a/locales/volto.pot b/locales/volto.pot
index e31973882..6e3018f92 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2022-12-30T12:02:53.163Z\n"
+"POT-Creation-Date: 2023-01-05T12:10:20.930Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -154,22 +154,8 @@ msgstr ""
 msgid "Date aggiuntive"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Default
-msgid "Default"
-msgstr ""
-
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Delete
-msgid "Delete"
-msgstr ""
-
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/NumbersBlock/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Descrizione...
 msgid "Description"
 msgstr ""
@@ -447,12 +433,6 @@ msgstr ""
 msgid "Previous page"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Required
-msgid "Required"
-msgstr ""
-
 #: components/ItaliaTheme/manage/Widgets/FileWidget
 # defaultMessage: Rimuovi il file
 msgid "Rimuovi il file"
@@ -514,12 +494,6 @@ msgstr ""
 msgid "Seleziona un'icona"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Short Name
-msgid "Short Name"
-msgstr ""
-
 #: components/ItaliaTheme/Search/SearchCTs
 #: components/ItaliaTheme/Search/SearchTopics
 # defaultMessage: Mostra tutto
@@ -561,8 +535,6 @@ msgstr ""
 #: components/ItaliaTheme/Blocks/ContactsBlock/Edit
 #: components/ItaliaTheme/Blocks/IconBlocks/Edit
 #: components/ItaliaTheme/Blocks/VideoGallery/Edit
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
 # defaultMessage: Titolo...
 msgid "Title"
 msgstr ""
@@ -637,12 +609,6 @@ msgstr ""
 msgid "Unknown Block"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
-#: components/ItaliaTheme/manage/Widgets/TinymceWidget
-# defaultMessage: Used for programmatic access to the fieldset.
-msgid "Used for programmatic access to the fieldset."
-msgstr ""
-
 #: components/ItaliaTheme/Footer/FooterInfos
 #: components/ItaliaTheme/Footer/FooterNavigation
 #: components/ItaliaTheme/Footer/FooterSmall
@@ -697,7 +663,7 @@ msgid "You are trying to access a protected resource, please {login} first."
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge
-# defaultMessage: A chi si rivolge
+# defaultMessage: A chi è rivolto
 msgid "a_chi_si_rivolge"
 msgstr ""
 
@@ -842,11 +808,6 @@ msgstr ""
 msgid "atto_nomina"
 msgstr ""
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Metodi di autenticazione al servizio
-msgid "autenticazione"
-msgstr ""
-
 #: config/Blocks/ListingOptions/sliderTemplate
 # defaultMessage: Autoplay
 msgid "autoplay"
@@ -1234,12 +1195,7 @@ msgid "cosa_si_ottiene"
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi
-msgid "costi"
-msgstr ""
-
-#: components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli
-# defaultMessage: Costi e vincoli
+# defaultMessage: Quanto costa
 msgid "costi_e_vincoli"
 msgstr ""
 
@@ -1665,11 +1621,6 @@ msgstr ""
 msgid "dove"
 msgstr ""
 
-#: components/ItaliaTheme/View/ServizioView/ServizioComeAccedere
-# defaultMessage: Dove rivolgersi
-msgid "dove_rivolgersi"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Actions
 # defaultMessage: Scarica
 msgid "download"
@@ -1837,7 +1788,8 @@ msgstr ""
 msgid "events"
 msgstr ""
 
-#: components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget
+#: components/ItaliaTheme/manage/Widgets/CharCounterTextWidget
 # defaultMessage: Il testo supera la lunghezza consigliata
 msgid "exceeded_chars"
 msgstr ""
@@ -2354,7 +2306,7 @@ msgstr ""
 msgid "other_arguments"
 msgstr ""
 
-#: components/ItaliaTheme/View/Commons/Metadata
+#: components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni
 # defaultMessage: Ulteriori informazioni
 msgid "other_info"
 msgstr ""
@@ -2995,7 +2947,7 @@ msgid "select_risultato"
 msgstr ""
 
 #: components/ItaliaTheme/View/ServizioView/ServizioCosE
-# defaultMessage: Cos'è
+# defaultMessage: Descrizione
 msgid "service_cos_e"
 msgstr ""
 
@@ -3004,12 +2956,12 @@ msgstr ""
 msgid "service_not_active"
 msgstr ""
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
-# defaultMessage: Servizio non attivo
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
+# defaultMessage: Servizio chiuso
 msgid "service_off"
 msgstr ""
 
-#: components/ItaliaTheme/View/Commons/PageHeader/PageHeader
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio
 # defaultMessage: Servizio attivo
 msgid "service_on"
 msgstr ""
@@ -3030,6 +2982,47 @@ msgstr ""
 msgid "servizi_offerti"
 msgstr ""
 
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Accedi al servizio
+msgid "servizio_canale_digitale"
+msgstr ""
+
+#: components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Richiedi iscrizione online
+msgid "servizio_canale_digitale_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioComeFare
+# defaultMessage: Come fare
+msgid "servizio_come_fare"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Condizioni di servizio
+msgid "servizio_condizioni"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Termini e condizioni di servizio
+msgid "servizio_condizioni_link"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCondizioni
+# defaultMessage: Per conoscere i dettagli di scadenze, requisiti e altre informazioni importanti, leggi i termini e le condizioni di servizio.
+msgid "servizio_condizioni_text"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene
+# defaultMessage: Cosa si ottiene
+msgid "servizio_cosa_si_ottiene"
+msgstr ""
+
+#: components/ItaliaTheme/View/ServizioView/ServizioAccedi
+# defaultMessage: Prenota appuntamento
+msgid "servizio_prenota_appuntamento"
+msgstr ""
+
 #: components/ItaliaTheme/Header/HeaderSearch/SearchModal
 # defaultMessage: Vai alle altre opzioni di ricerca
 msgid "setMoreSearchOptions"
diff --git a/src/components/ItaliaTheme/View/Commons/Attachments.jsx b/src/components/ItaliaTheme/View/Commons/Attachments.jsx
index 806cea96a..e6dd872d8 100644
--- a/src/components/ItaliaTheme/View/Commons/Attachments.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Attachments.jsx
@@ -26,7 +26,7 @@ const Attachments = ({
   folder_name,
   items,
   title,
-  as_article = true,
+  as_section = true,
   article_id = folder_name,
 }) => {
   const intl = useIntl();
@@ -97,17 +97,17 @@ const Attachments = ({
     </div>
   );
 
-  return !hasChildren ? null : as_article ? (
-    <article id={article_id} className="it-page-section anchor-offset mt-5">
+  return !hasChildren ? null : as_section ? (
+    <section id={article_id} className="it-page-section mb-5">
       {title ? (
-        <h4 id={`header-${article_id}`}>{title}</h4>
+        <h2 id={`header-${article_id}`}>{title}</h2>
       ) : (
-        <h4 id={`header-${article_id}`}>
+        <h2 id={`header-${article_id}`}>
           {intl.formatMessage(messages.attachments)}
-        </h4>
+        </h2>
       )}
       {attachments.length > 0 && attachments_view}
-    </article>
+    </section>
   ) : (
     <div className="mb-5 mt-3">
       {title && <h5>{title}</h5>}
diff --git a/src/components/ItaliaTheme/View/Commons/Metadata.jsx b/src/components/ItaliaTheme/View/Commons/Metadata.jsx
index 8534a2ef0..1c80916b0 100644
--- a/src/components/ItaliaTheme/View/Commons/Metadata.jsx
+++ b/src/components/ItaliaTheme/View/Commons/Metadata.jsx
@@ -7,10 +7,6 @@ import PropTypes from 'prop-types';
 import { viewDate } from 'design-comuni-plone-theme/helpers';
 
 const messages = defineMessages({
-  other_info: {
-    id: 'other_info',
-    defaultMessage: 'Ulteriori informazioni',
-  },
   modified: {
     id: 'modified',
     defaultMessage: 'Ultimo aggiornamento',
@@ -42,13 +38,13 @@ const Metadata = ({
   const intl = useIntl();
 
   return (
-    <article
+    <section
       id="metadata"
-      className={cx('it-page-section', 'anchor-offset', { 'mt-5': !noMargin })}
+      className={cx('it-page-section', { 'mb-5': !noMargin })}
     >
-      {showSectionTitle && (
+      {showSectionTitle && title && (
         <h4 id="header-metadata" className="mb-3">
-          {title || intl.formatMessage(messages.other_info)}
+          {title}
         </h4>
       )}
       {children}
@@ -86,7 +82,7 @@ const Metadata = ({
           ))}
         </>
       )}
-    </article>
+    </section>
   );
 };
 
diff --git a/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeader.jsx b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeader.jsx
index 2b56d0e37..2335e0146 100644
--- a/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeader.jsx
+++ b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeader.jsx
@@ -1,5 +1,4 @@
 import cx from 'classnames';
-import { Chip, ChipLabel } from 'design-react-kit';
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
@@ -15,6 +14,8 @@ import {
   PageHeaderExtend,
   PageHeaderNewsItem,
   PageHeaderPersona,
+  PageHeaderStatoServizio,
+  PageHeaderLinkServizio,
   PageHeaderTassonomiaArgomenti,
   Sharing,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
@@ -35,14 +36,6 @@ const messages = defineMessages({
     id: 'minutes',
     defaultMessage: 'min',
   },
-  service_on: {
-    id: 'service_on',
-    defaultMessage: 'Servizio attivo',
-  },
-  service_off: {
-    id: 'service_off',
-    defaultMessage: 'Servizio non attivo',
-  },
 });
 
 const PageHeader = (props) => {
@@ -60,38 +53,30 @@ const PageHeader = (props) => {
           {(props.content.icon || props.content.icona) && (
             <ArgumentIcon icon={props.content.icon || props.content.icona} />
           )}
-          <h1 data-element="service-title">
+          <h1
+            data-element={
+              props.content['@type'] === 'Servizio'
+                ? 'service-title'
+                : undefined
+            }
+          >
             {props.content.title}
             {props.content.subtitle && ` - ${props.content.subtitle}`}
             {props.content.sottotitolo && ` - ${props.content.sottotitolo}`}
           </h1>
 
           <PageHeaderEventDates content={props.content} />
-          {props.content['@type'] === 'Servizio' && (
-            <ul className="chip-wrapper list-unstyled my-4">
-              <li>
-                {props.content.stato_servizio !== null && (
-                  <Chip
-                    tag="div"
-                    simple
-                    color="primary"
-                    data-element="service-status"
-                  >
-                    <ChipLabel>
-                      {props.content.stato_servizio
-                        ? intl.formatMessage(messages.service_on)
-                        : intl.formatMessage(messages.service_off)}
-                    </ChipLabel>
-                  </Chip>
-                )}
-              </li>
-            </ul>
-          )}
+
+          <PageHeaderStatoServizio content={props.content} />
 
           {props.content.description && (
             <p
               className="documentDescription"
-              data-element="service-description"
+              data-element={
+                props.content['@type'] === 'Servizio'
+                  ? 'service-description'
+                  : undefined
+              }
             >
               {props.content.description}
             </p>
@@ -103,6 +88,8 @@ const PageHeader = (props) => {
 
           <PageHeaderNewsItem content={props.content} />
 
+          <PageHeaderLinkServizio content={props.content} />
+
           <PageHeaderExtend {...props} />
 
           {(props.showreadingtime || props.showdates) && (
diff --git a/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio.jsx b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio.jsx
new file mode 100644
index 000000000..a7d51a38d
--- /dev/null
+++ b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio.jsx
@@ -0,0 +1,29 @@
+import { defineMessages, useIntl } from 'react-intl';
+import { UniversalLink } from '@plone/volto/components';
+
+const PageHeaderLinkServizio = ({ content }) => {
+  const intl = useIntl();
+
+  return (
+    content['@type'] === 'Servizio' &&
+    content.canale_digitale_link &&
+    !content.stato_servizio && (
+      <div className="font-serif mb-4">
+        <p className="draftjs-buttons">
+          <UniversalLink href={content.canale_digitale_link}>
+            {intl.formatMessage(messages.canale_digitale_link)}
+          </UniversalLink>
+        </p>
+      </div>
+    )
+  );
+};
+
+export default PageHeaderLinkServizio;
+
+const messages = defineMessages({
+  canale_digitale_link: {
+    id: 'servizio_canale_digitale_link',
+    defaultMessage: 'Richiedi iscrizione online',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio.jsx b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio.jsx
new file mode 100644
index 000000000..24567e2df
--- /dev/null
+++ b/src/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio.jsx
@@ -0,0 +1,40 @@
+import { defineMessages, useIntl } from 'react-intl';
+import { Chip, ChipLabel } from 'design-react-kit';
+
+const PageHeaderServizio = ({ content }) => {
+  const intl = useIntl();
+
+  return content['@type'] === 'Servizio' ? (
+    <ul className="chip-wrapper list-unstyled my-4">
+      <li>
+        {content.stato_servizio !== null && (
+          <Chip
+            tag="div"
+            simple
+            color={content.stato_servizio ? 'danger' : 'primary'}
+            data-element="service-status"
+          >
+            <ChipLabel>
+              {content.stato_servizio
+                ? intl.formatMessage(messages.service_off)
+                : intl.formatMessage(messages.service_on)}
+            </ChipLabel>
+          </Chip>
+        )}
+      </li>
+    </ul>
+  ) : null;
+};
+
+export default PageHeaderServizio;
+
+const messages = defineMessages({
+  service_on: {
+    id: 'service_on',
+    defaultMessage: 'Servizio attivo',
+  },
+  service_off: {
+    id: 'service_off',
+    defaultMessage: 'Servizio chiuso',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/Commons/RichText.jsx b/src/components/ItaliaTheme/View/Commons/RichText.jsx
index a5e9ec55d..01a037169 100644
--- a/src/components/ItaliaTheme/View/Commons/RichText.jsx
+++ b/src/components/ItaliaTheme/View/Commons/RichText.jsx
@@ -1,5 +1,5 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import cx from 'classnames';
 import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 /**
  * RichText view component class.
@@ -9,7 +9,7 @@ import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme
  */
 const RichText = ({
   title,
-  title_size,
+  title_size = 'h5',
   content,
   add_class,
   children,
@@ -21,14 +21,19 @@ const RichText = ({
     serif: serif,
   });
 
-  return content_to_display || children ? (
+  const Tag = title_size;
+
+  return content_to_display || children || title ? (
     <>
-      {title &&
-        (title_size === 'h6' ? (
-          <h6 className="fw-bold mt-4">{title}</h6>
-        ) : (
-          <h5 className="mt-4">{title}</h5>
-        ))}
+      {title && (
+        <Tag
+          className={cx('mt-4', {
+            'fw-bold': title_size === 'h6',
+          })}
+        >
+          {title}
+        </Tag>
+      )}
       {content_to_display}
       {children}
     </>
@@ -38,7 +43,8 @@ export default RichText;
 
 RichText.propTypes = {
   title: PropTypes.string,
+  title_size: PropTypes.oneOf(['h2', 'h3', 'h4', 'h5', 'h6']),
   content: PropTypes.object,
   add_class: PropTypes.string,
-  title_size: PropTypes.string,
+  serif: PropTypes.bool,
 };
diff --git a/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx b/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
new file mode 100644
index 000000000..5da2cecff
--- /dev/null
+++ b/src/components/ItaliaTheme/View/Commons/RichTextSection.jsx
@@ -0,0 +1,65 @@
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { RichTextRender } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const RichTextSection = ({
+  title,
+  title_tag = 'h2',
+  show_title = true,
+  content,
+  tag_id,
+  add_class,
+  anchorOffset,
+  hasBg,
+  p,
+  children,
+}) => {
+  const content_to_display = RichTextRender({
+    content,
+    add_class,
+    serif: true,
+  });
+
+  const Tag = title_tag;
+  const padding = `p-${p}`;
+
+  return content_to_display || children ? (
+    <section
+      id={tag_id}
+      className={cx('it-page-section mb-5', {
+        'anchor-offset': anchorOffset,
+        'bg-primary': hasBg,
+        [padding]: p,
+      })}
+      menu_title={title ? title : ''}
+      style={{
+        '--bs-bg-opacity': hasBg ? '.05' : undefined,
+      }}
+    >
+      {title && (
+        <Tag
+          id={title_tag === 'h2' ? `header-${tag_id}` : undefined}
+          className={cx('mb-3', {
+            'sr-only': !show_title,
+          })}
+        >
+          {title}
+        </Tag>
+      )}
+      {content_to_display}
+      {children}
+    </section>
+  ) : null;
+};
+export default RichTextSection;
+
+RichTextSection.propTypes = {
+  title: PropTypes.string,
+  title_tag: PropTypes.oneOf(['h2', 'h3', 'h4', 'h5', 'h6']),
+  content: PropTypes.object,
+  tag_id: PropTypes.string,
+  add_class: PropTypes.string,
+  anchorOffset: PropTypes.bool,
+  hasBg: PropTypes.bool,
+  p: PropTypes.oneOf(['1', '2', '3', '4', '5']),
+};
diff --git a/src/components/ItaliaTheme/View/PersonaView/PersonaDocumenti.jsx b/src/components/ItaliaTheme/View/PersonaView/PersonaDocumenti.jsx
index 7aceb7578..4e4764b1d 100644
--- a/src/components/ItaliaTheme/View/PersonaView/PersonaDocumenti.jsx
+++ b/src/components/ItaliaTheme/View/PersonaView/PersonaDocumenti.jsx
@@ -90,7 +90,7 @@ const PersonaDocumenti = ({ content }) => {
             <Attachments
               content={content}
               folder_name={'curriculum-vitae'}
-              as_article={false}
+              as_section={false}
             />
           )}
         </div>
@@ -100,21 +100,21 @@ const PersonaDocumenti = ({ content }) => {
         content={content}
         folder_name={'compensi'}
         title={intl.formatMessage(messages.compensi)}
-        as_article={false}
+        as_section={false}
       />
 
       <Attachments
         content={content}
         folder_name={'importi-di-viaggio-e-o-servizi'}
         title={intl.formatMessage(messages.importi_di_viaggio_e_o_servizi)}
-        as_article={false}
+        as_section={false}
       />
 
       <Attachments
         content={content}
         folder_name={'altre-cariche'}
         title={intl.formatMessage(messages.altre_cariche)}
-        as_article={false}
+        as_section={false}
       />
 
       {content.atto_nomina?.download && (
@@ -133,28 +133,28 @@ const PersonaDocumenti = ({ content }) => {
         content={content}
         folder_name={'situazione-patrimoniale'}
         title={intl.formatMessage(messages.situazione_patrimoniale)}
-        as_article={false}
+        as_section={false}
       />
 
       <Attachments
         content={content}
         folder_name={'dichiarazione-dei-redditi'}
         title={intl.formatMessage(messages.dichiarazione_dei_redditi)}
-        as_article={false}
+        as_section={false}
       />
 
       <Attachments
         content={content}
         folder_name={'spese-elettorali'}
         title={intl.formatMessage(messages.spese_elettorali)}
-        as_article={false}
+        as_section={false}
       />
 
       <Attachments
         content={content}
         folder_name={'variazione-situazione-patrimoniale'}
         title={intl.formatMessage(messages.variazione_situazione_patrimoniale)}
-        as_article={false}
+        as_section={false}
       />
     </RichTextArticle>
   ) : (
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
index b678979ed..8cba4e188 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge.jsx
@@ -4,14 +4,14 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import {
   RichText,
-  RichTextArticle,
+  RichTextSection,
   richTextHasContent,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
   a_chi_si_rivolge: {
     id: 'a_chi_si_rivolge',
-    defaultMessage: 'A chi si rivolge',
+    defaultMessage: 'A chi è rivolto',
   },
   chi_puo_presentare: {
     id: 'chi_puo_presentare',
@@ -28,24 +28,23 @@ const ServizioAChiSiRivolge = ({ content }) => {
   return richTextHasContent(content.a_chi_si_rivolge) ||
     richTextHasContent(content.chi_puo_presentare) ||
     richTextHasContent(content.copertura_geografica) ? (
-    <RichTextArticle
+    <RichTextSection
       content={content.a_chi_si_rivolge}
-      tag_id={'text-a_chi_si_rivolge'}
-      field="a_chi_si_rivolge,chi_puo_presentare,copertura_geografica"
+      tag_id="who-needs"
       title={intl.formatMessage(messages.a_chi_si_rivolge)}
     >
       <RichText
         title={intl.formatMessage(messages.chi_puo_presentare)}
-        title_size="h5"
+        title_size="h3"
         content={content.chi_puo_presentare}
       />
 
       <RichText
         title={intl.formatMessage(messages.copertura_geografica)}
-        title_size="h5"
+        title_size="h3"
         content={content.copertura_geografica}
       />
-    </RichTextArticle>
+    </RichTextSection>
   ) : (
     <></>
   );
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
new file mode 100644
index 000000000..995214985
--- /dev/null
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioAccedi.jsx
@@ -0,0 +1,58 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import { UniversalLink } from '@plone/volto/components';
+import {
+  RichText,
+  RichTextSection,
+  richTextHasContent,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const ServizioAccedi = ({ content }) => {
+  const intl = useIntl();
+
+  return richTextHasContent(content.canale_digitale) ||
+    content.canale_digitale_link ||
+    richTextHasContent(content.prenota_appuntamento) ? (
+    <RichTextSection
+      content={content.canale_digitale}
+      tag_id="submit-request"
+      title={intl.formatMessage(messages.canale_digitale)}
+      hasBg
+      p="4"
+    >
+      {content.canale_digitale_link && (
+        <div className="font-serif mb-4">
+          <p className="draftjs-buttons">
+            <UniversalLink href={content.canale_digitale_link}>
+              {intl.formatMessage(messages.canale_digitale_link)}
+            </UniversalLink>
+          </p>
+        </div>
+      )}
+      <RichText content={content.prenota_appuntamento} />
+    </RichTextSection>
+  ) : null;
+};
+
+ServizioAccedi.propTypes = {
+  content: PropTypes.shape({
+    canale_digitale: PropTypes.object,
+  }),
+};
+
+export default ServizioAccedi;
+
+const messages = defineMessages({
+  canale_digitale: {
+    id: 'servizio_canale_digitale',
+    defaultMessage: 'Accedi al servizio',
+  },
+  canale_digitale_link: {
+    id: 'servizio_canale_digitale_link',
+    defaultMessage: 'Richiedi iscrizione online',
+  },
+  prenota_appuntamento: {
+    id: 'servizio_prenota_appuntamento',
+    defaultMessage: 'Prenota appuntamento',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioAltriDocumenti.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioAltriDocumenti.jsx
index b909f5f81..31ad4e148 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioAltriDocumenti.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioAltriDocumenti.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
 import {
-  RichTextArticle,
+  RichTextSection,
   GenericCard,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -16,8 +16,9 @@ const messages = defineMessages({
 
 const ServizioAltriDocumenti = ({ content }) => {
   const intl = useIntl();
+
   return content.altri_documenti?.length > 0 ? (
-    <RichTextArticle
+    <RichTextSection
       tag_id="altri_documenti_items"
       title={intl.formatMessage(messages.altri_documenti)}
     >
@@ -31,10 +32,8 @@ const ServizioAltriDocumenti = ({ content }) => {
           />
         ))}
       </div>
-    </RichTextArticle>
-  ) : (
-    <></>
-  );
+    </RichTextSection>
+  ) : null;
 };
 
 ServizioAltriDocumenti.propTypes = {
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCasiParticolari.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCasiParticolari.jsx
index 5729849bd..39b46d0ba 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioCasiParticolari.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCasiParticolari.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { RichTextArticle } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
   casi_particolari: {
@@ -14,7 +14,7 @@ const messages = defineMessages({
 const ServizioCasiParticolari = ({ content }) => {
   const intl = useIntl();
   return (
-    <RichTextArticle
+    <RichTextSection
       content={content.casi_particolari}
       tag_id={'text-casi_particolari'}
       title={intl.formatMessage(messages.casi_particolari)}
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioComeAccedere.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioComeAccedere.jsx
deleted file mode 100644
index 080ee770f..000000000
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioComeAccedere.jsx
+++ /dev/null
@@ -1,155 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { defineMessages, useIntl } from 'react-intl';
-
-import {
-  RichText,
-  RichTextArticle,
-  richTextHasContent,
-  Locations,
-} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
-
-const messages = defineMessages({
-  accedere_al_servizio: {
-    id: 'accedere_al_servizio',
-    defaultMessage: 'Accedere al servizio',
-  },
-  come_si_fa: {
-    id: 'come_si_fa',
-    defaultMessage: 'Come si fa',
-  },
-  cosa_si_ottiene: {
-    id: 'cosa_si_ottiene',
-    defaultMessage: 'Cosa si ottiene',
-  },
-  procedure_collegate: {
-    id: 'procedure_collegate',
-    defaultMessage: "Procedure collegate all'esito",
-  },
-  canale_digitale: {
-    id: 'canale_digitale',
-    defaultMessage: 'Canale digitale',
-  },
-  autenticazione: {
-    id: 'autenticazione',
-    defaultMessage: 'Metodi di autenticazione al servizio',
-  },
-  dove_rivolgersi: {
-    id: 'dove_rivolgersi',
-    defaultMessage: 'Dove rivolgersi',
-  },
-});
-
-const ServizioComeAccedere = ({ content }) => {
-  const intl = useIntl();
-  return richTextHasContent(content.come_si_fa) ||
-    richTextHasContent(content.cosa_si_ottiene) ||
-    richTextHasContent(content.procedure_collegate) ||
-    richTextHasContent(content.canale_digitale) ||
-    richTextHasContent(content.autenticazione) ||
-    richTextHasContent(content.prenota_appuntamento) ||
-    content.dove_rivolgersi?.length > 0 ||
-    richTextHasContent(content.dove_rivolgersi_extra) ? (
-    <RichTextArticle
-      title={intl.formatMessage(messages.accedere_al_servizio)}
-      tag_id="accedere_al_servizio"
-    >
-      <RichText
-        content={content.come_si_fa}
-        title={intl.formatMessage(messages.come_si_fa)}
-      />
-
-      <RichText
-        content={content.cosa_si_ottiene}
-        title={intl.formatMessage(messages.cosa_si_ottiene)}
-      />
-
-      <RichText
-        content={content.procedure_collegate}
-        title={intl.formatMessage(messages.procedure_collegate)}
-      />
-
-      <RichText
-        content={content.canale_digitale}
-        title={intl.formatMessage(messages.canale_digitale)}
-      />
-
-      {!richTextHasContent(content.canale_digitale) &&
-        richTextHasContent(content.autenticazione) && (
-          <h5 className="mt-4">
-            {intl.formatMessage(messages.canale_digitale)}
-          </h5>
-        )}
-
-      <RichText
-        content={content.autenticazione}
-        title={intl.formatMessage(messages.autenticazione)}
-        title_size="h6"
-      />
-
-      {(content.dove_rivolgersi?.length > 0 ||
-        richTextHasContent(content.dove_rivolgersi_extra) ||
-        richTextHasContent(content.prenota_appuntamento)) && (
-        <RichText title={intl.formatMessage(messages.dove_rivolgersi)}>
-          <RichText content={content.prenota_appuntamento} />
-
-          {content.dove_rivolgersi?.length > 0 && (
-            <>
-              {content?.dove_rivolgersi?.length > 0 ||
-              content?.nome_sede > 0 ||
-              content?.street > 0 ||
-              (content?.geolocation?.latitude &&
-                content?.geolocation?.longitude) ||
-              content?.zip_code ||
-              content?.city ||
-              content?.quartiere ||
-              content?.circoscrizione ||
-              content?.country ? (
-                <Locations
-                  content={content}
-                  locations={content?.dove_rivolgersi ?? []}
-                  show_icon={false}
-                  show_title_link={true}
-                  details_link={false}
-                />
-              ) : (
-                <></>
-              )}
-            </>
-          )}
-
-          <RichText content={content.dove_rivolgersi_extra} />
-        </RichText>
-      )}
-    </RichTextArticle>
-  ) : (
-    <></>
-  );
-};
-
-ServizioComeAccedere.propTypes = {
-  content: PropTypes.shape({
-    come_si_fa: PropTypes.shape({
-      data: PropTypes.string,
-    }),
-    cosa_si_ottiene: PropTypes.shape({
-      data: PropTypes.string,
-    }),
-    procedure_collegate: PropTypes.shape({
-      data: PropTypes.string,
-    }),
-    canale_digitale: PropTypes.shape({
-      data: PropTypes.string,
-    }),
-    autenticazione: PropTypes.shape({
-      data: PropTypes.string,
-    }),
-    dove_rivolgersi_extra: PropTypes.shape({
-      data: PropTypes.string,
-    }),
-    prenota_appuntamento: PropTypes.shape({
-      data: PropTypes.string,
-    }),
-  }),
-};
-export default ServizioComeAccedere;
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioComeFare.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioComeFare.jsx
new file mode 100644
index 000000000..e091068bb
--- /dev/null
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioComeFare.jsx
@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+
+import {
+  RichTextSection,
+  richTextHasContent,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const ServizioComeFare = ({ content }) => {
+  const intl = useIntl();
+
+  return richTextHasContent(content.come_si_fa) ? (
+    <RichTextSection
+      content={content.come_si_fa}
+      tag_id="how-to"
+      title={intl.formatMessage(messages.come_fare)}
+      show_title={true}
+    />
+  ) : null;
+};
+
+ServizioComeFare.propTypes = {
+  content: PropTypes.shape({
+    come_si_fa: PropTypes.object,
+  }),
+};
+
+export default ServizioComeFare;
+
+const messages = defineMessages({
+  come_fare: {
+    id: 'servizio_come_fare',
+    defaultMessage: 'Come fare',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCondizioni.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCondizioni.jsx
new file mode 100644
index 000000000..b04b65c42
--- /dev/null
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCondizioni.jsx
@@ -0,0 +1,69 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+import prettybytes from 'pretty-bytes';
+
+import { UniversalLink } from '@plone/volto/components';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import { getFileViewFormat } from 'design-comuni-plone-theme/helpers';
+
+const ServizioCondizioni = ({ content }) => {
+  const intl = useIntl();
+
+  let label;
+
+  if (content.condizioni_di_servizio) {
+    const viewFormat = getFileViewFormat(content.condizioni_di_servizio);
+    label = viewFormat?.label;
+  }
+
+  return content.condizioni_di_servizio ? (
+    <RichTextSection
+      tag_id="conditions"
+      title={intl.formatMessage(messages.condizioni)}
+    >
+      <p>{intl.formatMessage(messages.condizioni_text)}</p>
+      <div>
+        <UniversalLink
+          href={content.condizioni_di_servizio.download}
+          className="list-item icon-left d-inline-block"
+        >
+          <span className="list-item-title-icon-wrapper">
+            <Icon icon="it-clip" className="icon-primary me-1" />
+            {intl.formatMessage(messages.condizioni_link)} (
+            {label ? <span className="text-uppercase">{label} </span> : ''}
+            <span className="list-item">
+              {prettybytes(content.condizioni_di_servizio.size)})
+            </span>
+          </span>
+        </UniversalLink>
+      </div>
+    </RichTextSection>
+  ) : null;
+};
+
+ServizioCondizioni.propTypes = {
+  content: PropTypes.shape({
+    condizioni_di_servizio: PropTypes.shape({
+      data: PropTypes.string,
+    }),
+  }),
+};
+
+export default ServizioCondizioni;
+
+const messages = defineMessages({
+  condizioni: {
+    id: 'servizio_condizioni',
+    defaultMessage: 'Condizioni di servizio',
+  },
+  condizioni_text: {
+    id: 'servizio_condizioni_text',
+    defaultMessage:
+      'Per conoscere i dettagli di scadenze, requisiti e altre informazioni importanti, leggi i termini e le condizioni di servizio.',
+  },
+  condizioni_link: {
+    id: 'servizio_condizioni_link',
+    defaultMessage: 'Termini e condizioni di servizio',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioContatti.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioContatti.jsx
index 81c534076..b2ef8da13 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioContatti.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioContatti.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
 import {
-  RichTextArticle,
+  RichTextSection,
   OfficeCard,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -17,7 +17,7 @@ const messages = defineMessages({
 const ServizioContatti = ({ content }) => {
   const intl = useIntl();
   return content.ufficio_responsabile?.length > 0 || content.area.length > 0 ? (
-    <RichTextArticle
+    <RichTextSection
       tag_id="contatti"
       title={intl.formatMessage(messages.contatti)}
     >
@@ -37,10 +37,8 @@ const ServizioContatti = ({ content }) => {
           </>
         )}
       </div>
-    </RichTextArticle>
-  ) : (
-    <></>
-  );
+    </RichTextSection>
+  ) : null;
 };
 
 ServizioContatti.propTypes = {
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCorrelati.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCorrelati.jsx
index c74ca2208..b8ca3e145 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioCorrelati.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCorrelati.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
 import {
-  RichTextArticle,
+  RichTextSection,
   GenericCard,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -26,7 +26,7 @@ const ServizioCorrelati = ({ content }) => {
   return content.servizi_collegati?.length > 0 ||
     /*content.related_news?.length > 0 ||*/
     content.relatedItems?.length > 0 ? (
-    <RichTextArticle
+    <RichTextSection
       tag_id="correlati"
       title={intl.formatMessage(messages.related_items)}
     >
@@ -70,10 +70,8 @@ const ServizioCorrelati = ({ content }) => {
           </div>
         </div>
       )}
-    </RichTextArticle>
-  ) : (
-    <></>
-  );
+    </RichTextSection>
+  ) : null;
 };
 
 export default ServizioCorrelati;
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCosE.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCosE.jsx
index 24fe9cfbd..2466b6e41 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioCosE.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCosE.jsx
@@ -2,24 +2,23 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { RichTextArticle } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
   cos_e: {
     id: 'service_cos_e',
-    defaultMessage: "Cos'è",
+    defaultMessage: 'Descrizione',
   },
 });
 
 const ServizioCosE = ({ content }) => {
   const intl = useIntl();
   return (
-    <RichTextArticle
+    <RichTextSection
       content={content.descrizione_estesa}
-      tag_id={'text-body'}
-      field="cos_e"
+      tag_id="description"
       title={intl.formatMessage(messages.cos_e)}
-      show_title={false}
+      show_title={true}
     />
   );
 };
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCosaServe.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCosaServe.jsx
index 9f4847fe0..274996076 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioCosaServe.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCosaServe.jsx
@@ -1,11 +1,9 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
 import {
-  RichTextArticle,
+  RichTextSection,
   richTextHasContent,
-  HelpBox,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
@@ -18,16 +16,14 @@ const messages = defineMessages({
 const ServizioCosaServe = ({ content }) => {
   const intl = useIntl();
   return richTextHasContent(content.cosa_serve) ? (
-    <RichTextArticle
-      tag_id={'text-cosa_serve'}
+    <RichTextSection
+      content={content.cosa_serve}
+      tag_id="needed"
       title={intl.formatMessage(messages.cosa_serve)}
-      field="cosa_serve"
-    >
-      <HelpBox text={content.cosa_serve} />
-    </RichTextArticle>
-  ) : (
-    <></>
-  );
+      hasBg
+      p="3"
+    />
+  ) : null;
 };
 
 ServizioCosaServe.propTypes = {
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene.jsx
new file mode 100644
index 000000000..7ebb94f5b
--- /dev/null
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene.jsx
@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+
+import {
+  RichTextSection,
+  richTextHasContent,
+} from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const ServizioCosaSiOttiene = ({ content }) => {
+  const intl = useIntl();
+
+  return richTextHasContent(content.cosa_si_ottiene) ? (
+    <RichTextSection
+      content={content.cosa_si_ottiene}
+      tag_id="obtain"
+      title={intl.formatMessage(messages.cosa_si_ottiene)}
+      show_title={true}
+    />
+  ) : null;
+};
+
+ServizioCosaSiOttiene.propTypes = {
+  content: PropTypes.shape({
+    cosa_si_ottiene: PropTypes.object,
+  }),
+};
+
+export default ServizioCosaSiOttiene;
+
+const messages = defineMessages({
+  cosa_si_ottiene: {
+    id: 'servizio_cosa_si_ottiene',
+    defaultMessage: 'Cosa si ottiene',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
index fcfbee7c0..b3b08cd98 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli.jsx
@@ -4,18 +4,14 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import {
   RichText,
-  RichTextArticle,
+  RichTextSection,
   richTextHasContent,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
   costi_e_vincoli: {
     id: 'costi_e_vincoli',
-    defaultMessage: 'Costi e vincoli',
-  },
-  costi: {
-    id: 'costi',
-    defaultMessage: 'Costi',
+    defaultMessage: 'Quanto costa',
   },
   vincoli: {
     id: 'vincoli',
@@ -25,35 +21,34 @@ const messages = defineMessages({
 
 const ServizioCostiVincoli = ({ content }) => {
   const intl = useIntl();
+
   return richTextHasContent(content.costi) ||
     richTextHasContent(content.vincoli) ? (
     <>
-      <RichTextArticle
-        tag_id={'costi-e-vincoli'}
+      <RichTextSection
+        tag_id="costs"
         title={intl.formatMessage(messages.costi_e_vincoli)}
       >
-        <RichText
-          title={intl.formatMessage(messages.costi)}
-          content={content.costi}
-        />
+        <RichText content={content.costi} />
 
         <RichText
           title={intl.formatMessage(messages.vincoli)}
+          title_size="h3"
           content={content.vincoli}
         />
-      </RichTextArticle>
+      </RichTextSection>
     </>
-  ) : (
-    <></>
-  );
+  ) : null;
 };
 
 ServizioCostiVincoli.propTypes = {
-  costi: PropTypes.shape({
-    data: PropTypes.string,
-  }),
-  vincoli: PropTypes.shape({
-    data: PropTypes.string,
+  content: PropTypes.shape({
+    costi: PropTypes.shape({
+      data: PropTypes.object,
+    }),
+    vincoli: PropTypes.shape({
+      data: PropTypes.object,
+    }),
   }),
 };
 export default ServizioCostiVincoli;
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioMetadati.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioMetadati.jsx
new file mode 100644
index 000000000..9645ea602
--- /dev/null
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioMetadati.jsx
@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+import { Metadata } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+
+const ServizioMetadati = ({ content }) => {
+  return <Metadata content={content} showSectionTitle={false} />;
+};
+
+ServizioMetadati.propTypes = {
+  content: PropTypes.object,
+};
+
+export default ServizioMetadati;
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
index 383eef961..6efee4804 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioSitiEsterni.jsx
@@ -4,7 +4,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import { Card, CardBody } from 'design-react-kit';
 import {
   RichText,
-  RichTextArticle,
+  RichTextSection,
   richTextHasContent,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -18,7 +18,7 @@ const messages = defineMessages({
 const ServizioSitiEsterni = ({ content }) => {
   const intl = useIntl();
   return richTextHasContent(content.link_siti_esterni) ? (
-    <RichTextArticle
+    <RichTextSection
       tag_id="link-esterni"
       title={intl.formatMessage(messages.link_siti_esterni)}
     >
@@ -31,10 +31,8 @@ const ServizioSitiEsterni = ({ content }) => {
           <RichText add_class="p-4 pt-0" content={content.link_siti_esterni} />
         </CardBody>
       </Card>
-    </RichTextArticle>
-  ) : (
-    <></>
-  );
+    </RichTextSection>
+  ) : null;
 };
 
 ServizioSitiEsterni.propTypes = {
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioStato.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioStato.jsx
index 638447e45..ad8898aa3 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioStato.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioStato.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
 import {
-  RichTextArticle,
+  RichTextSection,
   richTextHasContent,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -18,15 +18,12 @@ const ServizioStato = ({ content }) => {
   const intl = useIntl();
   return content.stato_servizio &&
     richTextHasContent(content.motivo_stato_servizio) ? (
-    <RichTextArticle
+    <RichTextSection
       content={content.motivo_stato_servizio}
-      field="motivo_stato_servizio"
       tag_id={'text-motivo-stato-servizio'}
       title={intl.formatMessage(messages.service_not_active)}
     />
-  ) : (
-    <></>
-  );
+  ) : null;
 };
 
 ServizioStato.propTypes = {
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioTempiScadenze.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioTempiScadenze.jsx
index 6fd12afc4..cfdeb3a95 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioTempiScadenze.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioTempiScadenze.jsx
@@ -1,8 +1,7 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { RichTextArticle } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
+import { RichTextSection } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const messages = defineMessages({
   tempi_e_scadenze: {
@@ -14,10 +13,10 @@ const messages = defineMessages({
 const ServizioTempiScadenze = ({ content }) => {
   const intl = useIntl();
   return (
-    <RichTextArticle
+    <RichTextSection
       content={content.tempi_e_scadenze}
       add_class="style_ol_list"
-      tag_id={'text-tempi_e_scadenze'}
+      tag_id="deadlines"
       title={intl.formatMessage(messages.tempi_e_scadenze)}
     />
   );
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni.jsx
index e338b2816..89400a191 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni.jsx
@@ -1,22 +1,21 @@
-import React from 'react';
 import PropTypes from 'prop-types';
+import { defineMessages, useIntl } from 'react-intl';
+
 import {
-  Metadata,
-  HelpBox,
+  RichTextSection,
   richTextHasContent,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
 const ServizioUlterioriInformazioni = ({ content }) => {
-  return (
-    <Metadata
-      content={content}
-      showSectionTitle={richTextHasContent(content.ulteriori_informazioni)}
-    >
-      {richTextHasContent(content.ulteriori_informazioni) && (
-        <HelpBox text={content.ulteriori_informazioni} />
-      )}
-    </Metadata>
-  );
+  const intl = useIntl();
+
+  return richTextHasContent(content.ulteriori_informazioni) ? (
+    <RichTextSection
+      content={content.ulteriori_informazioni}
+      tag_id="more-info"
+      title={intl.formatMessage(messages.other_info)}
+    />
+  ) : null;
 };
 
 ServizioUlterioriInformazioni.propTypes = {
@@ -26,4 +25,12 @@ ServizioUlterioriInformazioni.propTypes = {
     }),
   }),
 };
+
 export default ServizioUlterioriInformazioni;
+
+const messages = defineMessages({
+  other_info: {
+    id: 'other_info',
+    defaultMessage: 'Ulteriori informazioni',
+  },
+});
diff --git a/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx b/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
index 552c2ce97..570ce6f46 100644
--- a/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
+++ b/src/components/ItaliaTheme/View/ServizioView/ServizioView.jsx
@@ -15,9 +15,11 @@ import {
   SkipToMainContent,
   ServizioStato,
   ServizioCosE,
+  ServizioAccedi,
   ServizioAChiSiRivolge,
-  ServizioComeAccedere,
+  ServizioComeFare,
   ServizioCosaServe,
+  ServizioCosaSiOttiene,
   ServizioCostiVincoli,
   ServizioTempiScadenze,
   ServizioCasiParticolari,
@@ -29,6 +31,8 @@ import {
   ServizioTrasparenza,
   ServizioCorrelati,
   ServizioUlterioriInformazioni,
+  ServizioMetadati,
+  ServizioCondizioni,
   ContentTypeViewSections,
 } from 'design-comuni-plone-theme/components/ItaliaTheme/View';
 
@@ -42,35 +46,43 @@ export const VenueViewSectionsOrder = [
 
   { /* STATO DEL SERVIZIO */ component: ServizioStato },
 
-  { /* TEXT BODY */ component: ServizioCosE },
+  { /* A CHI È RIVOLTO */ component: ServizioAChiSiRivolge },
 
-  { /* A CHI SI RIVOLGE */ component: ServizioAChiSiRivolge },
+  { /* DESCRIZIONE */ component: ServizioCosE },
 
-  { /* ACCEDERE AL SERVIZIO */ component: ServizioComeAccedere },
+  { /* COME FARE */ component: ServizioComeFare },
 
   { /* COSA SERVE */ component: ServizioCosaServe },
 
-  { /* COSTI E VINCOLI */ component: ServizioCostiVincoli },
+  { /* COSA SI OTTIENE */ component: ServizioCosaSiOttiene },
 
   { /* TEMPI E SCADENZE */ component: ServizioTempiScadenze },
 
-  { /* CASI PARTICOLARI */ component: ServizioCasiParticolari },
+  { /* QUANTO COSTA */ component: ServizioCostiVincoli },
 
-  { /* CONTATTI */ component: ServizioContatti },
+  { /* ?? CASI PARTICOLARI ?? */ component: ServizioCasiParticolari },
+
+  { /* ACCEDI AL SERVIZIO */ component: ServizioAccedi },
 
-  { /* ALTRI DOCUMENTI */ component: ServizioAltriDocumenti },
+  { /* ULTERIORI INFORMAZIONI */ component: ServizioUlterioriInformazioni },
 
-  { /* SITI ESTERNI */ component: ServizioSitiEsterni },
+  { /* ?? ALTRI DOCUMENTI ?? */ component: ServizioAltriDocumenti },
 
-  { /* ALLEGATI */ component: ServizioAllegati },
+  { /* ?? SITI ESTERNI ?? */ component: ServizioSitiEsterni },
 
-  { /* MODULISTICA */ component: ServizioModulistica },
+  { /* ?? ALLEGATI ?? */ component: ServizioAllegati },
 
-  { /* TRASPARENZA */ component: ServizioTrasparenza },
+  { /* ?? MODULISTICA ?? */ component: ServizioModulistica },
 
-  { /* CORRELATI */ component: ServizioCorrelati },
+  { /* CONDIZIONI DI SERVIZIO */ component: ServizioCondizioni },
 
-  { /* ULTERIORI INFORMAZIONI */ component: ServizioUlterioriInformazioni },
+  { /* CONTATTI */ component: ServizioContatti },
+
+  { /* ?? TRASPARENZA ?? */ component: ServizioTrasparenza },
+
+  { /* ?? CORRELATI ??  */ component: ServizioCorrelati },
+
+  { /* ULTIMO AGGIORNAMENTO  */ component: ServizioMetadati },
 ];
 
 /**
diff --git a/src/components/ItaliaTheme/View/index.js b/src/components/ItaliaTheme/View/index.js
index 6a224e36e..bb528f260 100644
--- a/src/components/ItaliaTheme/View/index.js
+++ b/src/components/ItaliaTheme/View/index.js
@@ -1,5 +1,6 @@
 /* --- Commons --- */
 export RichTextArticle from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextArticle';
+export RichTextSection from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichTextSection';
 export RichText from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/RichText';
 export {
   RichTextRender,
@@ -33,6 +34,8 @@ export PageHeaderEventDates from 'design-comuni-plone-theme/components/ItaliaThe
 export PageHeaderPersona from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderPersona';
 export PageHeaderBando from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderBando';
 export PageHeaderNewsItem from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderNewsItem';
+export PageHeaderStatoServizio from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderStatoServizio';
+export PageHeaderLinkServizio from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderLinkServizio';
 export PageHeaderTassonomiaArgomenti from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/PageHeader/PageHeaderTassonomiaArgomenti';
 export Attachment from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/Attachment';
 export Attachments from 'design-comuni-plone-theme/components/ItaliaTheme/View/Commons/Attachments';
@@ -139,9 +142,11 @@ export ServizioPlaceholderAfterContent from 'design-comuni-plone-theme/component
 export ServizioPlaceholderAfterRelatedItems from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/Placeholder/AfterRelatedItems';
 export ServizioStato from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioStato';
 export ServizioCosE from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioCosE';
+export ServizioAccedi from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioAccedi';
 export ServizioAChiSiRivolge from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioAChiSiRivolge';
-export ServizioComeAccedere from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioComeAccedere';
+export ServizioComeFare from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioComeFare';
 export ServizioCosaServe from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioCosaServe';
+export ServizioCosaSiOttiene from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioCosaSiOttiene';
 export ServizioCostiVincoli from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioCostiVincoli';
 export ServizioTempiScadenze from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioTempiScadenze';
 export ServizioCasiParticolari from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioCasiParticolari';
@@ -153,6 +158,8 @@ export ServizioModulistica from 'design-comuni-plone-theme/components/ItaliaThem
 export ServizioTrasparenza from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioTrasparenza';
 export ServizioCorrelati from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioCorrelati';
 export ServizioUlterioriInformazioni from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioUlterioriInformazioni';
+export ServizioMetadati from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioMetadati';
+export ServizioCondizioni from 'design-comuni-plone-theme/components/ItaliaTheme/View/ServizioView/ServizioCondizioni';
 
 export TrasparenzaPlaceholderAfterContent from 'design-comuni-plone-theme/components/ItaliaTheme/View/TrasparenzaView/Placeholder/AfterContent';
 export UOPlaceholderAfterContent from 'design-comuni-plone-theme/components/ItaliaTheme/View/UOView/Placeholder/AfterContent';
diff --git a/src/components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget.jsx b/src/components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget.jsx
deleted file mode 100644
index 8457412a6..000000000
--- a/src/components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget.jsx
+++ /dev/null
@@ -1,212 +0,0 @@
-/**
- * CharCounterDescriptionWidget component.
- * @module components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Form, Grid, Icon, Label, TextArea } from 'semantic-ui-react';
-import { map } from 'lodash';
-import { defineMessages, useIntl } from 'react-intl';
-
-const messages = defineMessages({
-  default: {
-    id: 'Default',
-    defaultMessage: 'Default',
-  },
-  idTitle: {
-    id: 'Short Name',
-    defaultMessage: 'Short Name',
-  },
-  idDescription: {
-    id: 'Used for programmatic access to the fieldset.',
-    defaultMessage: 'Used for programmatic access to the fieldset.',
-  },
-  title: {
-    id: 'Title',
-    defaultMessage: 'Title',
-  },
-  description: {
-    id: 'Description',
-    defaultMessage: 'Description',
-  },
-  required: {
-    id: 'Required',
-    defaultMessage: 'Required',
-  },
-  delete: {
-    id: 'Delete',
-    defaultMessage: 'Delete',
-  },
-  exceeded_chars: {
-    id: 'exceeded_chars',
-    defaultMessage: 'Il testo supera la lunghezza consigliata',
-  },
-});
-
-/**
- * CharCounterDescriptionWidget component class.
- * @function CharCounterDescriptionWidget
- * @returns {string} Markup of the component.
- */
-const CharCounterDescriptionWidget = ({
-  id,
-  title,
-  required,
-  description,
-  error,
-  value,
-  onChange,
-  onEdit,
-  onDelete,
-  fieldSet,
-}) => {
-  const intl = useIntl();
-
-  const schema = {
-    fieldsets: [
-      {
-        id: 'default',
-        title: intl.formatMessage(messages.default),
-        fields: ['title', 'id', 'description', 'required'],
-      },
-    ],
-    properties: {
-      id: {
-        type: 'string',
-        title: intl.formatMessage(messages.idTitle),
-        description: intl.formatMessage(messages.idDescription),
-      },
-      title: {
-        type: 'string',
-        title: intl.formatMessage(messages.title),
-      },
-      description: {
-        type: 'string',
-        widget: 'textarea',
-        title: intl.formatMessage(messages.description),
-      },
-      required: {
-        type: 'boolean',
-        title: intl.formatMessage(messages.required),
-      },
-    },
-    required: ['id', 'title'],
-  };
-
-  return (
-    <Form.Field
-      inline
-      required={required}
-      error={error.length > 0}
-      className={description ? 'help textarea' : 'textarea'}
-      id={`${fieldSet || 'field'}-${id}`}
-    >
-      <Grid>
-        <Grid.Row stretched>
-          <Grid.Column width="4">
-            <div className="wrapper">
-              <label htmlFor={`field-${id}`}>
-                {onEdit && (
-                  <i
-                    aria-hidden="true"
-                    className="grey bars icon drag handle"
-                  />
-                )}
-                {title}
-              </label>
-            </div>
-          </Grid.Column>
-          <Grid.Column width="8">
-            {onEdit && (
-              <div className="toolbar">
-                <button
-                  className="item ui noborder button"
-                  onClick={() => onEdit(id, schema)}
-                >
-                  <Icon name="write square" size="large" color="blue" />
-                </button>
-                <button
-                  aria-label={intl.formatMessage(messages.delete)}
-                  className="item ui noborder button"
-                  onClick={() => onDelete(id)}
-                >
-                  <Icon name="close" size="large" color="red" />
-                </button>
-              </div>
-            )}
-            <TextArea
-              id={`field-${id}`}
-              name={id}
-              value={value || ''}
-              disabled={onEdit !== null}
-              onChange={({ target }) =>
-                onChange(id, target.value === '' ? undefined : target.value)
-              }
-            />
-            <span
-              style={{
-                textAlign: 'right',
-                color: value?.length > 160 ? '#E40166' : '#878f93',
-                fontWeight: 300,
-              }}
-            >
-              {value?.length ?? 0}/160
-            </span>
-            {value?.length > 160 && (
-              <p style={{ fontSize: '14px', textAlign: 'right' }}>
-                {intl.formatMessage(messages.exceeded_chars)}
-              </p>
-            )}
-            {map(error, (message) => (
-              <Label key={message} basic color="red" pointing>
-                {message}
-              </Label>
-            ))}
-          </Grid.Column>
-        </Grid.Row>
-        {description && (
-          <Grid.Row stretched>
-            <Grid.Column stretched width="12">
-              <p className="help">{description}</p>
-            </Grid.Column>
-          </Grid.Row>
-        )}
-      </Grid>
-    </Form.Field>
-  );
-};
-
-/**
- * Property types.
- * @property {Object} propTypes Property types.
- * @static
- */
-CharCounterDescriptionWidget.propTypes = {
-  id: PropTypes.string.isRequired,
-  title: PropTypes.string.isRequired,
-  description: PropTypes.string,
-  required: PropTypes.bool,
-  error: PropTypes.arrayOf(PropTypes.string),
-  value: PropTypes.string,
-  onChange: PropTypes.func,
-  onEdit: PropTypes.func,
-  onDelete: PropTypes.func,
-};
-
-/**
- * Default properties.
- * @property {Object} defaultProps Default properties.
- * @static
- */
-CharCounterDescriptionWidget.defaultProps = {
-  description: null,
-  required: false,
-  error: [],
-  value: null,
-  onChange: null,
-  onEdit: null,
-  onDelete: null,
-};
-
-export default CharCounterDescriptionWidget;
diff --git a/src/components/ItaliaTheme/manage/Widgets/CharCounterTextWidget.jsx b/src/components/ItaliaTheme/manage/Widgets/CharCounterTextWidget.jsx
new file mode 100644
index 000000000..2ac079e44
--- /dev/null
+++ b/src/components/ItaliaTheme/manage/Widgets/CharCounterTextWidget.jsx
@@ -0,0 +1,162 @@
+/**
+ * TextWidget component.
+ * @module components/manage/Widgets/TextWidget
+ * This component is an alternative to the base TextWidget
+ */
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Label, Input } from 'semantic-ui-react';
+
+import { defineMessages, injectIntl } from 'react-intl';
+import { Icon, FormFieldWrapper } from '@plone/volto/components';
+
+/**
+ * The simple text widget.
+ *
+ * It is the default fallback widget, so if no other widget is found based on
+ * passed field properties, it will be used.
+ */
+class TextWidget extends Component {
+  /**
+   * Property types.
+   * @property {Object} propTypes Property types.
+   * @static
+   */
+  static propTypes = {
+    id: PropTypes.string.isRequired,
+    title: PropTypes.string.isRequired,
+    description: PropTypes.string,
+    required: PropTypes.bool,
+    error: PropTypes.arrayOf(PropTypes.string),
+    value: PropTypes.string,
+    focus: PropTypes.bool,
+    onChange: PropTypes.func,
+    onBlur: PropTypes.func,
+    onClick: PropTypes.func,
+    onEdit: PropTypes.func,
+    onDelete: PropTypes.func,
+    icon: PropTypes.shape({
+      xmlns: PropTypes.string,
+      viewBox: PropTypes.string,
+      content: PropTypes.string,
+    }),
+    iconAction: PropTypes.func,
+    minLength: PropTypes.number,
+    maxLength: PropTypes.number,
+    wrapped: PropTypes.bool,
+    placeholder: PropTypes.string,
+    forceMaxLength: PropTypes.bool,
+  };
+
+  /**
+   * Default properties.
+   * @property {Object} defaultProps Default properties.
+   * @static
+   */
+  static defaultProps = {
+    description: null,
+    required: false,
+    error: [],
+    value: null,
+    onChange: () => {},
+    onBlur: () => {},
+    onClick: () => {},
+    onEdit: null,
+    onDelete: null,
+    focus: false,
+    icon: null,
+    iconAction: null,
+    minLength: null,
+    maxLength: 160,
+    forceMaxLength: true,
+  };
+
+  /**
+   * Component did mount lifecycle method
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    if (this.props.focus) {
+      this.node.focus();
+    }
+  }
+
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const {
+      id,
+      value,
+      onChange,
+      onBlur,
+      onClick,
+      icon,
+      iconAction,
+      minLength,
+      maxLength,
+      placeholder,
+      intl,
+      forceMaxLength,
+    } = this.props;
+
+    const lengthError = value?.length > 0 && value.length > maxLength;
+
+    return (
+      <FormFieldWrapper {...this.props} className="text">
+        <Input
+          id={`field-${id}`}
+          name={id}
+          value={value || ''}
+          disabled={this.props.isDisabled}
+          icon={icon || null}
+          placeholder={placeholder}
+          onChange={({ target }) =>
+            onChange(id, target.value === '' ? undefined : target.value)
+          }
+          ref={(node) => {
+            this.node = node;
+          }}
+          onBlur={({ target }) =>
+            onBlur(id, target.value === '' ? undefined : target.value)
+          }
+          onClick={() => onClick()}
+          minLength={minLength || null}
+          maxLength={(forceMaxLength && maxLength) || null}
+        />
+        {icon && iconAction && (
+          <button className={`field-${id}-action-button`} onClick={iconAction}>
+            <Icon name={icon} size="18px" />
+          </button>
+        )}
+        <span
+          style={{
+            textAlign: 'right',
+            color: lengthError ? '#E40166' : '#878f93',
+            fontWeight: 300,
+          }}
+        >
+          {value?.length ?? 0}/{maxLength}
+        </span>
+        {lengthError && (
+          <Label basic color="red" pointing>
+            {intl.formatMessage(messages.exceeded_chars)}
+          </Label>
+        )}
+      </FormFieldWrapper>
+    );
+  }
+}
+
+export default injectIntl(TextWidget);
+
+const messages = defineMessages({
+  exceeded_chars: {
+    id: 'exceeded_chars',
+    defaultMessage: 'Il testo supera la lunghezza consigliata',
+  },
+});
diff --git a/src/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget.jsx b/src/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget.jsx
new file mode 100644
index 000000000..ccd186b87
--- /dev/null
+++ b/src/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget.jsx
@@ -0,0 +1,107 @@
+/**
+ * CharCounterTextareaWidget component.
+ * @module components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget
+ * This component is an alternative to the base TextareaWidget
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Label, TextArea } from 'semantic-ui-react';
+import { defineMessages, injectIntl } from 'react-intl';
+import { FormFieldWrapper } from '@plone/volto/components';
+
+const messages = defineMessages({
+  exceeded_chars: {
+    id: 'exceeded_chars',
+    defaultMessage: 'Il testo supera la lunghezza consigliata',
+  },
+});
+
+/**
+ * TextareaWidget, a widget for multiple lines text
+ *
+ * To use it, in schema properties, declare a field like:
+ *
+ * ```jsx
+ * {
+ *  title: "Text",
+ *  widget: 'textarea',
+ * }
+ * ```
+ */
+const CharCounterTextareaWidget = (props) => {
+  const { id, maxLength, value, onChange, placeholder, intl, forceMaxLength } =
+    props;
+
+  const lengthError = value?.length > 0 && value.length > maxLength;
+
+  return (
+    <FormFieldWrapper {...props} className="textarea">
+      <TextArea
+        id={`field-${id}`}
+        name={id}
+        value={value || ''}
+        disabled={props.isDisabled}
+        placeholder={placeholder}
+        onChange={({ target }) =>
+          onChange(id, target.value === '' ? undefined : target.value)
+        }
+        maxLength={(forceMaxLength && maxLength) || null}
+      />
+      <span
+        style={{
+          textAlign: 'right',
+          color: lengthError ? '#E40166' : '#878f93',
+          fontWeight: 300,
+        }}
+      >
+        {value?.length ?? 0}/{maxLength}
+      </span>
+      {lengthError && (
+        <Label basic color="red" pointing>
+          {intl.formatMessage(messages.exceeded_chars)}
+        </Label>
+      )}
+    </FormFieldWrapper>
+  );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+CharCounterTextareaWidget.propTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string,
+  maxLength: PropTypes.number,
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.string,
+  onChange: PropTypes.func,
+  onEdit: PropTypes.func,
+  onDelete: PropTypes.func,
+  wrapped: PropTypes.bool,
+  placeholder: PropTypes.string,
+  forceMaxLength: PropTypes.bool,
+};
+
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+CharCounterTextareaWidget.defaultProps = {
+  description: null,
+  maxLength: 160,
+  required: false,
+  error: [],
+  value: null,
+  onChange: null,
+  onEdit: null,
+  onDelete: null,
+  forceMaxLength: true,
+};
+
+export default injectIntl(CharCounterTextareaWidget);
diff --git a/src/components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget.test.jsx b/src/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget.test.jsx
similarity index 100%
rename from src/components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget.test.jsx
rename to src/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget.test.jsx
diff --git a/src/components/ItaliaTheme/manage/Widgets/TinymceWidget.jsx b/src/components/ItaliaTheme/manage/Widgets/TinymceWidget.jsx
deleted file mode 100644
index d56d07f45..000000000
--- a/src/components/ItaliaTheme/manage/Widgets/TinymceWidget.jsx
+++ /dev/null
@@ -1,280 +0,0 @@
-/**
- * TinymceWidget container.
- * @module components/manage/Widgets/TinymceWidget
- */
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { compose } from 'redux';
-import { Form, Label, TextArea } from 'semantic-ui-react';
-import { map } from 'lodash';
-import { defineMessages, injectIntl } from 'react-intl';
-import { FormFieldWrapper } from '@plone/volto/components';
-import { Editor } from '@tinymce/tinymce-react';
-
-const messages = defineMessages({
-  default: {
-    id: 'Default',
-    defaultMessage: 'Default',
-  },
-  idTitle: {
-    id: 'Short Name',
-    defaultMessage: 'Short Name',
-  },
-  idDescription: {
-    id: 'Used for programmatic access to the fieldset.',
-    defaultMessage: 'Used for programmatic access to the fieldset.',
-  },
-  title: {
-    id: 'Title',
-    defaultMessage: 'Title',
-  },
-  description: {
-    id: 'Description',
-    defaultMessage: 'Description',
-  },
-  required: {
-    id: 'Required',
-    defaultMessage: 'Required',
-  },
-  delete: {
-    id: 'Delete',
-    defaultMessage: 'Delete',
-  },
-});
-
-/**
- * TinymceWidget container class.
- * @class TinymceWidget
- * @extends Component
- */
-class TinymceWidget extends Component {
-  /**
-   * Property types.
-   * @property {Object} propTypes Property types.
-   * @static
-   */
-  static propTypes = {
-    /**
-     * Id of the field
-     */
-    id: PropTypes.string.isRequired,
-    /**
-     * Title of the field
-     */
-    title: PropTypes.string.isRequired,
-    /**
-     * Description of the field
-     */
-    description: PropTypes.string,
-    /**
-     * True if field is required
-     */
-    required: PropTypes.bool,
-    /**
-     * Value of the field
-     */
-    value: PropTypes.shape({
-      /**
-       * Content type of the value
-       */
-      'content-type': PropTypes.string,
-      /**
-       * Data of the value
-       */
-      data: PropTypes.string,
-      /**
-       * Encoding of the value
-       */
-      encoding: PropTypes.string,
-    }),
-    /**
-     * List of error messages
-     */
-    error: PropTypes.arrayOf(PropTypes.string),
-    /**
-     * On change handler
-     */
-    onChange: PropTypes.func,
-  };
-
-  /**
-   * Default properties
-   * @property {Object} defaultProps Default properties.
-   * @static
-   */
-  static defaultProps = {
-    description: null,
-    required: false,
-    value: null,
-    error: [],
-    onChange: null,
-  };
-
-  /**
-   * Constructor
-   * @method constructor
-   * @param {Object} props Component properties
-   * @constructs TinymceWidget
-   */
-  constructor(props) {
-    super(props);
-
-    this.state = { editorState: props.value?.data || '' };
-
-    this.schema = {
-      fieldsets: [
-        {
-          id: 'default',
-          title: props.intl.formatMessage(messages.default),
-          fields: ['title', 'id', 'description', 'required'],
-        },
-      ],
-      properties: {
-        id: {
-          type: 'string',
-          title: props.intl.formatMessage(messages.idTitle),
-          description: props.intl.formatMessage(messages.idDescription),
-        },
-        title: {
-          type: 'string',
-          title: props.intl.formatMessage(messages.title),
-        },
-        description: {
-          type: 'string',
-          widget: 'textarea',
-          title: props.intl.formatMessage(messages.description),
-        },
-        required: {
-          type: 'boolean',
-          title: props.intl.formatMessage(messages.required),
-        },
-      },
-      required: ['id', 'title'],
-    };
-
-    this.onChange = this.onChange.bind(this);
-  }
-
-  /**
-   * Change handler
-   * @method onChange
-   * @param {object} editorState Editor state.
-   * @returns {undefined}
-   */
-  onChange(editorState) {
-    this.setState({ editorState });
-    this.props.onChange(this.props.id, {
-      ...this.props.value,
-      data: editorState,
-    });
-  }
-
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const {
-      id,
-      title,
-      description,
-      required,
-      value,
-      error,
-      fieldSet,
-    } = this.props;
-
-    if (__SERVER__) {
-      return (
-        <Form.Field
-          inline
-          required={required}
-          error={error.length > 0}
-          className={description ? 'help' : ''}
-          id={`${fieldSet || 'field'}-${id}`}
-        >
-          <div className="wrapper">
-            <label htmlFor={`field-${id}`}>{title}</label>
-            <TextArea id={id} name={id} value={value ? value.data : ''} />
-            {description && <p className="help">{description}</p>}
-            {map(error, (message) => (
-              <Label key={message} basic color="red" pointing>
-                {message}
-              </Label>
-            ))}
-          </div>
-        </Form.Field>
-      );
-    }
-
-    return (
-      <FormFieldWrapper {...this.props} className="wysiwyg">
-        <div style={{ boxSizing: 'initial' }}>
-          {this.props.onChange ? (
-            <>
-              <Editor
-                initialValue={this.state.editorState}
-                init={{
-                  inline_styles: true,
-                  height: 500,
-                  menubar: 'view',
-                  formats: {
-                    callout: {
-                      block: 'p',
-                      classes: 'callout',
-                    },
-                  },
-                  init_instance_callback: function (editor) {
-                    var freeTiny = document.querySelector(
-                      '.tox .tox-notification--in',
-                    );
-                    if (freeTiny) {
-                      freeTiny.style.display = 'none';
-                    }
-                  },
-                  block_formats: 'callout=callout',
-                  forced_root_block: 'p',
-                  table_header_type: 'cells',
-                  body_class: 'public-ui',
-                  table_default_attributes: {
-                    border: '1',
-                    class: 'ui celled fixed table',
-                  },
-                  content_style:
-                    '.table th { background-color: #ebeced; padding: 18px!important; } .table td { padding: 18px!important } \
-                                  .callout { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #d9dadb; border-left-width: 0.4rem; border-radius: 0.25rem; }',
-                  language: this.props.intl.locale,
-                  plugins: [
-                    'advlist autolink lists link image charmap print preview anchor',
-                    'searchreplace visualblocks code fullscreen',
-                    'insertdatetime media table paste code help wordcount',
-                  ],
-                  toolbar: [
-                    'underline bold italic link h2 h3 bullist numlist blockquote formatselect removeformat table',
-                    'callout',
-                  ],
-                }}
-                onEditorChange={this.onChange}
-              />
-            </>
-          ) : (
-            <div className="DraftEditor-root" />
-          )}
-        </div>
-      </FormFieldWrapper>
-    );
-  }
-}
-
-export default compose(
-  injectIntl,
-  connect(
-    (state, props) => ({
-      token: state.userSession.token,
-    }),
-    {},
-  ),
-)(TinymceWidget);
diff --git a/src/config/Widgets/widgets.js b/src/config/Widgets/widgets.js
index d982bff1c..32a277a9a 100644
--- a/src/config/Widgets/widgets.js
+++ b/src/config/Widgets/widgets.js
@@ -1,5 +1,6 @@
 import React from 'react';
-import CharCounterDescriptionWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterDescriptionWidget';
+import CharCounterTextareaWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextareaWidget';
+import CharCounterTextWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/CharCounterTextWidget';
 import { DatetimeWidget } from '@plone/volto/config/Widgets';
 import { ArrayWidget, WysiwygWidget } from '@plone/volto/components';
 import { MultilingualWidget } from 'volto-multilingual-widget';
@@ -9,15 +10,13 @@ import MenuConfigurationForm from 'design-comuni-plone-theme/components/ItaliaTh
 import SecondaryMenuConfigurationForm from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SecondaryMenuConfigurationForm';
 import SubFooterConfigurationForm from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SubFooterConfigurationForm';
 import SearchSectionsConfigurationWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/SearchSectionsConfigurationWidget/SearchSectionsConfigurationWidget';
-import { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers/index';
+import { defaultIconWidgetOptions } from 'design-comuni-plone-theme/helpers';
 import {
   ColorListWidget,
   PathFiltersWidget,
   LocationFiltersWidget,
 } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
-//import TinymceWidget from 'design-comuni-plone-theme/components/ItaliaTheme/manage/Widgets/TinymceWidget';
-
 const getItaliaWidgets = (config) => {
   config.registerComponent({
     name: 'MenuConfigurationForm',
@@ -35,7 +34,14 @@ const getItaliaWidgets = (config) => {
   return {
     id: {
       ...config.widgets.id,
-      description: CharCounterDescriptionWidget,
+      title: CharCounterTextWidget,
+      description: CharCounterTextareaWidget,
+      motivo_stato_servizio: (props) => {
+        const BlocksWidget = config.widgets.widget.blocks;
+        return (
+          <BlocksWidget {...props} required={!!props.formData.stato_servizio} />
+        );
+      },
       icona: (props) => (
         <IconWidget {...props} defaultOptions={defaultIconWidgetOptions} />
       ),
diff --git a/src/customizations/volto/helpers/FormValidation/FormValidation.js b/src/customizations/volto/helpers/FormValidation/FormValidation.js
new file mode 100644
index 000000000..0201444ec
--- /dev/null
+++ b/src/customizations/volto/helpers/FormValidation/FormValidation.js
@@ -0,0 +1,408 @@
+/**
+ * Customizzazione:
+ * - gestione campi required di tipo blocks
+ * - gestione motivo dello stato di servizio che è required solo se il servizio non è fruibile
+ */
+import { map, uniq, keys, intersection, isEmpty, filter } from 'lodash';
+import { messages } from '@plone/volto/helpers/MessageLabels/MessageLabels';
+
+/**
+ * Will return the intl message if invalid
+ * @param {boolean} isValid
+ * @param {string} criterion
+ * @param {string | number} valueToCompare can compare '47' < 50
+ * @param {Function} intlFunc
+ */
+const validationMessage = (isValid, criterion, valueToCompare, intlFunc) =>
+  !isValid
+    ? intlFunc(messages[criterion], {
+        len: valueToCompare,
+      })
+    : null;
+
+/**
+ * Returns if based on the criterion the value is lower or equal
+ * @param {string | number} value can compare '47' < 50
+ * @param {string | number} valueToCompare can compare '47' < 50
+ * @param {string} maxCriterion
+ * @param {Function} intlFunc
+ */
+const isMaxPropertyValid = (value, valueToCompare, maxCriterion, intlFunc) => {
+  const isValid = valueToCompare !== undefined ? value <= valueToCompare : true;
+  return validationMessage(isValid, maxCriterion, valueToCompare, intlFunc);
+};
+
+/**
+ * Returns if based on the criterion the value is higher or equal
+ * @param {string | number} value can compare '47' < 50
+ * @param {string | number} valueToCompare can compare '47' < 50
+ * @param {string} minCriterion
+ * @param {Function} intlFunc
+ */
+const isMinPropertyValid = (value, valueToCompare, minCriterion, intlFunc) => {
+  const isValid = valueToCompare !== undefined ? value >= valueToCompare : true;
+  return validationMessage(isValid, minCriterion, valueToCompare, intlFunc);
+};
+
+const widgetValidation = {
+  email: {
+    isValidEmail: (emailValue, emailObj, intlFunc) => {
+      // Email Regex taken from from WHATWG living standard:
+      // https://html.spec.whatwg.org/multipage/input.html#e-mail-state-(type=email)
+      const emailRegex =
+        /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+      const isValid = emailRegex.test(emailValue);
+      return !isValid ? intlFunc(messages.isValidEmail) : null;
+    },
+    minLength: (emailValue, emailObj, intlFunc) =>
+      isMinPropertyValid(
+        emailValue.length,
+        emailObj.minLength,
+        'minLength',
+        intlFunc,
+      ),
+    maxLength: (emailValue, emailObj, intlFunc) =>
+      isMaxPropertyValid(
+        emailValue.length,
+        emailObj.maxLength,
+        'maxLength',
+        intlFunc,
+      ),
+  },
+  url: {
+    isValidURL: (urlValue, urlObj, intlFunc) => {
+      const urlRegex =
+        /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([-.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?|^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([_.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?|^((http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/gm;
+      const isValid = urlRegex.test(urlValue);
+      return !isValid ? intlFunc(messages.isValidURL) : null;
+    },
+    minLength: (urlValue, urlObj, intlFunc) =>
+      isMinPropertyValid(
+        urlValue.length,
+        urlObj.minLength,
+        'minLength',
+        intlFunc,
+      ),
+    maxLength: (urlValue, urlObj, intlFunc) =>
+      isMaxPropertyValid(
+        urlValue.length,
+        urlObj.maxLength,
+        'maxLength',
+        intlFunc,
+      ),
+  },
+  password: {
+    minLength: (passwordValue, passwordObj, intlFunc) =>
+      isMinPropertyValid(
+        passwordValue.length,
+        passwordObj.minLength,
+        'minLength',
+        intlFunc,
+      ),
+    maxLength: (passwordValue, passwordObj, intlFunc) =>
+      isMaxPropertyValid(
+        passwordValue.length,
+        passwordObj.maxLength,
+        'maxLength',
+        intlFunc,
+      ),
+  },
+  string: {
+    minLength: (value, itemObj, intlFunc) =>
+      isMinPropertyValid(
+        value.length,
+        itemObj.minLength,
+        'minLength',
+        intlFunc,
+      ),
+    maxLength: (value, itemObj, intlFunc) =>
+      isMaxPropertyValid(
+        value.length,
+        itemObj.maxLength,
+        'maxLength',
+        intlFunc,
+      ),
+  },
+  number: {
+    isNumber: (value, itemObj, intlFunc) => {
+      const floatRegex = /^[+-]?\d+(\.\d+)?$/;
+      const isValid = !isNaN(value) && floatRegex.test(value);
+      return !isValid ? intlFunc(messages.isNumber) : null;
+    },
+    minimum: (value, itemObj, intlFunc) =>
+      isMinPropertyValid(value, itemObj.minimum, 'minimum', intlFunc),
+    maximum: (value, itemObj, intlFunc) =>
+      isMaxPropertyValid(value, itemObj.maximum, 'maximum', intlFunc),
+  },
+  integer: {
+    isInteger: (value, itemObj, intlFunc) => {
+      const intRegex = /^-?[0-9]+$/;
+      const isValid = !isNaN(value) && intRegex.test(value);
+      return !isValid ? intlFunc(messages.isInteger) : null;
+    },
+    minimum: (value, itemObj, intlFunc) =>
+      isMinPropertyValid(value, itemObj.minimum, 'minimum', intlFunc),
+    maximum: (value, itemObj, intlFunc) =>
+      isMaxPropertyValid(value, itemObj.maximum, 'maximum', intlFunc),
+  },
+};
+
+/**
+ * The string that comes my not be a valid JSON
+ * @param {string} requestItem
+ */
+const tryParseJSON = (requestItem) => {
+  let resultObj = null;
+  try {
+    resultObj = JSON.parse(requestItem);
+  } catch (e) {
+    try {
+      resultObj = JSON.parse(requestItem.replace(/'/g, '"'));
+    } catch (e) {
+      resultObj = null;
+    }
+  }
+  return resultObj;
+};
+
+/**
+ * Returns errors if obj has unique Items
+ * @param {Object} field
+ * @param {*} fieldData
+ * @returns {Object[string]} - list of errors
+ */
+const hasUniqueItems = (field, fieldData, formatMessage) => {
+  const errors = [];
+  if (
+    field.uniqueItems &&
+    fieldData &&
+    uniq(fieldData).length !== fieldData.length
+  ) {
+    errors.push(formatMessage(messages.uniqueItems));
+  }
+  return errors;
+};
+
+/**
+ * If required fields are undefined, return list of errors
+ * @returns {Object[string]} - list of errors
+ */
+const validateRequiredFields = (
+  schema,
+  formData,
+  formatMessage,
+  touchedField,
+) => {
+  const errors = {};
+  const fields = isEmpty(touchedField)
+    ? // Custom: Serve creare una copia dei required
+      // per poterlo modificare tre righe più giù
+      schema.required.slice()
+    : intersection(schema.required, keys(touchedField));
+
+  // Custom: Situazione custom per stato del servizio
+  if (
+    formData.stato_servizio &&
+    (isEmpty(touchedField) || 'motivo_stato_servizio' in touchedField)
+  ) {
+    fields.push('motivo_stato_servizio');
+  }
+
+  map(fields, (requiredField) => {
+    const type = schema.properties[requiredField]?.type;
+    const widget = schema.properties[requiredField]?.widget;
+
+    let isEmpty = !formData[requiredField];
+    if (!isEmpty) {
+      if (type === 'array') {
+        isEmpty = formData[requiredField]
+          ? formData[requiredField].length === 0
+          : true;
+      } else if (type === 'string' && widget === 'richtext') {
+        isEmpty = !(
+          formData[requiredField]?.data?.replace(/(<([^>]+)>)/g, '').length > 0
+        );
+      } else if (type === 'dict' && widget === 'blocks') {
+        // Custom: gestione del campo di tipo blocks
+        const field = formData[requiredField];
+        const firstBlock = field.blocks_layout?.items?.[0];
+        isEmpty =
+          // se non ci sono blocchi (improbabile)
+          firstBlock === undefined ||
+          // se non c'è alcun blocco di testo o tabella che contenga testo
+          filter(field.blocks, (block) => {
+            if (block['@type'] === 'text') {
+              return !!block.text?.blocks.filter((block) => !!block.text.trim())
+                .length;
+            }
+            if (block['@type'] === 'table') {
+              return (
+                // se non ci sono righe che hanno almeno una cella che contenga testo
+                !!block.table.rows.filter(
+                  (row) =>
+                    row.cells.filter(
+                      (cell) =>
+                        cell.value.blocks.filter((block) => !!block.text.trim())
+                          .length > 0,
+                    ).length > 0,
+                ).length
+              );
+            }
+            return false;
+          }).length === 0;
+      }
+    }
+    if (
+      schema.properties[requiredField] &&
+      schema.properties[requiredField].type !== 'boolean' &&
+      !schema.properties[requiredField].readonly &&
+      isEmpty
+    ) {
+      errors[requiredField] = [];
+      errors[requiredField].push(formatMessage(messages.required));
+    }
+  });
+
+  return errors;
+};
+/**
+ * Return list of errors if field constraints are not respected
+ * (ex min, max, maxLength, email format, url format etc)
+ * each potential criterion has a validation process in widgetValidation
+ * !!ONLY fields with data will be tested (those undefined are ignored here)
+ * @returns {Object[string]} - list of errors
+ */
+const validateFieldsPerFieldset = (
+  schema,
+  formData,
+  formatMessage,
+  touchedField,
+) => {
+  const errors = validateRequiredFields(
+    schema,
+    formData,
+    formatMessage,
+    touchedField,
+  );
+
+  map(schema.properties, (field, fieldId) => {
+    const fieldWidgetType = field.widget || field.type;
+    const widgetValidationCriteria = widgetValidation[fieldWidgetType]
+      ? Object.keys(widgetValidation[fieldWidgetType])
+      : [];
+    let fieldData = formData[fieldId];
+    // test each criterion ex maximum, isEmail, isUrl, maxLength etc
+    const fieldErrors = widgetValidationCriteria
+      .map((widgetCriterion) => {
+        const errorMessage =
+          fieldData === undefined || fieldData === null
+            ? null
+            : widgetValidation[fieldWidgetType][widgetCriterion](
+                fieldData,
+                field,
+                formatMessage,
+              );
+        return errorMessage;
+      })
+      .filter((item) => !!item);
+
+    const uniqueErrors = hasUniqueItems(field, fieldData, formatMessage);
+    const mergedErrors = [...fieldErrors, ...uniqueErrors];
+
+    if (mergedErrors.length > 0) {
+      errors[fieldId] = [
+        ...(errors[fieldId] || []),
+        ...fieldErrors,
+        ...uniqueErrors,
+      ];
+    }
+  });
+
+  return errors;
+};
+
+/**
+ * Create the errors object from backend the same way it is done on Frontend validation
+ * @param {string} requestError form the server
+ * @returns {Object}
+ */
+const giveServerErrorsToCorrespondingFields = (requestError) => {
+  let errorsList = tryParseJSON(requestError);
+  const errors = {};
+
+  if (Array.isArray(errorsList) && errorsList.length > 0) {
+    errorsList.forEach((errorItem) => {
+      errors[errorItem.field] = errors[errorItem.field]
+        ? errors[errorItem.field].push(errorItem.message)
+        : [errorItem.message];
+    });
+  }
+  return errors;
+};
+
+/**
+ * The first Fieldset (Tab) that has any errors
+ * will be selected
+ * @param {Object[]} errors
+ * @param {string} errors[].field
+ * @param {Object} schema
+ * @returns {number} activeIndex
+ */
+const getIndexOfFirstTabWithErrors = (errors, schema) => {
+  let activeIndex = 0;
+
+  schema.fieldsets.some((fieldSet, index) => {
+    let foundfield = fieldSet.fields.some((fieldId) => errors[fieldId]);
+
+    activeIndex = foundfield ? index : activeIndex;
+    return foundfield;
+  });
+
+  return activeIndex;
+};
+
+class FormValidation {
+  /**
+   * The first Fieldset (Tab) that has any errors
+   * will be selected
+   * @param {Object} errors
+   * @param {Object} schema
+   * @returns {number} activeIndex
+   */
+  static showFirstTabWithErrors({
+    errors = {},
+    schema = { properties: {}, fieldsets: [], required: [] },
+  } = {}) {
+    return getIndexOfFirstTabWithErrors(errors, schema);
+  }
+  /**
+   * Create the errors object from backend the same way it is done on Frontend validation
+   * @param {string} requestError form the server
+   * @returns {Object}
+   */
+  static giveServerErrorsToCorrespondingFields(requestError = '') {
+    return giveServerErrorsToCorrespondingFields(requestError);
+  }
+  /**
+   * Return validation result
+   * @param {Object} schema
+   * @param {Object} formData
+   * @param {function} formatMessage
+   * @returns {Object} errors
+   */
+  static validateFieldsPerFieldset({
+    schema = { properties: {}, fieldsets: [], required: [] },
+    formData = {},
+    formatMessage = () => {},
+    touchedField = {},
+  } = {}) {
+    return validateFieldsPerFieldset(
+      schema,
+      formData,
+      formatMessage,
+      touchedField,
+    );
+  }
+}
+
+export default FormValidation;
diff --git a/theme/ItaliaTheme/Views/_common.scss b/theme/ItaliaTheme/Views/_common.scss
index 3101e6c77..b0c3fb471 100644
--- a/theme/ItaliaTheme/Views/_common.scss
+++ b/theme/ItaliaTheme/Views/_common.scss
@@ -87,21 +87,6 @@ picture.volto-image.responsive img.full-width {
   }
 }
 
-//richtext-blocks
-h2,
-h3,
-h4,
-h5,
-h6 {
-  ~ .richtext-blocks {
-    margin-top: 0.5rem;
-  }
-
-  + .richtext-blocks {
-    margin-bottom: 2.5rem;
-  }
-}
-
 @media (max-width: #{map-get($grid-breakpoints, lg)}) {
   .page-side-menu {
     display: none;