Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come visualizzare le etichette nutrizionali in WordPress

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Siete alla ricerca di un modo per visualizzare le etichette nutrizionali in WordPress?

Le etichette nutrizionali forniscono informazioni sul contenuto di nutrienti degli alimenti, tra cui il numero di calorie, proteine, grassi, carboidrati e altro ancora. Queste etichette aiutano gli utenti a prendere decisioni più informate sulla propria dieta.

In questo articolo vi mostreremo come aggiungere facilmente etichette nutrizionali in WordPress.

Display nutrition facts labels in WordPress

Perché aggiungere le etichette nutrizionali in WordPress?

Se siete food blogger o vendete prodotti alimentari nel vostro negozio online, l’aggiunta di etichette nutrizionali alle vostre ricette e ai vostri prodotti può aiutarvi a rispettare i requisiti normativi in materia di alimenti.

Informando i consumatori sul contenuto calorico, sui carboidrati, sulle proteine e sugli altri nutrienti dei vostri pasti, consentite loro di prendere decisioni informate sulla loro dieta.

Nutrition facts labels

Ad esempio, l’aggiunta di un’etichetta nutrizionale a una ricetta consentirà alle persone diabetiche di monitorare l’assunzione di zuccheri e di rimanere in salute.

L’aggiunta di etichette nutrizionali può anche aumentare le classifiche SEO del vostro blog WordPress. Questo perché i motori di ricerca di solito danno priorità ai siti web che migliorano l’esperienza dell’utente fornendo informazioni rilevanti sui loro prodotti.

Detto questo, vediamo come aggiungere facilmente etichette nutrizionali in WordPress.

Come aggiungere etichette nutrizionali in WordPress

È possibile aggiungere facilmente etichette nutrizionali in WordPress utilizzando Nutrifox.

È un generatore di etichette nutrizionali online che consente agli utenti di creare e personalizzare le informazioni nutrizionali per i loro prodotti alimentari o le loro ricette.

Creare un’etichetta con i dati nutrizionali con Nutrifox

Per prima cosa, è necessario visitare il sito web di Nutrifox e registrare un account facendo clic sul pulsante “Inizia la tua prova gratuita” nell’angolo in alto a destra dello schermo.

Nutrifox offre una prova di 14 giorni a tutti, dopodiché vi verranno addebitati circa 9 dollari al mese o 89 dollari all’anno.

Start your free trial on Nutrifox

Dopo aver creato un account, sarete indirizzati alla pagina “Welcome to Nutrifox”.

Da qui, basta cliccare sul pulsante “Crea la tua prima ricetta” per iniziare.

Click the Create Your First Recipe button

Si aprirà una nuova schermata in cui si dovrà inserire un nome per la ricetta che si sta per creare.

Una volta fatto ciò, basta fare clic sul pulsante “Continua con gli ingredienti”.

Nota: se si desidera, è possibile importare in Nutrifox una ricetta pubblicata dal proprio sito web WordPress facendo clic sul link “Importa una ricetta pubblicata”.

Click the Continue to Ingredients button

Si aprirà una nuova schermata in cui si creerà la ricetta. A questo punto, nella colonna di destra della schermata è possibile vedere l’etichetta dei dati nutrizionali.

A questo punto si può iniziare a compilare i campi relativi alle dimensioni della porzione e al numero di porzioni.

Ad esempio, se state scrivendo una ricetta per una torta red velvet, dovrete aggiungere 1 fetta come dimensione della porzione. Successivamente, si dovrà aggiungere il numero di fette che saranno presenti nella torta sotto l’opzione “Porzioni”.

Una volta fatto ciò, è sufficiente digitare l’elenco degli ingredienti della ricetta nella sezione “Ingredienti” e fare clic sul pulsante “Aggiungi”.

Type the servings and its size and then add the ingredients for the recipe

Una volta aggiunta la ricetta, l’etichetta dei dati nutrizionali verrà automaticamente aggiornata in base alle informazioni.

Personalizzare le etichette dei dati nutrizionali

A questo punto, è necessario fare clic sul pulsante “Personalizza” nella colonna di destra per creare l’etichetta dei fatti.

Da qui, scegliere lo “Stile dell’etichetta” dal menu a discesa. È possibile scegliere ‘Tasty’, ‘FDA’ o ‘Basic’.

Successivamente, è possibile selezionare i nutrienti che si desidera visualizzare sull’etichetta nutrizionale, spostando l’interruttore accanto a queste opzioni.

Ad esempio, se si desidera visualizzare la percentuale di calcio nel pasto, è possibile attivare l’interruttore accanto all’opzione “Calcio”.

Customize nutrition facts labels

Una volta soddisfatti dell’etichetta nutrizionale, copiare il suo ID dall’URL del sito web Nutrifox.

L’ID dell’etichetta è un numero di 4-5 cifre che vi permetterà di incorporare l’etichetta dei fatti nel vostro sito web WordPress.

Copy the labels ID from the website URL

Aggiungere le etichette dei fatti nutrizionali a un post di WordPress

Dopo aver copiato l’ID dell’etichetta, accedere alla dashboard del sito WordPress.

Una volta arrivati a questo punto, è necessario installare e attivare il plugin Nutrifox WP Connector. Per le istruzioni, consultare la nostra guida passo passo su come installare un plugin per WordPress.

Questo plugin aggiunge un blocco “etichetta Nutrifox” all’editor Gutenberg, che vi permetterà di mostrare le etichette nutrizionali insieme alle vostre ricette.

Dopo l’attivazione del plugin, aprire la pagina o il post in cui si desidera aggiungere l’etichetta dei fatti. Quindi, fare clic sul pulsante “Aggiungi blocco” (+) nell’angolo in alto a sinistra dello schermo e trovare il blocco “Nutrifox Label”.

Una volta aggiunto, incollare nel blocco l’ID dell’etichetta Nutrifox copiato in precedenza.

Add the Nutrifox Label block and paste the label ID

Infine, fare clic sul pulsante “Pubblica” o “Aggiorna” per salvare le modifiche.

Ora è possibile visitare il sito web per controllare l’etichetta nutrizionale in azione.

Preview for nutrition facts labels

Bonus: Usate le ricette gustose per ottimizzare il vostro blog gastronomico e aggiungere le etichette con i dati nutrizionali

Tasty Recipes è il miglior plugin per ricette di WordPress sul mercato che vi permette di ottimizzare il vostro blog di cucina per la SEO delle ricette. Inoltre, consente di regolare il design e il layout delle schede delle ricette.

Inoltre, abilita l’integrazione delle schede di ricette con Nutrifox per aggiungere etichette nutrizionali insieme alle ricette.

Per prima cosa, è necessario installare e attivare il plugin Tasty Recipes. Per istruzioni dettagliate, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, andare alla pagina Impostazioni ” Tasty Recipes e inserire la chiave di licenza. Queste informazioni si trovano nella pagina degli account di Tasty Recipes.

Tasty Recipes license key

Dopodiché, è sufficiente passare alla scheda “Design” nella schermata “Ricette gustose”.

Da qui è possibile scegliere un template per la scheda ricetta dalla colonna di anteprima sulla destra. È inoltre possibile personalizzare ulteriormente il template con le impostazioni on-screen sul lato sinistro dello schermo.

Choose a template for recipe

Una volta fatto ciò, scorrere fino alla sezione “Visualizzazione di Nutrifox” e assicurarsi che l’opzione “Inserisci etichetta Nutrifox (iframe)” sia selezionata.

Se si sceglie l’opzione “Inserisci come testo normale”, è necessario inserire manualmente i dettagli delle etichette nutrizionali.

Infine, non dimenticate di fare clic sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Choose the Insert Nutrifox Label option in the nutrition section

Successivamente, passare alla scheda “Impostazioni” in alto per configurare le opzioni del plugin.

Da qui è possibile scegliere quali pulsanti mostrare nelle ricette, visualizzare le caselle di controllo accanto agli ingredienti, consentire agli utenti di convertire le unità di misura e scalare le ricette per le diverse dimensioni delle porzioni.

Potete anche permettere agli utenti di copiare gli ingredienti con un solo clic e incollare la ricetta da qualche altra parte.

Una volta terminato, non dimenticate di fare clic sul pulsante “Salva modifiche” per memorizzare le modifiche.

Recipe plugin settings

Aggiungere la scheda della ricetta e l’etichetta dei fatti nutrizionali a un post di WordPress

Per aggiungere la scheda ricetta e l’etichetta nutrizionale al vostro sito web, dovete aprire un post nuovo o esistente nell’editor di blocchi dalla barra laterale dell’amministrazione di WordPress.

Una volta lì, basta cliccare sul pulsante “Aggiungi blocco” (+) nell’angolo in alto a sinistra dello schermo e trovare il blocco “Ricetta gustosa”.

Add the Tasty Recipes block into the block editor

Dopo aver aggiunto il blocco, si aprirà un popup “Crea ricetta” nell’editor dei blocchi. Qui si può iniziare ad aggiungere un titolo, una descrizione, un’immagine e un nome di autore per la scheda della ricetta.

Quindi, digitate gli ingredienti della ricetta nella sezione “Ingredienti” e aggiungete le istruzioni da seguire nella sezione “Istruzioni”.

Add description, instructions, and ingredients for the recipe card

Dopodiché, basta scorrere fino alla sezione “Nutrizione”, dove si deve aggiungere l’ID dell’etichetta per le etichette dei dati nutrizionali.

Per farlo, è necessario visitare il sito web di Nutrifox e aprire l’etichetta nutrizionale che si desidera integrare con la ricetta.

Una volta arrivati, è possibile ottenere l’ID dell’etichetta dall’URL del sito web. Si tratta di un numero di 4-5 cifre alla fine dell’URL.

Get the label ID from the Nutrifox website

Basta copiarlo e tornare alla dashboard di WordPress.

Successivamente, è necessario incollare l’ID dell’etichetta nella casella “ID Nutrifox”. Una volta terminato, basta fare clic sul pulsante ‘Inserisci’ per aggiungere la scheda della ricetta all’editor di blocchi.

Add label ID for Nutrifox

Infine, fare clic sul pulsante “Aggiorna” o “Pubblica” per salvare le modifiche.

Ora potete visitare il vostro sito WordPress per controllare la scheda della ricetta con l’etichetta nutrizionale integrata.

Preview of recipe card with nutrition facts labels

Speriamo che questo articolo vi abbia aiutato a capire come visualizzare le etichette nutrizionali in WordPress. Potreste anche consultare il nostro tutorial su come aggiungere uno schema di ricette SEO-friendly in WordPress e la nostra classifica dei migliori temi WordPress per blog di ricette.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

4 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Marsha says

    This was very helpful! Question, when you purchase a Nutrifox account/subscription do you have to manually create a nutrition label for every single recipe on your website? This seems like it would take forever. Or is there a way to import your existing recipe catalog in bulk?

    • WPBeginner Support says

      It would depend on how the recipe is formatted but there is an importer that we show in our screenshot if the recipe is published online :)

      Admin

  3. Ralph says

    This is great addition to recipe and I think every food blogger that is serious should use it. This is crucial for our health and our food consuming decisions but people are still not aware enough. I wish food bloggers would start the trend of giving us nutrition information 10 or even 15 years ago, but such detailed posts are sadly a niche.
    This not only is usefull but really looks great!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.