Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak wyświetlać etykiety z informacjami o wartościach odżywczych 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.

Te etykiety pomagają użytkownikom podejmować lepiej poinformowane decyzje dotyczące zdrowia zgodnie z ich dietą, a wyświetlanie ich na Twojej stronie z przepisami może budować zaufanie wśród odbiorców.

Na przestrzeni lat widzieliśmy, jak wiele blogów o jedzeniu i przepisach dodaje etykiety z informacjami o wartościach odżywczych na swoje strony internetowe, a w rezultacie doświadczyły one zwiększonego ruchu i zaangażowania użytkowników. To uświadomiło nam, że dodawanie etykiet z informacjami o wartościach odżywczych jest wysoce skuteczną strategią dla osób z branży spożywczej.

W tym artykule pokażemy Ci, jak łatwo dodawać etykiety z danymi odżywczymi w WordPressie.

Wyświetlanie etykiet z informacjami o wartościach odżywczych w WordPress

Dlaczego dodawać etykiety z danymi odżywczymi w WordPress?

Jeśli jesteś blogerem kulinarnym, masz stronę internetową firmy zajmującej się żywieniem lub sprzedajesz produkty spożywcze w swoim sklepie internetowym, dodanie etykiet z informacjami o wartości odżywczej do Twoich przepisów i produktów może pomóc Ci spełnić wszelkie wymogi regulacyjne dotyczące żywności.

Informując konsumentów o zawartości kalorii, węglowodanów, białka i innych składników odżywczych Twoich posiłków, umożliwiasz im również podejmowanie świadomych decyzji dotyczących ich diety.

Etykiety z informacjami o wartościach odżywczych

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

Dodawanie etykiet z informacjami o wartości odżywczej może również poprawić pozycję Twojego bloga WordPress w wynikach wyszukiwania. Dzieje się tak, ponieważ wyszukiwarki zazwyczaj priorytetowo traktują strony internetowe, które poprawiają doświadczenie użytkownika, dostarczając istotnych informacji o swoich produktach.

Mając to na uwadze, zobaczmy, jak łatwo możesz dodawać etykiety z danymi odżywczymi w WordPressie.

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

Możesz łatwo dodawać etykiety faktów żywieniowych w WordPressie za pomocą Nutrifox.

Jest to generator etykiet żywieniowych online, który pozwala użytkownikom tworzyć i dostosowywać informacje o wartościach odżywczych dla swoich produktów spożywczych lub przepisów.

Utwórz etykietę z danymi odżywczymi za pomocą Nutrifox

Najpierw musisz odwiedzić stronę internetową Nutrifox i zarejestrować konto, klikając przycisk „Rozpocznij bezpłatny okres próbny” w prawym górnym rogu ekranu.

Nutrifox oferuje 14-dniowy okres próbny dla każdego, po którym będziesz obciążany kwotą około 9 USD miesięcznie lub 89 USD rocznie.

Rozpocznij swój bezpłatny okres próbny w Nutrifox

Po utworzeniu konta zostaniesz przekierowany na stronę „Witamy w Nutrifox”.

Stąd po prostu kliknij przycisk „Utwórz swój pierwszy przepis”, aby rozpocząć.

Kliknij przycisk Utwórz swój pierwszy przepis

Spowoduje to przejście do nowego ekranu, na którym musisz wprowadzić nazwę przepisu, który zamierzasz utworzyć.

Gdy to zrobisz, po prostu kliknij przycisk „Kontynuuj do składników”.

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

Kliknij przycisk Kontynuuj do składników

Spowoduje to przejście do nowego ekranu, na którym utworzysz przepis. Etykieta z informacjami o wartości odżywczej będzie znajdować się w prawej kolumnie ekranu.

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

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

Po wykonaniu tej czynności po prostu wpisz listę składników przepisu w sekcji „Składniki” i kliknij przycisk „Dodaj”.

Wpisz liczbę porcji i ich wielkość, a następnie dodaj składniki do przepisu

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

Dostosuj swoje etykiety z informacjami o wartości odżywczej

Teraz kliknij przycisk „Dostosuj” w prawej kolumnie, aby stylizować etykietę z danymi.

Z tego miejsca wybierz z menu rozwijanego opcję „Styl etykiety”. Możesz wybrać „Tasty”, „FDA” lub „Basic”.

Następnie możesz również wybrać składniki odżywcze, które chcesz wyświetlać na etykiecie faktów żywieniowych, przełączając przełącznik obok tych opcji.

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

Dostosuj etykiety z danymi odżywczymi

Gdy będziesz zadowolony z etykiety z danymi odżywczymi, skopiuj jej identyfikator z adresu URL strony Nutrifox.

Ten identyfikator etykiety to liczba od 4 do 5 cyfr, która pozwala osadzić etykietę faktów na Twojej stronie WordPress.

Skopiuj identyfikator etykiet z adresu URL strony internetowej

Dodaj etykiety z wartościami odżywczymi do posta w WordPress

Po skopiowaniu identyfikatora etykiety przejdź do panelu administracyjnego swojej strony WordPress.

Gdy już tam będziesz, musisz zainstalować i aktywować wtyczkę Nutrifox WP Connector. Instrukcje znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Uwaga: Pamiętaj, że wtyczka Nutrifox WP Connector nie została przetestowana z trzema ostatnimi wersjami WordPressa. Jednak podczas testowania wtyczki w czasie rzeczywistym działała ona poprawnie. Szczegółowe informacje znajdziesz w naszym przewodniku na temat korzystania z nieaktualnych wtyczek WordPress.

Ten plugin doda blok „Etykieta Nutrifox” do edytora Gutenberg, który pozwoli Ci wyświetlać etykiety z danymi odżywczymi wraz z Twoimi przepisami.

Po aktywacji wtyczki otwórz stronę lub wpis, do którego chcesz dodać etykietę z faktami. Następnie kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu i znajdź blok „Etykieta Nutrifox”.

Po dodaniu go, wklej wcześniej skopiowany identyfikator etykiety Nutrifox do bloku.

Dodaj blok Nutrifox Label i wklej identyfikator etykiety

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

Możesz teraz odwiedzić swoją stronę internetową, aby sprawdzić etykietę z wartościami odżywczymi w akcji.

Podgląd etykiet z informacjami o wartości odżywczej

Bonus: Użyj Tasty Recipes do optymalizacji swojego bloga kulinarnego i dodawania etykiet z danymi odżywczymi

Tasty Recipes to najlepsza wtyczka do przepisów WordPress na rynku. Pozwala ona zoptymalizować Twój blog kulinarny pod kątem SEO przepisów. Pozwala również dostosować wygląd i układ kart przepisów.

Dodatkowo umożliwia integrację kart przepisów z Nutrifox, aby dodawać etykiety z informacjami o wartościach odżywczych wraz z przepisami.

Najpierw musisz zainstalować i aktywować wtyczkę Tasty Recipes. Szczegółowe instrukcje znajdziesz w naszym przewodniku jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do strony Ustawienia » Tasty Recipes i wprowadź klucz licencyjny. Informacje te znajdziesz na stronie swojego konta Tasty Recipes.

klucz licencyjny Tasty Recipes

Następnie po prostu przełącz się na zakładkę „Projekt” na ekranie „Tasty Recipes”.

Stąd możesz wybrać szablon projektu karty przepisu z kolumny podglądu po prawej stronie. Możesz również dalej dostosowywać szablon za pomocą ustawień na ekranie po lewej stronie.

Wybierz szablon przepisu

Gdy 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 wprowadzić szczegóły dotyczące etykiet faktów żywieniowych.

Na koniec nie zapomnij kliknąć przycisku „Save Changes”, aby zapisać swoje ustawienia.

Wybierz opcję Wstaw etykietę Nutrifox w sekcji odżywiania

Następnie przełącz się na kartę „Ustawienia” u góry, aby skonfigurować opcje wtyczki.

Stąd możesz wybrać, które przyciski mają być wyświetlane w przepisach, zaznaczyć pola wyboru obok składników, pozwolić użytkownikom na konwersję jednostek i skalowanie przepisów dla różnych wielkości porcji.

Możesz również pozwolić użytkownikom na skopiowanie składników jednym kliknięciem i wklejenie przepisu gdzie indziej.

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

Ustawienia wtyczki przepisów

Dodaj kartę przepisu i etykietę faktów żywieniowych do posta WordPress

Aby dodać kartę przepisu i etykietę z danymi odżywczymi do swojej witryny, musisz otworzyć nowy lub istniejący wpis w edytorze bloków z paska bocznego administracji WordPress.

Gdy już tam będziesz, po prostu kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu i znajdź blok „Tasty Recipe”.

Dodaj blok Przepisy Smakoszy do edytora bloków

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

Następnie wpisz składniki przepisu w sekcji „Składniki” i dodaj instrukcje, których użytkownicy powinni przestrzegać w sekcji „Instrukcje”.

Dodaj opis, instrukcje i składniki do karty przepisu

Po tym przewiń w dół do sekcji „Odżywianie”, gdzie musisz dodać identyfikator etykiety dla etykiet z danymi odżywczymi.

Aby to zrobić, musisz odwiedzić stronę Nutrifox i otworzyć etykietę z informacjami o wartościach odżywczych, którą chcesz zintegrować z przepisem.

Gdy już tam będziesz, możesz uzyskać identyfikator etykiety z adresu URL witryny. Będzie to liczba od 4 do 5 cyfr na końcu adresu URL.

Pobierz identyfikator etykiety ze strony Nutrifox

Po prostu skopiuj go i wróć do swojego panelu WordPress.

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

Dodaj identyfikator etykiety dla Nutrifox

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

Możesz teraz odwiedzić swoją stronę WordPress, aby sprawdzić kartę przepisu z zintegrowaną etykietą faktów żywieniowych.

Podgląd karty przepisu z etykietami faktów żywieniowych

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać etykiety faktów żywieniowych w WordPressie. Możesz również zapoznać się z naszym poradnikiem na temat jak dodać przycisk „Przejdź do przepisu” w WordPressie oraz naszymi najlepszymi wyborami dla najlepszych motywów WordPress dla blogów z przepisami.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

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

Ostateczny zestaw narzędzi WordPress

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

Interakcje czytelników

5 CommentsLeave a Reply

  1. Dzięki za post na temat wyświetlania etykiet z danymi o wartości odżywczej! Ten artykuł zapoznał mnie z Nutrifox, fantastycznym narzędziem do generowania etykiet z danymi o wartości odżywczej. Jest niezwykle pomocny i otwierający oczy, zwłaszcza dla blogerów kulinarnych, którzy muszą dostarczać dokładne informacje o wartościach odżywczych. Jeden z moich przyjaciół sprzedaje pakowaną żywność i poprosił mnie o zbudowanie dla niego strony internetowej. To narzędzie będzie nieocenione, aby zapewnić, że jego klienci będą mieli wszystkie potrzebne informacje bezpośrednio na stronie produktu. Nutrifox z pewnością będę polecać i używać!

  2. Świetny tutorial o dodawaniu etykiet żywieniowych do blogów z przepisami!
    Dostarczanie szczegółowych informacji o wartościach odżywczych może naprawdę sprawić, że blog kulinarny się wyróżni.
    Dzięki WPBeginner za kolejny praktyczny, krok po kroku przewodnik, który może naprawdę pomóc blogerom kulinarnym!
    Jesteście NAJLEPSI!!

  3. To było bardzo pomocne! Pytanie, czy kupując konto/subskrypcję Nutrifox, musisz ręcznie tworzyć etykietę żywieniową dla każdego przepisu na swojej stronie internetowej? Wydaje się, że zajęłoby to wieki. Czy jest sposób na masowe zaimportowanie istniejącego katalogu przepisów?

    • 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

  4. To świetny dodatek do przepisu i myślę, że każdy poważny bloger kulinarny powinien go używać. Jest to kluczowe dla naszego zdrowia i naszych decyzji dotyczących spożywania żywności, ale ludzie nadal nie są wystarczająco świadomi. Szkoda, że blogerzy kulinarni nie rozpoczęli trendu podawania nam informacji o wartościach odżywczych 10, a nawet 15 lat temu, ale tak szczegółowe posty to niestety nisza.
    To nie tylko przydatne, ale naprawdę świetnie wygląda!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.