דלג לתוכן
חברה לבניית אתרים YMDigital
  • ראשי
  • אודות
    • מהתקשורת
    • המלצות
    • שאלות נפוצות
  • ההתמחות שלנו
    • בניית אתר מכירות
    • בניית אתרי תדמית לעסקים
    • בניית אתרים ב-AI
    • בניית אתר וורדפרס
    • קידום אתרים אורגני
  • מאמרים
  • תיק עבודות
  • יצירת קשר
  • ראשי
  • אודות
    • מהתקשורת
    • המלצות
    • שאלות נפוצות
  • ההתמחות שלנו
    • בניית אתר מכירות
    • בניית אתרי תדמית לעסקים
    • בניית אתרים ב-AI
    • בניית אתר וורדפרס
    • קידום אתרים אורגני
  • מאמרים
  • תיק עבודות
  • יצירת קשר
להתקשרות 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>';
    }
}
				
			

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

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

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

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

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

המאמרים בבלוג נכתבים ע"י יוסי מזרחי, מומחה וורדפרס בכיר עם ניסיון מעל 8 שנים (מאז 2017) בבניית נכסים דיגיטליים מבוססי אסטרטגיה.

המומחיות מתמקדת בשיפור ביצועי ליבה (Core Web Vitals) והשגת ציוני PageSpeed ירוקים באופן עקבי, תוך הבטחת אופטימיזציה מלאה לקידום אתרים אורגני (SEO).

יוסי מוודא שכל אתר מוכן לעמוד בתקני הדירוג העדכניים של גוגל ודרישות AI Overviews. בנוסף לפרויקטים השוטפים, יוסי מעביר קורסים ייעודיים לבניית אתרים המכשירים מפתחים ליצירת אתרים מהירים, בטוחים ורווחיים, המבוססים על ידע מעשי עדכני.

אודות יוסי ו - YMDigital

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

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

קודםהקודםהוספת חתימה דיגיטלית לעמוד מוצר
הבאכפתור קרא עוד – אלמנטורהבא
מאמרים נוספים
אולי יעניין אתכם גם
YMdigital

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

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

ניווט באתר

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

שירותי החברה

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

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

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

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

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

לידיעתך, אתר זה עושה שימוש בקובצי Cookies – המשך גלישה באתר מהווה הסכמה לשימוש זה. למידע נוסף ניתן לעיין במדיניות הפרטיות.

הבנתי