דלג לתוכן
  • ראשי
  • אודות
    • מהתקשורת
    • המלצות
    • שאלות נפוצות
  • ההתמחות שלנו
    • בניית אתר מכירות
    • בניית אתרי תדמית לעסקים
    • בניית אתר וורדפרס
    • קידום אתרים אורגני
  • מאמרים
  • תיק עבודות
  • יצירת קשר
  • ראשי
  • אודות
    • מהתקשורת
    • המלצות
    • שאלות נפוצות
  • ההתמחות שלנו
    • בניית אתר מכירות
    • בניית אתרי תדמית לעסקים
    • בניית אתר וורדפרס
    • קידום אתרים אורגני
  • מאמרים
  • תיק עבודות
  • יצירת קשר
להתקשרות 054-395-1900

כפתור קנה עכשיו ווקומרס – לרכישה מהירה

דף הבית » טיפים לווקומרס » כפתור קנה עכשיו ווקומרס – לרכישה מהירה

  • יוסי מזרחי
  • ספטמבר 16, 2024
לרכישת אלמנטור פרו
לרכישת קרוקובלוק ג'ט

לעיתים נרצה ליצור בחנות ווקומרס כפתור קנה עכשיו לרכישה מהירה שמובילה לעמוד תשלום במקום להגיע גם לעמוד עגלה, כך תעשו את זה 👇

כדי לאפשר את האופציה לכפתור קנה עכשיו בווקומרס אנחנו נצטרך להוסיף קוד סניפט לתבנית או לתוסף יעודי. אני ממליץ להוסיף באמצעות תוסף של Code Snippets. מדובר בתוסף קליל שלא מכביד על המערכת יתר על המידה.

אנחנו נתקין אותו ונוסיף קוד סניפט חדש – את הקוד הבא

				
					/* buy now button woocommerce code by WPcookie
 * update: https://redpishi.com/wordpress-tutorials/buy-now-button-woocommerce/
 */
add_action('wp_footer', function() {
    if (!is_admin()) {
        // Change button color from here
        $color = "";
        ?>
        <style>
        a.custom-checkout-btn {
            margin: 0px 5px!important;
        }
        </style>
        <?php
        if ($color != "") {
            ?>
            <style>
            a.custom-checkout-btn {
                background: <?php echo $color; ?>!important;
                transition: 0.4s filter ease;
            }
            a.custom-checkout-btn:hover {
                filter: saturate(2);
            }
            </style>
            <?php
        }
    }
});

add_action('woocommerce_after_add_to_cart_button', 'add_custom_addtocart_and_checkout');
function add_custom_addtocart_and_checkout() {
    global $product;

    // conditional tags
    $condition = $product->is_type('simple') || $product->is_type('variable');

    $button_class = 'single_add_to_cart_button button alt custom-checkout-btn';

    // Change the text of the buy now button from here
    $button_text = __("⚡לרכישה מהירה", "woocommerce");

    if ($condition) {
        // For both simple and variable products
        ?>
        <script>window.addEventListener('DOMContentLoaded', function() {
        jQuery(function($) {
            var checkoutUrl = '<?php echo wc_get_checkout_url(); ?>',
                addToCartUrl = '<?php echo wc_get_cart_url(); ?>',
                qty = 'input.qty',
                button = 'a.custom-checkout-btn';

            function updateBuyNowButton() {
                var $form = $('form.cart'),
                    productId = $form.find('input[name="product_id"]').val(),
                    variationId = $form.find('input[name="variation_id"]').val(),
                    quantity = $form.find(qty).val();

                var targetUrl = checkoutUrl + '?add-to-cart=';
                
                if (variationId && variationId != '') {
                    targetUrl += variationId;
                } else {
                    targetUrl += productId;
                }

                targetUrl += '&quantity=' + quantity;

                // Add all selected attributes to the URL
                $form.find('.variations select').each(function() {
                    var attributeName = $(this).attr('name');
                    var attributeValue = $(this).val();
                    if (attributeValue) {
                        targetUrl += '&' + attributeName + '=' + attributeValue;
                    }
                });
                
                $(button).attr('href', targetUrl);
            }

            // Initial update
            updateBuyNowButton();

            // On quantity change
            $(qty).on('input change', updateBuyNowButton);

            // On variation change
            $('.variations_form').on('woocommerce_variation_has_changed', updateBuyNowButton);

            // Ensure button is updated after variation is selected
            $('form.variations_form').on('show_variation', function(event, variation) {
                updateBuyNowButton();
            });

            // Update on any attribute change
            $('.variations_form').on('change', 'select', updateBuyNowButton);

            // Disable the button if not all attributes are selected
            $('.variations_form').on('change', 'select', function() {
                var allSelected = true;
                $('.variations_form select').each(function() {
                    if ($(this).val() === '') {
                        allSelected = false;
                        return false;  // break the loop
                    }
                });
                
                if (allSelected) {
                    $(button).removeClass('disabled').attr('aria-disabled', 'false');
                } else {
                    $(button).addClass('disabled').attr('aria-disabled', 'true');
                }
            });

            // Prevent click if button is disabled
            $(button).on('click', function(e) {
                if ($(this).hasClass('disabled')) {
                    e.preventDefault();
                    alert('Please select all product options before purchasing.');
                }
            });
        });
        });</script>
        <?php
        echo '<a href="#" class="' . $button_class . '">' . $button_text . '</a>';
    }
}
				
			

כפתור קנה עכשיו – התוצאה

והרי התוצאה לפניכם

כפתור קנה עכשיו ווקומרס

במידה ואתם רוצים לשנות את הטקסט לרכישה מהירה. חפשו אותו בקוד הסינפט ושנו אותו למה שאתם רוצים. בהצלחה

כתיבת תגובה לבטל

האימייל לא יוצג באתר. שדות החובה מסומנים *

קודםהקודםהוספת חתימה דיגיטלית לעמוד מוצר
הבאבניית אתרים למסעדות ומשלוחים: איך לחסוך את עמלות "תן ביס"?הבא
מה יש לנו במאמר
אוליי יעניין אתכם גם
undefined

יצירת לופים מותאמים אישית (Custom Loops) באלמנטור פרו

לקריאת המאמר ⟵
יצירת לופים מותאמים אישית (Custom Loops) באלמנטור פרו
undefined

אנימציות Lottie: איך להוסיף תנועה לאתר בלי להכביד עליו?

לקריאת המאמר ⟵
אנימציות Lottie: איך להוסיף תנועה לאתר בלי להכביד עליו?
undefined

יצירת מגה תפריט באלמנטור: UX מנצח לאתרים גדולים

לקריאת המאמר ⟵
יצירת מגה תפריט באלמנטור: UX מנצח לאתרים גדולים
כפתור קרא עוד - אלמנטור

כפתור קרא עוד – אלמנטור

לקריאת המאמר ⟵
כפתור קרא עוד – אלמנטור
כפתור בטופס יצירת קשר בשני צבעים

כפתור בטופס יצירת קשר בשני צבעים

כפתור בטופס יצירת קשר בשני צבעים איך עושים את זה? בדיפולט אלמנטור מאפשר צבע אחד בלבד בכפתור יצירת קשר וכך תעשו מעבר צבע
לקריאת המאמר ⟵
כפתור בטופס יצירת קשר בשני צבעים
טקסט מסתובב באנימצייה קבועה

טקסט מסתובב באנימצייה קבועה

טקסט מסתובב באנימצייה קבועה באלמנטור - טרנד עיצובי שתפגשו בהמון אתרים ועם ההדרכה הבאה תדעו גם להשתמש בה בפרויקטים שלכם >>
לקריאת המאמר ⟵
טקסט מסתובב באנימצייה קבועה
YMdigital

חברה לבניית אתרים וקידום אורגני. בונים אתרי וורדפרס מתקדמים שמביאים תוצאות.

חייגו עכשיו לשיחת ייעוץ! 054-395-1900 וואטסאפ
google ביקורות גוגל
5.0
ראו את כל 21 הביקורות

ניווט באתר

  • ראשי
  • אודות
  • המלצות
  • תיק עבודות
  • צור קשר

שירותי החברה

  • בניית אתר מכירות
  • בניית אתרי תדמית
  • בניית אתר וורדפרס
  • קידום אתרים אורגני
  • קורס פיתוח אתרים

מאמרים אחרונים

  • מכירת מנויים (Subscriptions) וחיובים חוזרים בווקומרס
  • תוספי Wishlist והשוואת מוצרים: למה זה קריטי להמרה?
  • סינון מוצרים מתקדם (JetSmartFilters): שיפור חוויית הקנייה
א'-ה' · 10:00–18:00 054-395-1900 Yossimzhp@gmail.com תנופה 7-ב חריש

© 2026 YMdigital · כל הזכויות שמורות

מפת אתר הצהרת נגישות מדיניות פרטיות תקנון
חייגו עכשיו לשיחת ייעוץ! 054-395-1900