Come ottimizzare la visualizzazione degli ingredienti cosmetici utilizzando i Metafield di Shopify

Introduzione: l’importanza della lista ingredienti nei cosmetici venduti online

Quando si acquistano cosmetici, conoscere gli ingredienti è essenziale per evitare allergie o reazioni cutanee. Per i negozi online, dove non è possibile leggere l’etichetta del prodotto fisico, è fondamentale mostrare in modo chiaro e accurato la lista degli ingredienti. Ciò influisce direttamente sulla fiducia dei clienti, sulle vendite e sul tasso di fidelizzazione.

1. Regolamenti principali sulla dichiarazione degli ingredienti nei cosmetici

• USA (FDA): obbligo di indicare gli ingredienti sull’etichetta, in ordine decrescente di quantità. eCFR
• UE: obbligo di elencare tutti gli ingredienti usando la nomenclatura INCI. Anche per le vendite online, è necessario pubblicare l’elenco secondo le linee guida nazionali.
• Giappone: secondo la legge sui prodotti farmaceutici e medicali, è obbligatorio indicare tutti gli ingredienti. Si raccomanda anche l’uso della nomenclatura INCI. cosmetic-ingredients.orgbloom-jp.com

2. Cosa sono i Metafield di Shopify

I Metafield di Shopify consentono di aggiungere dati personalizzati a risorse come prodotti, collezioni o clienti. Per i cosmetici, è possibile utilizzare i Metafield per gestire informazioni non incluse nei campi standard, come la lista degli ingredienti o avvertenze sugli allergeni, e mostrarle liberamente nel tema. shopify.devShopify Help Center

3. Come definire un Metafield per la lista ingredienti (esempio)

1. Nel pannello di controllo Shopify: vai su Impostazioni > Dati personalizzati > Prodotti e clicca su “Aggiungi definizione”
2. Nome: Ingredienti, Spazio dei nomi e chiave: custom.ingredients, Tipo: Testo a riga singola (Elenco di valori)
3. Se necessario, imposta delle regole di validazione (es. limite di caratteri) e salva
4. Nella scheda di ogni prodotto, inserisci la lista ingredienti nel campo Metafield

4. Visualizzazione sullo store

4-A. Utilizzando blocchi specifici del tema

1. Nel pannello Shopify: vai su Negozio online > Personalizza > Prodotti > Prodotto predefinito e aggiungi un blocco come “Riga comprimibile”
2. Titolo: Ingredienti
3. Dal menu a destra di “Contenuto riga”, clicca sull’icona e collega una “Collega origine dinamica” > Modello “Prodotto” > Ingredienti
4. Salva

4-B. Utilizzando codice Liquid personalizzato

1. Nel pannello Shopify: vai su Negozio online > Personalizza > Prodotti > Prodotto predefinito e aggiungi un blocco “Liquid personalizzato”
2. Incolla il seguente codice:

{% if product.metafields.custom.ingredients != blank %}
  <section class="product-ingredients">
    <h2>Ingredienti</h2>
    <ul>
      {% for ingredient in product.metafields.custom.ingredients.value %}
        <li>{{ ingredient }}</li>
      {% endfor %}
    </ul>
  </section>
{% endif %}

Consigli utili:

• custom.ingredients è il namespace e la chiave definiti in precedenza
• Puoi personalizzare il design tramite CSS
• Per migliorare la SEO, considera l’uso del markup PropertyValueList di Schema.org

5. Best practice per l’interfaccia utente

• Visualizzazione a fisarmonica: utile per nascondere liste lunghe e rendere la pagina più ordinata
• Ottimizzazione mobile: assicurati che spazi e dimensioni del testo siano adeguati al tocco
• Accessibilità: imposta correttamente aria-label e testi alternativi per i lettori di schermo

Conclusione

Visualizzare correttamente la lista ingredienti usando i Metafield di Shopify permette di rispettare le normative e costruire fiducia con i clienti. Segui i passaggi descritti per integrare questa funzione nel tuo tema, migliorando sia la SEO che l’esperienza utente.