Jak wyświetlać etykiety z informacjami o wartościach odżywczych w WordPress

Opublikowany: 2023-06-28

Szukasz sposobu na wyświetlanie etykiet z informacjami o wartościach odżywczych w WordPress?

Etykiety z wartościami odżywczymi dostarczają informacji na temat zawartości składników odżywczych w żywności, w tym liczby kalorii, białka, tłuszczu, węglowodanów i innych. Etykiety te pomagają użytkownikom podejmować bardziej świadome decyzje dotyczące zdrowia zgodnie z ich dietą.

W tym artykule pokażemy, jak łatwo dodawać etykiety z informacjami o wartościach odżywczych w WordPress.

Display nutrition facts labels in WordPress

Po co dodawać etykiety z informacjami o wartościach odżywczych w WordPress?

Jeśli jesteś blogerem kulinarnym lub sprzedajesz artykuły spożywcze w swoim sklepie internetowym, dodanie etykiet z informacjami o wartości odżywczej 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ęglowodanach, białku i innych składnikach odżywczych posiłków, umożliwiasz im również podejmowanie świadomych decyzji dotyczących ich diety.

Nutrition facts labels

Na przykład dodanie etykiety z informacjami o wartości odżywczej do przepisu pozwoli osobom z cukrzycą monitorować spożycie cukru i zachować zdrowie.

Dodanie etykiet z informacjami o wartości odżywczej może również poprawić rankingi SEO Twojego bloga WordPress. Dzieje się tak dlatego, że wyszukiwarki zwykle traktują priorytetowo strony internetowe, które poprawiają wrażenia użytkownika, dostarczając odpowiednich informacji o swoich produktach.

To powiedziawszy, zobaczmy, jak możesz łatwo dodawać etykiety z informacjami o wartościach odżywczych w WordPress.

Jak dodać etykiety z informacjami o wartościach odżywczych w WordPress

Możesz łatwo dodawać etykiety z informacjami o wartościach odżywczych w WordPress za pomocą Nutrifox.

Jest to internetowy generator etykiet wartości odżywczych, który umożliwia użytkownikom tworzenie i dostosowywanie etykiet wartości odżywczych dla ich produktów spożywczych lub przepisów.

Utwórz etykietę z wartościami odżywczymi za pomocą Nutrifox

Najpierw musisz odwiedzić stronę internetową Nutrifox i założyć konto, klikając przycisk „Rozpocznij bezpłatną wersję próbną” w prawym górnym rogu ekranu.

Nutrifox oferuje wszystkim 14-dniowy okres próbny, po którym zostaniesz obciążony opłatą w wysokości około 9 USD miesięcznie lub 89 USD rocznie.

Start your free trial on 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ąć.

Click the Create Your First Recipe button

Następnie zostaniesz przekierowany do nowego ekranu, na którym musisz wprowadzić nazwę receptury, którą zamierzasz utworzyć.

Po dodaniu nazwy przepisu wystarczy kliknąć przycisk „Przejdź do składników”.

Uwaga : jeśli chcesz, możesz również zaimportować opublikowany przepis 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 utworzysz przepis. Tutaj w prawej kolumnie ekranu zobaczysz etykietę z informacją o wartości odżywczej.

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

Na przykład, jeśli piszesz przepis na ciasto z czerwonego aksamitu, będziesz musiał dodać 1 plasterek jako wielkość porcji. Następnie musisz dodać liczbę plasterków, które będą w cieście w opcji „Porcje”.

Gdy to zrobisz, po prostu wpisz składniki 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.

Dostosuj swoje etykiety z informacjami o wartościach odżywczych

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

Stąd śmiało i wybierz „Styl etykiety” z menu rozwijanego. Możesz wybrać „Smaczne”, „FDA” lub „Podstawowe”.

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

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

Customize nutrition facts labels

Gdy będziesz zadowolony z etykiety z informacjami o wartości odżywczej, musisz skopiować etykietę

Gdy będziesz zadowolony z etykiety z informacjami o wartościach odżywczych, musisz skopiować jej identyfikator z adresu URL witryny Nutrifox.

Ten identyfikator etykiety to 4-5-cyfrowy numer, który pozwoli Ci osadzić etykietę z faktami na swojej stronie internetowej WordPress.

Copy the labels ID from the website URL

Dodaj etykiety wartości odżywczych do posta WordPress

Po skopiowaniu identyfikatora etykiety przejdź do pulpitu nawigacyjnego swojej witryny WordPress.

Gdy już tam będziesz, musisz zainstalować i aktywować wtyczkę Nutrifox WP Connector. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.

Ta wtyczka doda blok „Nutrifox label” do edytora Gutenberga, który pozwoli ci wyświetlać etykiety z wartościami odżywczymi wraz z twoimi przepisami.

Po aktywacji wtyczki otwórz stronę lub post, na którym chcesz dodać etykietę faktów. Następnie musisz kliknąć przycisk „+” w lewym górnym rogu ekranu i znaleźć blok „Nutrifox Label”.

Po dodaniu bloku po prostu wklej skopiowany wcześniej identyfikator etykiety Nutrifox do bloku.

Add the Nutrifox Label block and paste the label ID

Na koniec śmiało kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać zmiany.

Możesz teraz odwiedzić swoją witrynę internetową, aby sprawdzić działanie etykiety zawierającej informacje o wartościach odżywczych.

Preview for nutrition facts labels

Bonus: użyj smacznych przepisów, aby zoptymalizować swój blog o jedzeniu i dodaj etykiety z wartościami odżywczymi

Tasty Recipes to świetna wtyczka do przepisów WordPress, która pozwala zoptymalizować blog kulinarny pod kątem SEO przepisów. Pozwala także dostosować projekt i układ kart z przepisami.

Dodatkowo umożliwia zintegrowanie kart z przepisami z Nutrifox w celu dodania etykiet wartości odżywczych wraz z przepisami.

Najpierw musisz zainstalować i aktywować wtyczkę Tasty Recipes. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Po aktywacji przejdź do strony Ustawienia » Smaczne przepisy i wprowadź klucz licencyjny. Możesz uzyskać klucz licencyjny ze strony kont Tasty Recipes.

Tasty Recipes license key

Następnie wystarczy przejść do zakładki „Projekt” na stronie „Smaczne przepisy”.

Stąd możesz wybrać szablon projektu karty przepisu z kolumny podglądu po prawej stronie.

Możesz także dodatkowo dostosować szablon za pomocą ustawień ekranowych po lewej stronie ekranu.

Choose a template for recipe

Po zaprojektowaniu szablonu karty z przepisami przewiń w dół do sekcji „Wyświetlacz 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ółowe informacje dotyczące etykiet z wartościami odżywczymi.

Gdy będziesz zadowolony z dokonanych wyborów, nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać ustawienia.

Choose the Insert Nutrifox Label option in the nutrition section

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

Tutaj możesz wybrać, które przyciski mają być wyświetlane w przepisach, wyświetlać pola wyboru obok składników, zezwalać użytkownikom na przeliczanie jednostek i skalować przepisy dla różnych wielkości porcji.

Możesz także zezwolić użytkownikom na kopiowanie składników jednym kliknięciem i wklejanie przepisu w innym miejscu.

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

Recipe plugin settings

Dodaj kartę przepisu i etykietę z informacjami o wartościach odżywczych do posta WordPress

Aby dodać kartę przepisu i etykietę z informacjami żywieniowymi do swojej witryny, musisz otworzyć nowy lub istniejący post w edytorze bloków na pasku bocznym administratora WordPress.

Gdy już tam będziesz, po prostu kliknij przycisk „+” 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ę okienko „Utwórz przepis”. Tutaj możesz zacząć od dodania tytułu, opisu, obrazu i nazwiska autora 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 „Odżywianie”, w której musisz dodać identyfikator etykiety dla etykiet z informacją o wartości odżywczej.

W tym celu musisz odwiedzić witrynę Nutrifox i otworzyć etykietę z informacjami o wartości odżywczej, którą chcesz zintegrować z przepisem.

Gdy już tam będziesz, możesz pobrać identyfikator etykiety z adresu URL witryny. Będzie to 4-5-cyfrowy numer na końcu adresu URL.

Get the label ID from the Nutrifox website

Po prostu skopiuj go i wróć do pulpitu nawigacyjnego WordPress.

Następnie musisz wkleić identyfikator etykiety w polu „Nutrifox ID”. Po zakończeniu wystarczy kliknąć przycisk „Wstaw”, aby dodać kartę przepisu do edytora bloków.

Add label ID for Nutrifox

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

Możesz teraz odwiedzić swoją witrynę internetową, aby sprawdzić kartę przepisu ze zintegrowaną etykietą z informacją o wartości odżywczej.

Preview of recipe card with nutrition facts labels

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyświetlać etykiety z informacjami o wartościach odżywczych w WordPress. Możesz również zapoznać się z naszym samouczkiem na temat dodawania przyjaznego dla SEO schematu przepisów w WordPress i naszymi najlepszymi typami najlepszych motywów WordPress dla blogów z przepisami.

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