{"id":3014,"date":"2025-10-09T09:02:38","date_gmt":"2025-10-09T09:02:38","guid":{"rendered":"https:\/\/discountray.com\/?p=3014"},"modified":"2025-12-01T12:02:10","modified_gmt":"2025-12-01T12:02:10","slug":"shopify-product-badges-without-app","status":"publish","type":"post","link":"https:\/\/discountray.com\/it\/blog\/shopify-product-badges-without-app\/","title":{"rendered":"Come aggiungere badge di prodotto Shopify senza app (guida 2026)"},"content":{"rendered":"<p>Vuoi far risaltare i tuoi prodotti Shopify con tag personalizzati accattivanti? Allora questa \u00e8 la guida giusta per te. Badge come &quot;Saldi&quot;, &quot;Nuovo arrivo&quot; o &quot;Best Seller&quot; possono aiutare i prodotti a farsi notare velocemente. Non hai bisogno di alcuna app per farlo. Sorpreso? In questo post, imparerai come creare badge di prodotto Shopify senza un&#039;app utilizzando <a href=\"https:\/\/community.shopify.com\/t\/creating-a-custom-badge-using-tags-for-offers\/332126\" target=\"_blank\" rel=\"noreferrer noopener\">Metacampi di Shopify e codice tematico semplice<\/a>.<\/p>\n\n\n\n<p>Questa guida passo passo \u00e8 adatta anche a chi non ha competenze di programmazione. Imparerai anche come aggiungere un badge su Shopify e come controllarne testo e colore direttamente dal pannello di amministrazione. Al termine, avrai badge colorati e professionali, dall&#039;aspetto pulito e dal caricamento rapido. Pronto a trasformare il tuo negozio Shopify? Iniziamo subito!&nbsp;<\/p>\n\n\n\n<section aria-label=\"Riepilogo\" role=\"note\" id=\"post-summary\"\nstyle=\"background:#ffffff; border-left:6px solid #e20c0c; border-right:6px solid #feab2e; padding:15px 20px; margin-bottom:25px; color:#111;\">\n  <strong style=\"font-weight:600; font-size:1.4rem;\">Riepilogo<\/strong>\n  <ul style=\"margin-top:10px; padding-left:20px; list-style-type: circle;\">\n    <li>\u00c8 possibile aggiungere badge di prodotto su Shopify senza alcuna app, utilizzando metafield e un piccolo snippet.<\/li>\n    <li>Il testo, il colore e lo stile del badge possono essere controllati direttamente dal pannello di controllo Shopify.<\/li>\n    <li>I badge aiutano a mettere in evidenza gli articoli in saldo, i nuovi arrivi, i bestseller e le scorte limitate.<\/li>\n    <li>Un semplice CSS consente di posizionare e progettare il badge sulle pagine dei prodotti e delle collezioni.<\/li>\n    <li>DiscountRay offre badge intelligenti avanzati se desideri automazione e regole dinamiche.<\/li>\n  <\/ul>\n<\/section>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Sommario<\/h2><nav><ul><li><a href=\"#why-add-badges\">Perch\u00e9 aggiungere badge<\/a><\/li><li><a href=\"#coming-up\">Prossimamente...<\/a><\/li><li><a href=\"#steps-to-creating-shopify-product-badges-without-app\">Passaggi per creare badge di prodotto Shopify senza un&#039;app<\/a><ul><li><a href=\"#step-1-create-metafields\">Passaggio 1: creare metacampi<\/a><\/li><li><a href=\"#step-2-add-the-snippet\">Passaggio 2: aggiungi lo snippet<\/a><\/li><li><a href=\"#step-3-show-the-badge\">Passaggio 3: mostra il badge<\/a><\/li><li><a href=\"#step-4-style-the-badge\">Fase 4: Definisci lo stile del badge<\/a><\/li><li><a href=\"#step-5-add-badge-details\">Passaggio 5: aggiungi i dettagli del badge<\/a><\/li><\/ul><\/li><li><a href=\"#optional-use-tags\">Facoltativo \u2013 Usa i tag<\/a><\/li><li><a href=\"#common-fixes\">Soluzioni comuni<\/a><\/li><li><a href=\"#bonus-add-smart-badges-with-discount-ray\">Bonus: aggiungi badge intelligenti con DiscountRay<\/a><\/li><li><a href=\"#final-thoughts\">Considerazioni finali<\/a><\/li><li><a href=\"#fa-qs\">Domande frequenti<\/a><ul><li><a href=\"#faq-question-1759911335068\">1. Come posso aggiungere un badge personalizzato in Shopify?<\/a><\/li><li><a href=\"#faq-question-1759911342511\">2. Posso creare badge personalizzati su Shopify?<\/a><\/li><li><a href=\"#faq-question-1759911352902\">3. Come aggiungere un badge sconto su Shopify?<\/a><\/li><li><a href=\"#faq-question-1759911379087\">4. Come posso aggiungere badge di fiducia alla mia pagina prodotto Shopify?<\/a><\/li><li><a href=\"#faq-question-1759911390174\">5. Come aggiungere un badge di spedizione gratuita su Shopify?<\/a><\/li><li><a href=\"#faq-question-1759911401510\">6. Come creare badge su Shopify senza un&#039;app?<\/a><\/li><li><a href=\"#faq-question-1759911421424\">7. Come posso aggiungere icone personalizzate a Shopify?<\/a><\/li><li><a href=\"#faq-question-1759911435046\">8. I badge Shopify valgono la pena?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-add-badges\"><strong>Perch\u00e9 aggiungere badge<\/strong><\/h2>\n\n\n\n<p>I badge aiutano i clienti a concentrarsi sui prodotti chiave. Evidenziano le novit\u00e0, i prodotti pi\u00f9 popolari o quelli in saldo.<br>Guidano gli acquirenti e aumentano i clic.<\/p>\n\n\n\n<p><strong>Esempi:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>I badge &quot;Saldi&quot; mostrano sconti e offerte.<br><\/li>\n\n\n\n<li>I badge &quot;Bestseller&quot; creano fiducia e dimostrano popolarit\u00e0.<br><\/li>\n\n\n\n<li>I badge &quot;Nuovo arrivo&quot; indicano le novit\u00e0.<br><\/li>\n\n\n\n<li>I badge &quot;Disponibilit\u00e0 limitata&quot; creano urgenza.<br><\/li>\n<\/ul>\n\n\n\n<p>Se vendi abbigliamento, aggiungi un badge &quot;Nuovo arrivo&quot; ai nuovi articoli. I clienti li noteranno subito.<\/p>\n\n\n\n<p>Aggiungere badge personalizzati Shopify migliora l&#039;aspetto del tuo negozio e ti fa risparmiare. Non avrai bisogno di app o script aggiuntivi. \u00c8 uno dei modi migliori per aggiungere badge ai prodotti Shopify in modo semplice.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"coming-up\"><strong>Prossimamente...<\/strong><\/h2>\n\n\n\n<p>Imparerai a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aggiungi badge alle pagine dei prodotti e delle collezioni<br><\/li>\n\n\n\n<li>Controlla il testo e il colore del badge dal pannello di amministrazione di Shopify<br><\/li>\n\n\n\n<li>Crea badge di prodotto personalizzati che i proprietari di negozi Shopify adorano<br><\/li>\n\n\n\n<li>Aggiungi tag come Saldi, Bestseller o Limitato<br><\/li>\n\n\n\n<li>Utilizza i badge dei prodotti Shopify senza un&#039;app per risparmiare denaro e rimanere veloce<br><\/li>\n<\/ul>\n\n\n\n<p>Nella prossima sezione, forniremo una guida passo passo su come aggiungere badge personalizzati utilizzando un codice semplice. Non preoccuparti se non hai familiarit\u00e0 con il codice. Queste istruzioni sono facili da seguire e tutto ci\u00f2 che devi fare \u00e8 copiare e incollare per ottenere il risultato desiderato.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"steps-to-creating-shopify-product-badges-without-app\"><strong>Passaggi per creare badge di prodotto Shopify senza app<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-create-metafields\">Passaggio 1: creare metacampi<\/h3>\n\n\n\n<p>Metafields memorizza ulteriori dettagli sui prodotti.<br>Ne creerai tre: uno per il testo del badge, uno per il colore di sfondo e uno per il colore del testo.<\/p>\n\n\n\n<p><strong>Passaggi:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Nel pannello di amministrazione di Shopify, vai a <strong>Impostazioni<\/strong> \u2192 <strong>Dati personalizzati (Metafield)<\/strong> \u2192<strong> Prodotti<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Metafields-1024x662.jpg\" alt=\"Badge di prodotto Shopify senza app - Metafields\" class=\"wp-image-3026\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Metafields-1024x662.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Metafields-300x194.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Metafields-768x496.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Metafields-18x12.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Metafields.jpg 1171w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Clic <strong>Aggiungi definizione<\/strong> e creare<br><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Testo del distintivo<\/strong> \u2013 testo su una sola riga, ad esempio \u201cSaldi\u201d<br><\/li>\n\n\n\n<li><strong>Colore di sfondo del distintivo<\/strong> \u2013 testo su una sola riga, esempio,<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\"> #FF0000<\/mark><br><\/li>\n\n\n\n<li><strong>Colore del testo del badge<\/strong> \u2013 testo su una sola riga, esempio, <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">#FFFFFF<\/mark><br><\/li>\n<\/ul>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Clic <strong>Salva<\/strong><br><\/li>\n<\/ol>\n\n\n\n<p>Ora modifica qualsiasi prodotto e scorri fino a <strong>Metacampi<\/strong>Vedrai tre caselle pronte da riempire.<\/p>\n\n\n\n<p><strong>Esempio:<\/strong><strong><br><\/strong><\/p>\n\n\n\n<p>Se il prodotto \u00e8 un abito estivo, compila<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Testo del badge \u2192 Vendita<br><\/li>\n\n\n\n<li>Colore di sfondo \u2192 <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">#FF0000<\/mark><br><\/li>\n\n\n\n<li>Colore del testo \u2192 <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">#FFFFFF<\/mark><br><\/li>\n<\/ul>\n\n\n\n<p>Salvalo.<br><\/p>\n\n\n\n<p>Shopify mostrer\u00e0 ora un badge rosso di vendita su quel prodotto.<br><\/p>\n\n\n\n<p>Ecco come funzionano i badge dei prodotti Shopify senza un&#039;app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-add-the-snippet\">Passaggio 2: aggiungi lo snippet<\/h3>\n\n\n\n<p>Questo passaggio \u00e8 semplice. Basta incollare un blocco di codice.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Vai a <strong>Negozio online<\/strong> \u2192 <strong>Temi<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-1024x521.jpg\" alt=\"Badge di prodotto Shopify senza app - negozio online (temi)\" class=\"wp-image-3027\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-1024x521.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-300x153.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-768x391.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-1536x781.jpg 1536w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-18x9.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes.jpg 1701w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Clic <strong>Azioni<\/strong> \u2192 <strong>Modifica codice<\/strong><br><\/li>\n\n\n\n<li>Sotto <strong>Frammenti<\/strong>, clicca <strong>Aggiungi un nuovo frammento<\/strong><br><\/li>\n\n\n\n<li>Nominalo <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">badge di prodotto<\/mark><br><\/li>\n\n\n\n<li>Incolla questo codice<br><\/li>\n<\/ol>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">{% se product.metafields.custom.badge_text != vuoto %}<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&lt;div class=\u201dcustom-badge\u201d<\/mark>&nbsp;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">stile=\u201dcolore-di-sfondo: {{ product.metafields.custom.badge_background_color }};&nbsp;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">colore: {{ product.metafields.custom.badge_text_color }};\u201d&gt;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&nbsp;{{ prodotto.metafields.custom.badge_text }}<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&lt;\/div&gt;<\/mark><\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">{% fine se %}<\/mark><\/p>\n\n\n\n<p>Screenshot del codice:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"323\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-code-1024x323.jpg\" alt=\"Badge di prodotto Shopify senza app - codice (temi) per negozi online\" class=\"wp-image-3028\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-code-1024x323.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-code-300x95.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-code-768x242.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-code-18x6.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-online-store-themes-code.jpg 1036w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Salvalo.<\/p>\n\n\n\n<p>Questo codice verifica se un prodotto ha un testo distintivo. In caso affermativo, il distintivo viene visualizzato automaticamente.<\/p>\n\n\n\n<p><strong>Esempio:<\/strong><strong><br><\/strong><\/p>\n\n\n\n<p>Se aggiungi &quot;Vendita&quot; al tuo metacampo, questo codice lo visualizza. Tutto quello che hai dovuto fare \u00e8 stato copiare e incollare. Facile, vero?&nbsp;<\/p>\n\n\n\n<p>Funziona con un badge di vendita Shopify, &quot;Nuovo arrivo&quot; o qualsiasi altro testo. \u00c8 uno dei modi pi\u00f9 semplici per utilizzare i badge dei prodotti Shopify senza un&#039;app.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-show-the-badge\">Passaggio 3: mostra il badge<\/h3>\n\n\n\n<p>Ora indica a Shopify dove mostrare il badge.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Aprire <strong>scheda-prodotto.liquido<\/strong> (o simili)<br><\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cerca &quot;carta&quot; o &quot;prodotto&quot;<br><\/li>\n<\/ul>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Trova l&#039;area dell&#039;immagine del prodotto, contrassegnata da <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&lt;img&gt;<\/mark> O<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\"> immagine_della_scheda_del_prodotto<\/mark><br><\/li>\n\n\n\n<li>Incolla questa riga dove vuoi il badge<br><\/li>\n<\/ol>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">{% rende &#039;product-badge&#039; %}<\/mark><\/p>\n\n\n\n<p>Screenshot del codice:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"136\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-show-badge-code-1024x136.jpg\" alt=\"Badge dei prodotti Shopify senza app: mostra il codice del badge\" class=\"wp-image-3029\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-show-badge-code-1024x136.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-show-badge-code-300x40.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-show-badge-code-768x102.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-show-badge-code-18x2.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-show-badge-code.jpg 1048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Salva.<\/p>\n\n\n\n<p>Quindi apri <strong>modello-prodotto.liquido<\/strong> e incolla la stessa riga nel punto in cui desideri che appaia il badge nelle pagine dei prodotti.<\/p>\n\n\n\n<p><strong>Esempio:<\/strong><strong><br><\/strong><\/p>\n\n\n\n<p>Incollalo sopra l&#039;immagine per mostrare &quot;Nuovo arrivo&quot; direttamente sull&#039;immagine. Salva e aggiorna.<\/p>\n\n\n\n<p><strong>Mancia:<\/strong><strong><br><\/strong><\/p>\n\n\n\n<p>Duplica il tema prima di modificarlo. In questo modo, potrai ripristinarlo facilmente se necessario.<\/p>\n\n\n\n<p>Questa configurazione ti aiuta ad aggiungere rapidamente badge ai prodotti Shopify e funziona su qualsiasi tema.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-style-the-badge\">Fase 4: Definisci lo stile del badge<\/h3>\n\n\n\n<p>Ora puoi definire l&#039;aspetto del tuo badge.<\/p>\n\n\n\n<p>Apri il tuo file CSS (<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">base.css<\/mark> O <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">tema.css<\/mark>).<br>Scorri fino in fondo e aggiungi questo codice.<\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">.distintivo personalizzato {<\/mark><\/p>\n\n\n\n<p>&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&nbsp;posizione: assoluta;<\/mark><\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&nbsp;&nbsp;in alto: 10px;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">sinistra: 10px;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">imbottitura: 5px 10px;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">font-weight: grassetto;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">dimensione carattere: 14px;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">raggio del bordo: 5px;<\/mark><\/p>\n\n\n\n<p>&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&nbsp;indice z: 10;<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">spazio bianco: nowrap;<\/mark><\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">}<\/mark><\/p>\n\n\n\n<p>Screenshot del codice:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"447\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-style-badge-code-1024x447.jpg\" alt=\"Badge di prodotto Shopify senza app - codice badge di stile\" class=\"wp-image-3030\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-style-badge-code-1024x447.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-style-badge-code-300x131.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-style-badge-code-768x335.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-style-badge-code-18x8.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-style-badge-code.jpg 1048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Salva.<\/p>\n\n\n\n<p>I tuoi badge ora vengono visualizzati nell&#039;angolo in alto a sinistra di ogni immagine del prodotto.<\/p>\n\n\n\n<p><strong>Esempio:<\/strong><strong><br><\/strong><\/p>\n\n\n\n<p>Un badge rosso di vendita Shopify con testo bianco ora \u00e8 chiaramente visibile su ogni prodotto. \u00c8 possibile modificarne la posizione modificando i numeri in alto o a sinistra.<\/p>\n\n\n\n<p>Ecco come puoi personalizzare i badge dei prodotti Shopify senza un&#039;app. E senza nemmeno dover modificare il layout principale.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-add-badge-details\">Passaggio 5: aggiungi i dettagli del badge<\/h3>\n\n\n\n<p>Adesso \u00e8 il momento di applicare il tuo badge.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Nel pannello di amministrazione di Shopify, apri <strong>Prodotti<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Shopify-admin-Products-1024x405.jpg\" alt=\"Badge dei prodotti Shopify senza app - Prodotti dell&#039;amministratore Shopify\" class=\"wp-image-3031\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Shopify-admin-Products-1024x405.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Shopify-admin-Products-300x119.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Shopify-admin-Products-768x304.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Shopify-admin-Products-1536x608.jpg 1536w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Shopify-admin-Products-18x7.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-Shopify-admin-Products.jpg 1653w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Scegli un prodotto come &quot;Giacca invernale&quot;<br><\/li>\n\n\n\n<li>Scorri fino a <strong>Metacampi<\/strong><br><\/li>\n\n\n\n<li>Riempire<br>\n<ul class=\"wp-block-list\">\n<li>Testo del badge \u2192 Bestseller<br><\/li>\n\n\n\n<li>Contesto \u2192 <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">#FFD700<\/mark><br><\/li>\n\n\n\n<li>Colore del testo \u2192 <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">#000000<\/mark><br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Salva<br><\/li>\n<\/ol>\n\n\n\n<p>Aggiorna il tuo negozio. Vedrai il badge Bestseller dorato.<\/p>\n\n\n\n<p>Hai appena creato una configurazione Shopify personalizzata per i badge dei prodotti che funziona perfettamente senza strumenti esterni.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"optional-use-tags\"><strong>Facoltativo \u2013 Usa i tag<\/strong><\/h2>\n\n\n\n<p>\u00c8 anche possibile creare badge con tag anzich\u00e9 metacampi.<\/p>\n\n\n\n<p>Aggiungi un tag denominato &quot;sale&quot; al tuo prodotto. Quindi incolla questo codice nello stesso punto di prima.<\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">{% se product.tags contiene &#039;vendita&#039; %}<\/mark><\/p>\n\n\n\n<p>&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&nbsp;&lt;div class=&quot;&rdquo;custom-badge&rdquo;&quot;&gt;Vendita&lt;\/div&gt;<\/mark><\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">{% fine se %}<\/mark><\/p>\n\n\n\n<p>Screenshot del codice:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"198\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-code--1024x198.jpg\" alt=\"Badge dei prodotti Shopify senza app - codice tag facoltativo \" class=\"wp-image-3032\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-code--1024x198.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-code--300x58.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-code--768x148.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-code--18x3.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-code-.jpg 1045w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ora personalizzalo.<\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">.distintivo personalizzato {<\/mark><\/p>\n\n\n\n<p>&nbsp;&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">colore di sfondo: #FF0000;<\/mark><\/p>\n\n\n\n<p>&nbsp;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">&nbsp;colore: #FFFFFF;<\/mark><\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">}<\/mark><\/p>\n\n\n\n<p>Screenshot del codice:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"228\" src=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-style-code--1024x228.jpg\" alt=\"Badge dei prodotti Shopify senza app - codice di stile del tag facoltativo \" class=\"wp-image-3033\" srcset=\"https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-style-code--1024x228.jpg 1024w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-style-code--300x67.jpg 300w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-style-code--768x171.jpg 768w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-style-code--18x4.jpg 18w, https:\/\/discountray.com\/wp-content\/uploads\/2025\/10\/Shopify-product-badges-without-app-optional-tag-style-code-.jpg 1068w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Esempio:<\/strong><strong><br><\/strong><\/p>\n\n\n\n<p>I prodotti con il tag &quot;in saldo&quot; ora mostrano un badge rosso &quot;In saldo&quot;. Rimuovi il tag e il badge scompare.<\/p>\n\n\n\n<p>Questo metodo di configurazione manuale del badge su Shopify \u00e8 pi\u00f9 veloce ma meno flessibile. Non \u00e8 possibile modificare i colori per prodotto, a differenza del badge Shopify, senza un&#039;app che utilizzi i metacampi.<\/p>\n\n\n\n<p>Nella prossima sezione, elencheremo alcune soluzioni comuni per aiutarti a ridurre al minimo gli errori. Vediamole insieme.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"common-fixes\"><strong>Soluzioni comuni<\/strong><\/h2>\n\n\n\n<p>Se i badge non ti sembrano corretti, controlla questi.<\/p>\n\n\n\n<p><strong>Distintivo mancante<\/strong><br><\/p>\n\n\n\n<p>Assicurati che i nomi dei metacampi corrispondano esattamente (come<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\"> testo_distintivo<\/mark>).<\/p>\n\n\n\n<p><strong>Posizione del badge<\/strong><br><\/p>\n\n\n\n<p>Modifica i valori in alto e a sinistra nel CSS.<\/p>\n\n\n\n<p><strong>Il colore non si vede<\/strong><\/p>\n\n\n\n<p><br>Utilizzare un <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">#<\/mark> prima del codice colore.<\/p>\n\n\n\n<p>Dopo piccole correzioni, i badge dei tuoi prodotti Shopify dovrebbero essere visualizzati correttamente senza l&#039;app.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bonus-add-smart-badges-with-discount-ray\"><strong>Bonus: aggiungi badge intelligenti con DiscountRay<\/strong><\/h2>\n\n\n\n<p>Puoi fare un ulteriore passo avanti con i badge Shopify di <a href=\"https:\/\/apps.shopify.com\/discountray?ref=efolillc&amp;utm_source=discounrray_website&amp;utm_medium=blog&amp;utm_campaign=shopify-product-badges-without-app\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/apps.shopify.com\/discountray?ref=efolillc&amp;utm_source=discounrray_website&amp;utm_medium=blog&amp;utm_campaign=shopify-product-badges-without-app\" rel=\"noreferrer noopener\">ScontoRay<\/a>Non hai bisogno di alcuna codifica. In soli 2 clic, il tuo badge personalizzato \u00e8 pronto. &nbsp;<\/p>\n\n\n\n<p><strong>Esempi:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Acquista 2, ricevi 15% di sconto<br><\/li>\n\n\n\n<li>Spedizione gratuita per i VIP<br><\/li>\n\n\n\n<li>Offerta B2B esclusiva<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Saldi del venerd\u00ec<\/li>\n<\/ul>\n\n\n\n<p>C&#039;\u00e8 una guida dettagliata su come puoi personalizzare ulteriormente le tue offerte utilizzando questo <a href=\"https:\/\/discountray.com\/it\/blog\/personalized-discounts-for-shopify\/\" target=\"_blank\" rel=\"noreferrer noopener\">sconto personalizzato<\/a> applicazione. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"final-thoughts\"><strong>Considerazioni finali<\/strong><\/h2>\n\n\n\n<p>Ora sai come creare badge di prodotto Shopify senza un&#039;app. Non hai dovuto scrivere codice o installare nulla.<\/p>\n\n\n\n<p>Voi<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Creati metacampi per testo e colore<br><\/li>\n\n\n\n<li>Aggiunto un piccolo frammento di codice<br><\/li>\n\n\n\n<li>Badge posizionati su prodotti e collezioni<br><\/li>\n\n\n\n<li>Li ho stilizzati con CSS<br><\/li>\n\n\n\n<li>Ho imparato un metodo di tag<br><\/li>\n\n\n\n<li>Ho visto come DiscountRay aggiunge i badge dinamici di Shopify<\/li>\n<\/ul>\n\n\n\n<p>Il tuo negozio ora appare pi\u00f9 pulito e veloce. Inizia in piccolo. Aggiungi un badge e provalo. Un piccolo badge pu\u00f2 fare una grande differenza nel modo in cui gli acquirenti vedono i tuoi prodotti. Ci auguriamo che questo articolo ti sia stato utile. Condividilo con altri commercianti Shopify che desiderano trasformare il loro negozio Shopify in meglio. Per altri consigli degli esperti, consulta i nostri altri blog sull&#039;eCommerce.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\"><strong>Domande frequenti<\/strong><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list\">\n<div id=\"faq-question-1759911335068\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>1. Come posso aggiungere un badge personalizzato in Shopify?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Puoi aggiungere un badge personalizzato in Shopify creando metacampi per il testo e i colori del badge, quindi incollando un piccolo frammento di codice Liquid nel tuo tema.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1759911342511\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>2. Posso creare badge personalizzati su Shopify?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>S\u00ec. Puoi modificare le forme dei badge con CSS, ad esempio rendendoli rotondi o rettangolari.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1759911352902\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>3. Come aggiungere un badge sconto su Shopify?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Crea un metacampo con testo come &quot;Saldi&quot; o &quot;Sconto&quot; e usa il codice del tuo badge per visualizzarlo sulle immagini dei prodotti.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1759911379087\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>4. Come posso aggiungere badge di fiducia alla mia pagina prodotto Shopify?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Puoi caricare le immagini del badge di fiducia e posizionarle sotto il pulsante &quot;Aggiungi al carrello&quot; nel file del modello di prodotto del tuo tema.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1759911390174\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>5. Come aggiungere un badge di spedizione gratuita su Shopify?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Aggiungi un metacampo con il testo &quot;Spedizione gratuita&quot; oppure usa un tag come &quot;spedizione-gratuita&quot; e visualizzalo utilizzando lo snippet del badge.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1759911401510\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>6. Come creare badge su Shopify senza un&#039;app?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Puoi farlo utilizzando i badge dei prodotti Shopify senza un&#039;app. Imposta i metafield, incolla uno snippet e personalizzalo con il CSS.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1759911421424\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>7. Come posso aggiungere icone personalizzate a Shopify?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Puoi caricare icone o utilizzare il codice SVG nelle sezioni del tuo tema, proprio come aggiungi uno snippet di badge.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1759911435046\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>8. I badge Shopify valgono la pena?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>S\u00ec. I badge aumentano la fiducia, attirano l&#039;attenzione e aiutano a vendere i prodotti pi\u00f9 velocemente.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Vuoi far risaltare i tuoi prodotti Shopify con tag personalizzati accattivanti? Allora questa \u00e8 la guida giusta per te. Badge come &quot;Saldi&quot;, &quot;Nuovo arrivo&quot; o &quot;Best Seller&quot; possono aiutare i prodotti a farsi notare velocemente. Non hai bisogno di alcuna app per farlo. Sorpreso? In questo post, imparerai come creare [\u2026]<\/p>","protected":false},"author":9,"featured_media":3035,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[1],"tags":[99,61,24,187,69,183,185,184,186,86],"class_list":["post-3014","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-b2b","tag-discountray","tag-ecommerce","tag-personalized-shopify-badge","tag-shopify","tag-shopify-custom-badges","tag-shopify-custom-badges-without-app","tag-shopify-product-badges","tag-shopify-product-badges-without-app","tag-wholesale"],"_links":{"self":[{"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/posts\/3014"}],"collection":[{"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/comments?post=3014"}],"version-history":[{"count":17,"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/posts\/3014\/revisions"}],"predecessor-version":[{"id":3552,"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/posts\/3014\/revisions\/3552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/media\/3035"}],"wp:attachment":[{"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/media?parent=3014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/categories?post=3014"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/discountray.com\/it\/wp-json\/wp\/v2\/tags?post=3014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}