Beneficiile unui buton „Cumpără Rapid”

✔ Crește vânzările – Clienții finalizează mai rapid comanda.

✔ Experiență mai bună – Elimină pașii intermediari, cum ar fi vizualizarea coșului.

✔ Conversie ridicată – Potrivit pentru utilizatorii care doresc o achiziție rapidă.

✔ Funcționează pe orice temă WooCommerce.

Cum funcționează butonul „Cumpără Rapid”?

• Apare pe pagina fiecărui produs.
• Când utilizatorul dă click pe el:
  • Produsul este adăugat în coș.
  • Utilizatorul este redirecționat direct la pagina de checkout.
• Se afișează doar dacă produsul este în stoc și poate fi cumpărat.

Vezi tutorialul pe YouTube

Codul pentru implementarea butonului „Cumpără Rapid”

Adaugă următorul cod în functions.php al temei tale sau folosește un plugin precum Code Snippets.

function add_quick_buy_button() {
    global $product;

    if (!$product || !$product->is_purchasable() || !$product->is_in_stock()) {
        return; // Nu afișăm butonul dacă produsul nu este cumpărabil sau nu e în stoc
    }

    $product_id = $product->get_id();
    $checkout_url = wc_get_checkout_url(); // Link către finalizare comandă
    $cart_url = wc_get_cart_url(); // Link către coș

    echo '<div class="quick-buy-container">';
    echo '<a href="' . esc_url($cart_url . '?add-to-cart=' . $product_id . '&redirect_to_checkout=true') . '" class="button quick-buy-button">
            🚀 Cumpără Rapid
          </a>';
    echo '</div>';

    ?>
    <style>
        .quick-buy-container {
            display: inline-block;
            margin-left: 5px; /* Ajustează distanța față de butonul „Adaugă în coș” */
        }
        
        .single-product .cart {
            display: flex;
            align-items: center;
        }

        .single-product .cart .button {
            margin-right: 5px;
        }
    </style>

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            var quickBuyButton = document.querySelector(".quick-buy-button");
            if (quickBuyButton) {
                quickBuyButton.addEventListener("click", function(e) {
                    e.preventDefault();
                    var url = this.getAttribute("href");

                    fetch(url, { method: 'GET' })
                        .then(response => {
                            window.location.href = "<?php echo esc_url($checkout_url); ?>"; // Redirecționează la checkout
                        })
                        .catch(error => console.error('Eroare la adăugarea în coș:', error));
                });
            }
        });
    </script>
    <?php
}
// Afișăm butonul pe **aceeași linie** cu „Adaugă în coș”
add_action('woocommerce_after_add_to_cart_button', 'add_quick_buy_button', 10);

Explicația codului

• Verifică dacă produsul poate fi cumpărat și este în stoc.
• Construiește link-ul pentru adăugarea în coș și redirecționarea către checkout.
• Adaugă butonul „Cumpără Rapid” sub butonul standard „Adaugă în coș”.
• JavaScript preia URL-ul și forțează redirecționarea spre checkout fără reîncărcarea paginii.

Cum testezi că funcționează?

1️⃣ Adaugă codul în functions.php sau Code Snippets.

2️⃣ Accesează un produs din WooCommerce.

3️⃣ Verifică dacă apare butonul „Cumpără Rapid”.

4️⃣ Dă click pe buton și vezi dacă utilizatorul este direcționat către checkout cu produsul în coș.

Concluzie

Butonul „Cumpără Rapid” este o metodă eficientă de a îmbunătăți experiența utilizatorilor WooCommerce și de a crește conversiile. Acum, clienții pot cumpăra rapid fără a trece prin pași intermediari.