Adăugarea unui mesaj de urgență pe pagina produselor aflate la reducere este o modalitate excelentă de a atrage atenția cumpărătorilor și de a crește conversiile. În acest tutorial, vei învăța cum să implementezi un astfel de mesaj în magazinul tău WooCommerce.

Ce face acest cod?

Codul afișează un mesaj vizibil în partea de sus a paginii unui produs doar dacă acel produs este în promoție (la reducere). Mesajul este stilizat pentru a atrage atenția cumpărătorilor și pentru a le crea un sentiment de urgență.

Cod complet pentru implementare

Vezi tutorialul pe YouTube

Adaugă următorul cod în fișierul functions.php al temei copil (child theme) sau folosind un plugin precum Code Snippets:

add_action( 'woocommerce_single_product_summary', 'add_sale_urgency_message', 10 );
function add_sale_urgency_message() {
    global $product;

    if ( $product->is_on_sale() ) {
        echo '<div style="background-color: #ffeeba; color: #856404; padding: 10px; margin: 10px 0; text-align: center; border-radius: 5px;">
                <strong>Grăbește-te!</strong> Reducerea expiră curând. Stoc limitat!
              </div>';
    }
}

Cum funcționează?

1. Detectează dacă produsul este în promoție:
   • Funcția is_on_sale() verifică dacă produsul are o reducere activă.
2. Afișează mesajul:
   • Dacă produsul este în promoție, un mesaj personalizat este afișat într-un container HTML cu un design atractiv.

Personalizare

Poți personaliza textul, culorile și stilul mesajului:

• Textul mesajului: Modifică textul din interiorul funcției echo.
• Culorile: Schimbă valorile din proprietățile CSS, precum background-color (#ffeeba) și color (#856404).
• Dimensiunea fontului: Adaugă proprietatea CSS font-size în stiluri pentru a schimba dimensiunea textului.

Exemple

Produs aflat la reducere:

Mesaj afișat:

Grăbește-te! Reducerea expiră curând. Stoc limitat!

Produs fără reducere:

• Nu va afișa niciun mesaj.

Cum să implementezi acest cod?

1. Folosește pluginul Code Snippets:
   • Instalează și activează pluginul Code Snippets.
   • Creează un snippet nou, adaugă codul de mai sus și salvează-l.
2. Adaugă direct în fișierul functions.php:
   • Copiază codul și inserează-l în fișierul functions.php al temei copil pentru a evita pierderea modificărilor la actualizarea temei.

Concluzie

Acest snippet simplu și eficient poate crește semnificativ conversiile în magazinul tău WooCommerce, creând un sentiment de urgență pentru clienții care vizitează paginile produselor aflate la reducere. Personalizează-l în funcție de designul magazinului tău pentru a se potrivi perfect!

Dacă ai nevoie de ajutor suplimentar, lasă un comentariu mai jos sau contactează-ne!