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

Jak wyświetlać etykiety z wartościami odżywczymi w WordPress

Etykiety z informacjami o wartościach odżywczych dostarczają informacji o zawartości składników odżywczych w żywności, w tym o liczbie kalorii, białka, tłuszczu, węglowodanów i innych.

Etykiety te pomagają użytkownikom podejmować bardziej świadome decyzje zdrowotne zgodnie z ich dietą, a wyświetlanie ich na stronie internetowej z żywnością może budować zaufanie wśród odbiorców.

Przez lata widzieliśmy, jak wiele blogów kulinarnych dodawało etykiety z wartościami odżywczymi na swoich stronach internetowych, w wyniku czego odnotowały one zwiększony ruch i zaangażowanie użytkowników. To uświadomiło nam, że dodawanie etykiet wartości odżywczych jest bardzo skuteczną strategią dla osób z branży spożywczej.

W tym artykule pokażemy, jak łatwo dodać etykiety z wartościami odżywczymi w WordPress.

Display nutrition facts labels in WordPress

Dlaczego warto dodawać etykiety z wartościami odżywczymi w WordPress?

Jeśli prowadzisz bloga kulinarnego lub sprzedajesz produkty spożywcze w swoim sklepie internetowym, dodanie etykiet z informacjami o wartościach odżywczych wraz z przepisami i produktami może pomóc w spełnieniu wszelkich wymogów prawnych dotyczących żywności.

Informując konsumentów o zawartości kalorii, węglowodanów, białka i innych składników odżywczych w twoich posiłkach, włączasz ich również do podejmowania świadomych decyzji dotyczących ich diety.

Nutrition facts labels

Na przykład, dodanie etykiety z informacjami o wartościach odżywczych do przepisu pozwoli diabetykom monitorować spożycie cukru i zachować zdrowie.

Dodanie etykiet z informacjami o wartościach odżywczych może również poprawić ranking SEO bloga WordPress. Wynika to z faktu, że wyszukiwarki zazwyczaj traktują priorytetowo strony internetowe, które poprawiają komfort użytkowania, dostarczając istotnych informacji o swoich produktach.

Biorąc to pod uwagę, zobaczmy, jak łatwo dodać etykiety z wartościami odżywczymi w WordPress.

Jak dodać etykiety z wartościami odżywczymi w WordPress?

Możesz łatwo dodawać etykiety z wartościami odżywczymi w WordPressie za pomocą Nutrifox.

Jest to internetowy generator etykiet żywieniowych, który pozwala klientom tworzyć i dostosowywać informacje żywieniowe dla swoich produktów spożywczych lub przepisów.

Tworzenie etykiet z wartościami odżywczymi za pomocą Nutrifox

Po pierwsze, należy przejść na witrynę internetową Nutrifox i założyć konto, klikając przycisk „Rozpocznij Twój bezpłatny okres próbny” w prawym górnym rogu ekranu.

Nutrifox oferuje 14-dniowy okres próbny dla każdego, po którym zostanie naliczona opłata w wysokości około 9 USD miesięcznie lub 89 USD rocznie.

Start your free trial on Nutrifox

Po utworzeniu konta użytkownik zostanie przekierowany na stronę „Witamy w Nutrifox”.

Aby rozpocząć, wystarczy kliknąć przycisk „Utwórz swój pierwszy przepis”.

Click the Create Your First Recipe button

Spowoduje to przejście do nowego ekranu, na którym należy wpisz nazwę przepisu, który zamierzasz utworzyć.

Gdy to zrobisz, kliknij przycisk „Przejdź do składników”.

Uwaga: Jeśli chcesz, możesz również importować opublikowane przepisy do Nutrifox ze swojej witryny WordPress, klikając link „importuj opublikowany przepis”.

Click the Continue to Ingredients button

Spowoduje to przejście do nowego ekranu, na którym zostanie utworzony przepis. Etykieta z wartościami odżywczymi będzie znajdować się w prawej kolumnie ekranu.

Teraz możesz zacząć od wypełnienia pól wielkości porcji i liczby porcji.

Na przykład, jeśli piszesz przepis na czerwone aksamitne ciasto, musisz dodać 1 plasterek jako wielkość porcji. Następnie należy dodać liczbę plastrów, które znajdą się w cieście w opcji „Porcje”.

Gdy już to zrobisz, po prostu wpisz listę składników przepisu w sekcji „Składniki” i kliknij przycisk „Dodaj”.

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

Po dodaniu przepisu etykieta wartości odżywczych zostanie automatycznie zaktualizowana zgodnie z informacjami.

Dostosuj własne etykiety z informacjami o wartościach odżywczych.

Teraz kliknij przycisk „Dostosuj” w prawej kolumnie, aby nadać styl etykiecie faktów.

Następnie wybierz „Styl etykiety” z rozwijanego menu. Możesz wybrać „Tasty”, „FDA” lub „Basic”.

Następnie można również wybrać składniki odżywcze, które mają być wyświetlane na etykiecie z informacjami o wartościach odżywczych, przełączając przełącznik obok tych opcji.

Na przykład, jeśli chcesz wyświetlić procentową zawartość wapnia w posiłku, możesz przełączyć przełącznik obok opcji „Wapń”.

Customize nutrition facts labels

Gdy twoja etykieta z informacjami o wartościach odżywczych jest już gotowa, skopiuj jej identyfikator z adresu URL witryny internetowej Nutrifox.

Ten identyfikator etykiety to 4- lub 5-cyfrowy numer, który umożliwia osadzenie etykiety faktów w witrynie WordPress.

Copy the labels ID from the website URL

Dodawanie etykiet z wartościami odżywczymi do wpisów WordPress

Po skopiowaniu identyfikatora etykiety przejdź do kokpitu twojej witryny internetowej WordPress.

Gdy już się tam znajdziesz, musisz zainstalować i włączyć wtyczkę Nutrifox WP Connector. Aby uzyskać instrukcje, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: Należy pamiętać, że Nutrifox WP Connector nie był testowany z ostatnimi trzema wersjami WordPress. Jednakże, gdy używaliśmy wtyczki w czasie rzeczywistym, działała ona poprawnie. Szczegółowe informacje można znaleźć w naszym przewodniku na temat korzystania z nieaktualnych wtyczek WordPress.

Ta wtyczka doda blok „Etykieta Nutrifox” do edytora Gutenberg, który pozwoli ci wyświetlać etykiety z informacjami o wartościach odżywczych wraz z twoimi przepisami.

Po włączaniu wtyczki otwórz stronę lub wpis, w którym chcesz dodać etykietę faktów. Następnie kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu i znajdź blok „Etykieta Nutrifox”.

Po jego dodaniu wklej do bloku identyfikator etykiety Nutrifox, który skopiowałeś wcześniej.

Add the Nutrifox Label block and paste the label ID

Na koniec kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać twoje zmiany.

Możesz teraz przejść na Twoją witrynę internetową, aby sprawdzić etykietę z informacjami o wartościach odżywczych w działaniu.

Preview for nutrition facts labels

Bonus: Wykorzystaj smaczne przepisy, aby zoptymalizować twój blog kulinarny i dodać etykiety z wartościami odżywczymi

Tasty Recipes to najlepsza na rynku wtyczka WordPress do przepisów kulinarnych. Pozwala ona zoptymalizować bloga kulinarnego pod kątem SEO przepisów. Pozwala również dostosować wygląd i układ kart z przepisami.

Dodatkowo włącza on możliwość integracji twoich kart z przepisami z Nutrifox, aby dodawać etykiety z informacjami o wartościach odżywczych wraz z przepisami.

Najpierw należy zainstalować i włączyć wtyczkę Tasty Recipes. Aby uzyskać szczegółowe instrukcje, sprawdź nasz przewodnik na temat instalacji wtyczki WordPress.

Po włączaniu należy przejść do strony Ustawienia ” Sm aczne przepisy i wpisz klucz licencyjny. Informacje te można znaleźć na stronie Twojego konta Tasty Recipes.

Tasty Recipes license key

Następnie wystarczy przejść do karty „Projekt” na ekranie „Smaczne przepisy”.

Z tego miejsca można wybrać szablon projektu karty z przepisami z kolumny podglądu po prawej stronie. Możesz także dostosować szablon do własnych potrzeb za pomocą ustawień ekranowych po lewej stronie ekranu.

Choose a template for recipe

Gdy już to zrobisz, przewiń w dół do sekcji „Wyświetlanie Nutrifox” i upewnij się, że opcja „Wstaw etykietę Nutrifox (iframe)” jest zaznaczona.

Jeśli wybierzesz opcję „Wstaw jako zwykły tekst”, będziesz musiał ręcznie wpisz szczegóły etykiet z informacjami o wartościach odżywczych.

Na koniec nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje ustawienia.

Choose the Insert Nutrifox Label option in the nutrition section

Następnie przejdź do karty „Ustawienia” u góry, aby skonfigurować opcje wtyczki.

W tym miejscu można wybrać, które przyciski mają być wyświetlane w przepisach, wyświetlać pola wyboru obok składników, umożliwiać użytkownikom konwersję jednostek i skalować przepisy dla różnych wielkości porcji.

Możesz także umożliwić użytkownikom kopiowanie składników za pomocą jednego kliknięcia i wklejanie przepisu w innym miejscu.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje zmiany.

Recipe plugin settings

Dodanie karty przepisu i etykiety z wartościami odżywczymi do wpisu WordPress

Aby dodać kartę przepisu i etykietę z faktami żywieniowymi do twojej witryny internetowej, musisz otworzyć nowy lub istniejący wpis w edytorze bloków z panelu bocznego administratora WordPress.

Gdy już się tam znajdziesz, po prostu kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu i znajdź blok „Smaczny przepis”.

Add the Tasty Recipes block into the block editor

Po dodaniu bloku w edytorze bloków otworzy się wyskakujące okienko „Utwórz przepis”. Tutaj możesz zacząć od dodania tytułu, opisu, obrazka i nazwy autora dla karty przepisu.

Następnie wpisz składniki przepisu w sekcji „Składniki” i dodaj instrukcje dla użytkowników w sekcji „Instrukcje”.

Add description, instructions, and ingredients for the recipe card

Następnie przewiń w dół do sekcji „Wartości odżywcze”, gdzie musisz dodać identyfikator etykiety dla etykiet z wartościami odżywczymi.

W tym celu należy przejść na witrynę internetową Nutrifox i otworzyć etykietę z informacjami o wartościach odżywczych, którą chcemy zintegrować z przepisem.

Gdy już się tam znajdziesz, możesz uzyskać identyfikator etykiety z adresu URL witryny internetowej. Będzie to 4- lub 5-cyfrowa liczba na końcu adresu URL.

Get the label ID from the Nutrifox website

Po prostu skopiuj go i wróć do twojego kokpitu WordPress.

Następnie wklej identyfikator etykiety w polu „Nutrifox ID”. Po zakończeniu kliknij przycisk „Wstaw”, aby dodać kartę z przepisem do edytora bloków.

Add label ID for Nutrifox

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać twoje zmiany.

Możesz teraz przejść na twoją witrynę WordPress, aby sprawdzić kartę z przepisem ze zintegrowaną etykietą z informacjami o wartościach odżywczych.

Preview of recipe card with nutrition facts labels

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak wyświetlać etykiety z wartościami odżywczymi w WordPress. Możesz również zapoznać się z naszym poradnikiem na temat dodawania przycisku „Przejdź do przepisu” w WordPress i naszymi najlepszymi motywami WordPress dla blogów z przepisami.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

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.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

3 komentarzeZostaw odpowiedź

  1. Marsha

    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

      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 :)

      Administrator

  2. Ralph

    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!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.