Jak wyświetlić ekranowe etykiety z informacjami o diecie w WordPress

Opublikowany: 2023-06-28


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

Etykiety z informacjami o wartości odżywczej dostarczają informacji o składnikach odżywczych posiłków, wraz z wartością energetyczną, białkiem, nadmiarem tłuszczu, węglowodanów i nie tylko. Etykiety te pomagają kupującym w dokonywaniu znacznie bardziej świadomych wniosków dotyczących zdrowia i kondycji zgodnie z ich programami dietetycznymi.

W tym raporcie pokażemy, jak bardzo łatwo wstawić etykiety punktów diety w WordPress.

Display nutrition facts labels in WordPress

Dlaczego warto dołączyć etykiety dotyczące wartości odżywczych w WordPress?

Jeśli jesteś blogerem kulinarnym lub promujesz produkty spożywcze w swoim internetowym sklepie detalicznym, umieszczenie etykiet punktów dietetycznych wraz z przepisami i produktami może pomóc Ci zachować zgodność z wszelkimi specyfikacjami dotyczącymi produktów spożywczych.

Informując ludzi o spisanych kaloriach, węglowodanach, białku oraz innych witaminach i minerałach w twoich produktach, dajesz im również możliwość wyciągania świadomych wniosków na temat ich programów dietetycznych.

Nutrition facts labels

Na przykład wprowadzenie etykiety zawierającej informacje o wartości odżywczej wraz z przepisem pozwoli osobom z cukrzycą obserwować spożycie cukru i zachować zdrowie.

Wprowadzenie etykiet z informacjami o wartości odżywczej może również poprawić rankingi optymalizacji pod kątem wyszukiwarek Twojej witryny WordPress. Dzieje się tak dlatego, że wyszukiwarki zazwyczaj traktują priorytetowo strony internetowe, które poprawiają komfort pracy użytkownika, dostarczając odpowiednich informacji o ich towarach.

To zostało zgłoszone, zobaczmy, jak możesz bardzo łatwo włączyć etykiety dotyczące składników odżywczych w WordPress.

Jak dodać etykiety dotyczące wartości odżywczych w WordPress

Możesz po prostu dołączyć etykiety ze szczegółami żywieniowymi w WordPress za pomocą Nutrifox.

Jest to generator etykiet wartości odżywczych on-line, który umożliwia konsumentom tworzenie i dostosowywanie etykiet wartości odżywczych dla ich produktów spożywczych lub przepisów.

Zbuduj etykietę z faktami dietetycznymi z Nutrifox

Najpierw musisz odwiedzić witrynę internetową Nutrifox i zarejestrować konto, klikając przycisk „Rozpocznij bezpłatną wersję próbną” w idealnym górnym rogu ekranu.

Nutrifox zapewnia 14-dniowy okres próbny dla absolutnie wszystkich, 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

Podczas zakładania konta zostaniesz przekierowany na stronę internetową „Witamy w Nutrifox”.

W tym artykule wystarczy kliknąć przycisk „Utwórz swój pierwszy przepis”, aby rozpocząć.

Click the Create Your First Recipe button

Następnie zostaniesz przekierowany do nowego monitora, gdzie musisz wprowadzić nazwę receptury, którą zamierzasz wyprodukować.

Gdy masz dodatkowy tytuł przepisu, po prostu kliknij przycisk „Przejdź do składników”.

Uwaga : jeśli chcesz, możesz również zaimportować ujawniony przepis do Nutrifox ze swojej witryny WordPress, klikając łącze zwrotne „importuj ujawniony przepis”.

Click the Continue to Ingredients button

Spowoduje to przejście do nowego monitora, na którym dokładnie przygotujesz przepis. Tutaj będziesz gotowy, aby zobaczyć etykietę z informacjami o diecie w odpowiedniej kolumnie ekranu.

Możesz teraz zacząć od wypełnienia pól wymiaru porcji i wyboru porcji.

Na przykład, jeśli przygotowujesz przepis na ciasto z czerwonego aksamitu, będziesz chciał wstawić 1 plasterek jako wielkość porcji. Natychmiast po tym musisz wpisać ilość plasterków, które będą w cieście pod opcją „Porcje”.

Jak tylko to zrobisz, po prostu zmień składniki receptury w sekcji „Składniki” i kliknij przycisk „Dodaj”.

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

Wkrótce po dodaniu przepisu etykieta informacyjna o diecie zostanie natychmiast zaktualizowana.

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

Teraz musisz kliknąć przycisk „Dostosuj” w odpowiedniej kolumnie, aby zaprojektować i nadać styl szczegółowej etykiecie.

Od tego miejsca przejdź do przodu i wybierz „Styl etykiety” z menu rozwijanego. Możesz wybrać „Smaczne”, „FDA” lub „Podstawowe”.

Następnie możesz również wybrać wartości odżywcze, które mają być wyświetlane na etykiecie z faktami dotyczącymi diety, przełączając przyszłe zmiany na te opcje.

Na przykład, jeśli chcesz pokazać procentową zawartość wapnia w posiłku, musisz przełączyć nadchodzącą zmianę na opcję „Wapń”.

Customize nutrition facts labels

Gdy jesteś zadowolony z etykiety z danymi żywieniowymi, musisz powielić etykietę

Gdy jesteś zadowolony z etykiety ze szczegółami diety, chcesz powielić jej identyfikator z adresu URL witryny Nutrifox.

Ten identyfikator etykiety składa się z 4 do 5 cyfr, co umożliwi osadzenie etykiety informacyjnej w witrynie WordPress.

Copy the labels ID from the website URL

Dodaj etykiety z informacjami o wartości odżywczej do publikacji WordPress

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

Po dotarciu na miejsce musisz skonfigurować i aktywować wtyczkę Nutrifox WP Connector. Aby uzyskać dodatkowe zalecenia, pamiętaj o zapoznaniu się z naszym szczegółowym podręcznikiem dotyczącym umieszczania wtyczki WordPress.

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

Po aktywacji wtyczki otwórz stronę lub opublikuj ją w miejscu, w którym chcesz dodać etykietę ze szczegółami. Następnie powinieneś kliknąć przycisk „+” w lewym przednim rogu ekranu i odkryć blok „Nutrifox Label”.

Dodając blok, po prostu wklej skopiowany wcześniej identyfikator etykiety Nutrifox do bloku.

Add the Nutrifox Label block and paste the label ID

W końcu przejdź dalej i po prostu kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zachować zmiany.

Możesz teraz sprawdzić swoją witrynę internetową, aby sprawdzić poruszającą się etykietę punktów odżywczych.

Preview for nutrition facts labels

Bonus: korzystaj ze smacznych przepisów, aby wzbogacić swój blog o posiłki i wstawiaj etykiety z informacjami o diecie

Delicious Recipes to dobra wtyczka receptur WordPress, która pozwoli Ci zoptymalizować witrynę bloga o jedzeniu pod kątem marketingu w wyszukiwarkach przepisów. Pozwala także modyfikować styl i format kart z przepisami.

Co więcej, umożliwia zintegrowanie kart do gry z przepisami z Nutrifox, aby dołączyć etykiety z informacjami o diecie wraz z przepisami.

Początkowo musisz zainstalować i aktywować wtyczkę Tasty Recipes. Aby uzyskać szczegółowe zalecenia, sprawdź naszą instrukcję instalacji wtyczki WordPress.

Po aktywacji przejdź do strony Opcje » Pyszne przepisy i wprowadź niezbędną licencję. Możesz uzyskać kluczową licencję ze swojej strony internetowej z kontami Tasty Recipes.

Tasty Recipes license key

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

W tym miejscu możesz wybrać szablon struktury karty receptury z kolumny podglądu po prawej stronie.

Możesz także jeszcze bardziej spersonalizować szablon za pomocą konfiguracji ekranu na wyświetlaczu na pozostałej części monitora.

Choose a template for recipe

Po utworzeniu szablonu karty z przepisami przewiń w dół do części „Wyświetlacz Nutrifox” i upewnij się, że opcja „Wstaw etykietę Nutrifox (iframe)” jest zaznaczona.

Jeśli zdecydujesz się na opcję „Wstaw jako zwykły tekst”, będziesz musiał ręcznie wprowadzić szczegółowe informacje dla etykiet z informacjami o wartościach odżywczych.

Kiedy jesteś zadowolony ze swoich decyzji, naprawdę nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby sprzedać swoje ustawienia.

Choose the Insert Nutrifox Label option in the nutrition section

Nadchodzące, przejdź do zakładki „Ustawienia” u góry, aby skonfigurować opcje wtyczek.

Od dołu możesz wybrać, które przyciski mają być wyświetlane na przepisach, pokazywać wygląd pojemników po składnikach, pozwalać kupującym na zmianę modeli i skalować przepisy w celu uzyskania charakterystycznych porcji.

Możesz także umożliwić użytkownikom kopiowanie elementów jednym kliknięciem i wklejanie przepisu w innym miejscu.

Wreszcie, naprawdę nie zapomnij po prostu kliknąć przycisku „Zapisz zmiany”, aby zachować swoje ulepszenia.

Recipe plugin settings

Dołącz kartę przepisu i etykietę specyfikacji żywieniowej do posta WordPress

Aby umieścić kartę przepisu i etykietę punktów diety na swojej stronie internetowej, musisz otworzyć nowy lub bieżący post w edytorze bloków z paska bocznego administratora WordPress.

Gdy już tam będziesz, po prostu kliknij przycisk „+” w najlepszym wciąż lewym rogu monitora i natrafij na 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 dołączenia tytułu, opisu, grafiki i tożsamości twórcy karty przepisu.

Następnie dostosuj elementy przepisu do sekcji „Składniki” i dodaj zalecenia, których ludzie mają przestrzegać, w segmencie „Instrukcje”.

Add description, instructions, and ingredients for the recipe card

Następnie przewiń w dół do części „Odżywianie”, gdziekolwiek musisz dołączyć identyfikator etykiety dla etykiet z informacjami o wartościach odżywczych.

W tym celu musisz odwiedzić stronę internetową Nutrifox i otworzyć etykietę ze szczegółami diety, którą chcesz zintegrować z przepisem.

W momencie, gdy tam jesteś, możesz uzyskać identyfikator etykiety z adresu URL witryny. Będzie to 4-5-cyfrowa odmiana na końcu adresu URL.

Get the label ID from the Nutrifox website

Po prostu zduplikuj go i ponownie przejdź do pulpitu nawigacyjnego WordPress.

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

Add label ID for Nutrifox

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zachować swoje odmiany.

Możesz teraz zajrzeć na swoją stronę internetową, aby przetestować kartę przepisu z wbudowaną etykietą wartości odżywczych.

Preview of recipe card with nutrition facts labels

Mamy nadzieję, że ten raport pomógł Ci dowiedzieć się, jak wyświetlać etykiety punktów diety w WordPress. Być może zechcesz również zapoznać się z naszym samouczkiem dotyczącym włączania schematu receptur wspomagającego marketing w wyszukiwarkach w WordPress oraz naszych wiodących typów najskuteczniejszych motywów WordPress dla blogów z przepisami.

Jeśli wolisz ten post, pamiętaj, aby zasubskrybować nasz kanał YouTube, aby zapoznać się z samouczkami wideo online WordPress. Możesz nas również znaleźć na Twitterze i Fb.