Como exibir rótulos de informações de dieta na tela no WordPress

Publicados: 2023-06-28


Você está procurando uma maneira de exibir rótulos de informações nutricionais no WordPress?

Rótulos de informações nutricionais fornecem informações sobre os componentes nutritivos das refeições, incluindo a quantidade de calorias, proteínas, gordura em excesso, carboidratos e muito mais. Esses rótulos ajudam os compradores a fazer conclusões de saúde e condicionamento físico muito mais bem informadas de acordo com seus programas de dieta.

Neste artigo, mostraremos como inserir facilmente rótulos de pontos de dieta no WordPress.

Display nutrition facts labels in WordPress

Por que incluir rótulos específicos de nutrição no WordPress?

Se você é um blogueiro de alimentos ou promove alimentos em seu ponto de venda on-line, incluir rótulos de itens de dieta junto com suas receitas e produtos pode ajudá-lo a cumprir todas as especificações regulamentares de alimentos.

Ao informar as pessoas sobre o conteúdo de calorias, carboidratos, proteínas e outras vitaminas e minerais de seus alimentos, você também as capacita a tirar conclusões fundamentadas sobre seus programas de dieta.

Nutrition facts labels

Por exemplo, introduzir um rótulo de informações nutricionais com uma receita permitirá que pessoas diabéticas observem seu consumo de açúcar e continuem sendo saudáveis.

A introdução de rótulos de informações nutricionais também pode aumentar as classificações de SEO do seu site WordPress. Isso ocorre porque os mecanismos de pesquisa geralmente priorizam sites da Internet que aprimoram a experiência de trabalho do usuário, fornecendo informações adequadas sobre seus produtos.

Dito isso, vamos ver como você pode incorporar facilmente rótulos específicos de alimentos no WordPress.

Como adicionar rótulos específicos de nutrição no WordPress

Você pode simplesmente incluir rótulos de detalhes nutricionais no WordPress usando o Nutrifox.

É um gerador de rótulos alimentares online que permite aos consumidores criar e personalizar rótulos alimentares para seus produtos ou receitas de alimentos.

Crie um rótulo de informações sobre dieta com Nutrifox

Inicialmente, você terá que visitar o site da Nutrifox e abrir uma conta clicando no botão 'Iniciar seu teste gratuito' no canto superior direito da tela.

O Nutrifox oferece um teste de 14 dias para todos, após o qual você será cobrado cerca de $ 9 / mês ou $ 89 / ano.

Start your free trial on Nutrifox

Ao criar uma conta, você será direcionado para a página da web 'Bem-vindo ao Nutrifox'.

Neste artigo, basta clicar no botão 'Criar sua primeira receita' para começar.

Click the Create Your First Recipe button

A seguir, você será direcionado para um novo monitor, onde deverá inserir um nome para a receita que está prestes a produzir.

Quando você tiver mais um título de receita, basta clicar no botão 'Continuar para os ingredientes'.

Tome nota : se quiser, você também pode importar uma receita revelada para Nutrifox do seu site WordPress clicando no backlink 'importar uma receita revelada'.

Click the Continue to Ingredients button

Isso o levará a um novo monitor exatamente onde você fará a receita. Bem aqui, você estará pronto para ver o rótulo de informações da dieta na coluna correta da tela.

Agora você pode começar preenchendo os campos para a dimensão da porção e a seleção de porções.

Por exemplo, se você estiver elaborando uma receita para um bolo de veludo vermelho, insira 1 fatia como o tamanho da porção. Em seguida, você deve inserir a quantidade de fatias que ficará no bolo abaixo da opção 'Porções'.

Assim que tiver feito isso, basta selecionar os ingredientes da receita na seção 'Ingredientes' e clicar no botão 'Adicionar'.

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

Assim que a receita for adicionada, o rótulo de informações da dieta será atualizado imediatamente.

Personalize seus rótulos de informações nutricionais

Agora, você deve clicar no botão 'Personalizar' na coluna apropriada para criar e estilizar a etiqueta de detalhes.

A partir daqui, vá em frente e escolha o 'Estilo de etiqueta' no menu suspenso. Você pode decidir 'Tasty', 'FDA' ou 'Basic'.

Depois disso, você também pode escolher a nutrição que deseja exibir no rótulo dos fatos da dieta, alternando a alteração futura para essas opções.

Por exemplo, se você quiser mostrar a porcentagem de cálcio na refeição, será necessário alternar a alteração para a opção 'Cálcio'.

Customize nutrition facts labels

Quando estiver satisfeito com o rótulo de detalhes do alimento, você precisa duplicar o rótulo

Depois de estar satisfeito com o rótulo de detalhes da dieta, você deseja duplicar seu ID do URL do site da Nutrifox.

Este ID de rótulo é uma variedade de 4 a 5 dígitos que permitirá que você incorpore o rótulo de informações em seu site WordPress.

Copy the labels ID from the website URL

Adicione os rótulos de informações nutricionais a uma publicação do WordPress

Imediatamente após copiar o ID do rótulo, vá para o painel do seu site WordPress.

Quando estiver lá, você precisa configurar e ativar o plug-in Nutrifox WP Connector. Para recomendações adicionais, lembre-se de consultar nosso manual de ação por movimento sobre como inserir um plug-in do WordPress.

Este plug-in adicionará um bloco 'Nutrifox label' ao editor Gutenberg que permitirá que você demonstre rótulos de informações nutricionais junto com suas receitas.

Após a ativação do plug-in, abra a página ou publique onde quiser adicionar o rótulo de detalhes. Em seguida, você deve clicar no botão '+' no canto superior esquerdo da tela e localizar o bloco 'Nutrifox Label'.

Ao adicionar o bloco, basta colar o ID do rótulo Nutrifox que você copiou anteriormente no bloco.

Add the Nutrifox Label block and paste the label ID

Por fim, vá em frente e simplesmente clique no botão 'Publicar' ou 'Atualizar' para salvar suas modificações.

Agora você pode visitar seu site para examinar o rótulo de pontos de nutrição em movimento.

Preview for nutrition facts labels

Bônus: use receitas saborosas para melhorar seu blog de refeições e insira rótulos de informações de dieta

Delicious Recipes é um bom plug-in de receita do WordPress que permitirá que você otimize seu blog de alimentos para marketing de mecanismo de pesquisa de receitas. Também permite modificar o estilo e o formato dos seus cartões de receita.

Além disso, permite que você integre suas cartas de baralho de receitas com Nutrifox para incorporar rótulos de informações de dieta junto com as receitas.

Inicialmente, você deve instalar e ativar o plugin Tasty Recipes. Para recomendações detalhadas, verifique nosso manual sobre como colocar um plugin WordPress.

Após a ativação, vá até a página Opções »Receitas Deliciosas e digite o essencial da licença. Você pode obter sua licença crítica no site de contas do Tasty Recipes.

Tasty Recipes license key

Depois disso, basta mudar para a guia 'Design' na página 'Receitas saborosas'.

A partir daqui, você pode selecionar um modelo de estrutura para o cartão de receita na coluna de visualização à direita.

Você também pode personalizar ainda mais o modelo com as configurações de tela no restante do monitor.

Choose a template for recipe

Depois de criar seu modelo de cartão de receita, role para baixo até a parte 'Nutrifox Display' e certifique-se de que a opção 'Inserir rótulo Nutrifox (iframe)' esteja marcada.

Se você decidir sobre a possibilidade de 'Inserir como texto simples', precisará inserir manualmente os detalhes para os rótulos específicos de nutrição.

Quando estiver satisfeito com suas decisões, não se esqueça de clicar no botão 'Salvar alterações' para armazenar suas configurações.

Choose the Insert Nutrifox Label option in the nutrition section

Em seguida, mude para a guia 'Configurações' na parte superior para configurar as opções de plug-in.

A partir de baixo, você pode selecionar quais botões exibir nas receitas, mostrar a aparência dos recipientes ao lado dos ingredientes, permitir que os clientes troquem de modelo e dimensionar receitas para medidas de serviço distintas.

Você também pode permitir que os usuários copiem os elementos com um clique e colem a receita em outro lugar.

Por fim, não se esqueça de simplesmente clicar no botão 'Salvar alterações' para manter suas melhorias.

Recipe plugin settings

Inclua o cartão de receita e o rótulo de especificações nutricionais em uma postagem do WordPress

Para incluir o cartão de receita e o rótulo de pontos de dieta em seu site, você deve abrir uma postagem nova ou atual no editor de blocos na barra lateral de administração do WordPress.

Uma vez lá, basta clicar no botão '+' no canto superior esquerdo da tela e encontrar o bloco 'Receita Saborosa'.

Add the Tasty Recipes block into the block editor

Ao adicionar o bloco, um pop-up 'Criar receita' será aberto no editor de bloco. Aqui, você pode começar incluindo um título, descrição, gráfico e identificação do criador para o cartão de receita.

Em seguida, estilize os elementos da receita na seção 'Ingredientes' e adicione as recomendações para as pessoas seguirem no segmento 'Instruções'.

Add description, instructions, and ingredients for the recipe card

Em seguida, role para baixo até a seção 'Nutrição', onde você deseja incluir o ID do rótulo para os rótulos de informações nutricionais.

Para isso, você terá que acessar a página da Nutrifox e abrir o rótulo de detalhes da dieta que deseja integrar à receita.

No momento em que você estiver lá, poderá obter o ID do rótulo no URL do site. Será uma variedade de 4 a 5 dígitos no final da URL.

Get the label ID from the Nutrifox website

Basta duplicá-lo e ir novamente para o painel do WordPress.

Em seguida, você deve colar o ID do rótulo na caixa 'Nutrifox ID'. Assim que terminar, basta clicar no botão 'Inserir' para adicionar o cartão de receita ao editor de blocos.

Add label ID for Nutrifox

Por fim, clique no botão 'Atualizar' ou 'Publicar' para salvar suas variações.

Agora você pode dar uma olhada em seu site para testar o cartão de receita com o rótulo de nutrição específico embutido nele.

Preview of recipe card with nutrition facts labels

Esperamos que este artigo o ajude a descobrir como exibir rótulos de pontos de dieta no WordPress. Você também pode querer ver nosso tutorial sobre como incorporar o esquema de receita útil do Search Engine no WordPress e nossas principais escolhas para os melhores temas do WordPress para blogs de receita.

Se você preferiu esta postagem, certifique-se de se inscrever em nosso canal do YouTube para tutoriais em vídeo on-line do WordPress. Você também pode descobrir-nos no Twitter e Fb.