Checkout-Sale-Woocommerce

Turn your checkout into a conversion machine with Checkout Flash Offer — a premium WooCommerce plugin that displays irresistible offers at the decisive moment of purchase.
Designed to boost your average order value and reduce cart abandonment, this plugin combines visual elegance, advanced features, and full customization.

flash-offer.php PHP • 7.24 KB
script.js JAVASCRIPT • 1.39 KB
style.css CSS • 0.88 KB

/*
Plugin Name: Checkout Flash Offer
Plugin URI: https://seusite.com
Description: Exibe uma oferta especial durante o checkout
Version: 1.0
Author: Seu Nome
Text Domain: checkout-flash-offer
*/

if (!defined('ABSPATH')) exit;

class Checkout_Flash_Offer {

    public function __construct() {
        add_action('woocommerce_before_checkout_form', array($this, 'display_offer'));
        add_action('wp_enqueue_scripts', array($this, 'enqueue_assets'));
        add_action('admin_menu', array($this, 'add_admin_page'));
        add_action('admin_init', array($this, 'register_settings'));
        add_action('wp_ajax_handle_offer_response', array($this, 'handle_offer_response'));
        add_action('wp_ajax_nopriv_handle_offer_response', array($this, 'handle_offer_response'));
    }

    // Frontend
    public function display_offer() {
        if (WC()->cart->is_empty()) return;

        $options = get_option('cfo_settings');
        ?>
        <div id="cfo-offer" class="animated">
            <div class="cfo-content">
                <span class="cfo-close">&times;</span>
                <h3>echo esc_html($options['title']); ?></h3>
                <div class="cfo-timer"></div>
                <div class="cfo-products"></div>
                <p>echo wp_kses_post($options['description']); ?></p>
                <div class="cfo-buttons">
                    <button class="cfo-accept">echo esc_html($options['accept_text']); ?></button>
                    <button class="cfo-decline">echo esc_html($options['decline_text']); ?></button>
                </div>
            </div>
        </div>
        }

    // Admin
    public function add_admin_page() {
        add_submenu_page(
            'woocommerce',
            'Checkout Offer Settings',
            'Checkout Offer',
            'manage_options',
            'checkout-offer-settings',
            array($this, 'render_admin_page')
        );
    }

    public function render_admin_page() {
        ?>
        <div class="wrap">
            <h1>esc_html_e('Checkout Flash Offer Settings', 'checkout-flash-offer'); ?></h1>
            <form method="post" action="options.php">
                settings_fields('cfo_settings');
                do_settings_sections('cfo_settings');
                submit_button();
                ?>
            </form>
        </div>
        }

    public function register_settings() {
        register_setting('cfo_settings', 'cfo_settings');

        add_settings_section(
            'cfo_main',
            'Configurações Principais',
            null,
            'cfo_settings'
        );

        // Campos de configuração
        $fields = array(
            array(
                'id' => 'title',
                'label' => 'Título da Oferta',
                'type' => 'text'
            ),
            array(
                'id' => 'description',
                'label' => 'Descrição',
                'type' => 'textarea'
            ),
            array(
                'id' => 'discount',
                'label' => 'Desconto (%)',
                'type' => 'number'
            ),
            array(
                'id' => 'timer',
                'label' => 'Tempo (segundos)',
                'type' => 'number'
            ),
            array(
                'id' => 'accept_text',
                'label' => 'Texto do Botão Aceitar',
                'type' => 'text'
            ),
            array(
                'id' => 'decline_text',
                'label' => 'Texto do Botão Recusar',
                'type' => 'text'
            ),
            array(
                'id' => 'color',
                'label' => 'Cor Principal',
                'type' => 'color'
            )
        );

        foreach ($fields as $field) {
            add_settings_field(
                $field['id'],
                $field['label'],
                array($this, 'render_field'),
                'cfo_settings',
                'cfo_main',
                $field
            );
        }
    }

    public function render_field($args) {
        $options = get_option('cfo_settings');
        $value = $options[$args['id']] ?? '';
        
        switch ($args['type']) {
            case 'textarea':
                echo '<textarea name="cfo_settings['.$args['id'].']" class="regular-text">'.esc_textarea($value).'</textarea>';
                break;
            case 'color':
                echo '<input type="color" name="cfo_settings['.$args['id'].']" value="'.esc_attr($value).'">';
                break;
            default:
                echo '<input type="'.$args['type'].'" name="cfo_settings['.$args['id'].']" value="'.esc_attr($value).'" class="regular-text">';
        }
    }

    // AJAX
    public function handle_offer_response() {
        check_ajax_referer('cfo_nonce', 'security');

        $response = sanitize_text_field($_POST['response']);
        $options = get_option('cfo_settings');

        if ($response === 'accept') {
            // Aplicar desconto
            $coupon_code = 'FLASH'.rand(100,999);
            $coupon = new WC_Coupon();
            $coupon->set_code($coupon_code);
            $coupon->set_discount_type('percent');
            $coupon->set_amount($options['discount']);
            $coupon->save();
            
            WC()->cart->apply_coupon($coupon_code);
            wp_send_json_success(array('message' => __('Desconto aplicado!', 'checkout-flash-offer')));
        } else {
            // Registrar recusa
            wp_send_json_success(array('message' => __('Oferta recusada', 'checkout-flash-offer')));
        }
    }

    // Assets
    public function enqueue_assets() {
        if (is_checkout()) {
            // CSS
            wp_enqueue_style('cfo-style', plugins_url('assets/css/style.css', __FILE__));
            wp_enqueue_style('animate-css', 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

            // JS
            wp_enqueue_script('cfo-script', plugins_url('assets/js/script.js', __FILE__), array('jquery'), null, true);
            wp_localize_script('cfo-script', 'cfo_data', array(
                'ajax_url' => admin_url('admin-ajax.php'),
                'nonce' => wp_create_nonce('cfo_nonce'),
                'timer' => get_option('cfo_settings')['timer'] ?: 60
            ));

            // Dinamic CSS
            $color = get_option('cfo_settings')['color'] ?: '#ff3366';
            $custom_css = "
                #cfo-offer { background-color: {$color}; }
                .cfo-accept { background-color: {$color}; }
            ";
            wp_add_inline_style('cfo-style', $custom_css);
        }
    }
}

new Checkout_Flash_Offer();

// Ativação/Desativação
register_activation_hook(__FILE__, function() {
    add_option('cfo_settings', array(
        'title' => 'Oferta Especial!',
        'description' => 'Aceite agora e ganhe um desconto especial!',
        'discount' => 10,
        'timer' => 60,
        'accept_text' => 'Aceitar Oferta',
        'decline_text' => 'Não, obrigado',
        'color' => '#ff3366'
    ));
});

register_uninstall_hook(__FILE__, function() {
    delete_option('cfo_settings');
});

flash-offer.php

jQuery(document).ready(function($) {
    const offer = $('#cfo-offer');
    const timerBar = $('.cfo-timer');
    let timerWidth = 100;
    
    function startTimer() {
        const timerDuration = cfo_data.timer;
        const interval = (timerDuration * 1000) / 100;
        
        const timer = setInterval(() => {
            timerWidth -= 1;
            timerBar.css('width', timerWidth + '%');
            
            if(timerWidth <= 0) {
                clearInterval(timer);
                offer.fadeOut();
            }
        }, interval);
    }

    offer.fadeIn(500).addClass('animate__bounceInUp');
    
    $('.cfo-close, .cfo-decline').click(function() {
        offer.addClass('animate__bounceOutDown');
        setTimeout(() => offer.remove(), 1000);
    });

    $('.cfo-accept').click(function() {
        $.ajax({
            url: cfo_data.ajax_url,
            type: 'POST',
            data: {
                action: 'handle_offer_response',
                security: cfo_data.nonce,
                response: 'accept'
            },
            success: function(response) {
                if(response.success) {
                    offer.html('<div class="cfo-content">'+response.data.message+'</div>');
                    setTimeout(() => location.reload(), 1000);
                }
            }
        });
    });

    startTimer();
});

script.js

#cfo-offer {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    color: white;
    z-index: 9999;
    display: none;
}

.cfo-content {
    position: relative;
}

.cfo-close {
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
    font-size: 24px;
}

.cfo-timer {
    height: 3px;
    background: rgba(255,255,255,0.3);
    margin: 15px 0;
    border-radius: 3px;
}

.cfo-buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.cfo-buttons button {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

.cfo-accept {
    background: #4CAF50;
    color: white;
}

.cfo-decline {
    background: #666;
    color: white;
}

style.css