קודים שימושיים לעמוד תשלום בווקומרס
תוכן עניינים
בעמוד התשלום כדאי להשקיע מאמץ גדול לשיפור חוויית המשתמש
תהליך רכישה ארוך ומסורבל עלול להרתיע לקוחות, במיוחד בעידן שבו משתמשים מצפים לפשטות ומהירות. עמוד תשלום מתומצת עם שדות מינימליים הדגשה של שדות החובה הוספת עדויות מלקוחות ואייקונים של אבטחה יהופך את התשלום לחלק ומהיר.
מחקרים מראים שעמודי תשלום מסורבלים הם אחד הגורמים המרכזיים לנטישת עגלות. לקוח שיגיע לעמוד תשלום פשוט ונוח, עם מינימום שדות למילוי וללא צורך לסמן ידנית כל תנאי, ישפר בוודאות את הסיכויים להשלמת הרכישה.
רוב המשתמשים רגילים כיום לחוויות תשלום מהירות, במיוחד באתרי סחר גדולים. אם האתר שלכם מציע חוויה דומה, הלקוחות ירגישו בנוח וייהנו מהשימוש באתר.
ריכזנו מגוון קודים שישפרו בוודאות את עמוד הcheckout באתרי woocommerce השתמשו במקומות שמותר בחכמה ובאחריות בהצלחה
סימון V אוטומטי לתנאים בעמוד התשלום
add_action( 'woocommerce_review_order_before_submit', 'check_terms_by_default' );
function check_terms_by_default() {
echo '<script>jQuery("#terms").prop("checked", true);</script>';
}
סימון V אוטומטי על שמור לחשבון בתשלום באמצעות קארדקום
add_action( 'woocommerce_review_order_before_submit', 'check_cardcom_checkbox_by_default' );
function check_cardcom_checkbox_by_default() {
echo '<script>
jQuery(document).ready(function($) {
$("#wc-cardcom-new-payment-method").prop("checked", true);
});
</script>';
}
שינוי טקסט בכפתור התשלום
add_filter('woocommerce_order_button_text', 'custom_order_button_text');
function custom_order_button_text($button_text) {
return 'בצע תרומה'; // הכיתוב המותאם
}
הוספת שדה מותאם אישית בדף התשלום
add_action('woocommerce_after_order_notes', 'add_custom_checkout_field');
function add_custom_checkout_field($checkout) {
echo '<div id="custom_checkout_field"><h3>הערות נוספות</h3>';
woocommerce_form_field('custom_note', array(
'type' => 'textarea',
'class' => array('form-row-wide'),
'label' => __('כתבו לנו הודעה'),
'placeholder' => __('לדוגמה: אני זקוק למידע נוסף...'),
), $checkout->get_value('custom_note'));
echo '</div>';
}
add_action('woocommerce_checkout_update_order_meta', 'save_custom_checkout_field');
function save_custom_checkout_field($order_id) {
if (!empty($_POST['custom_note'])) {
update_post_meta($order_id, 'custom_note', sanitize_text_field($_POST['custom_note']));
}
}
add_action('woocommerce_admin_order_data_after_billing_address', 'display_custom_checkout_field_in_admin', 10, 1);
function display_custom_checkout_field_in_admin($order) {
$custom_note = get_post_meta($order->get_id(), 'custom_note', true);
if ($custom_note) {
echo '<p><strong>הערות נוספות:</strong> ' . esc_html($custom_note) . '</p>';
}
}
שינוי הטקסט המופיע כאשר סל הקניות ריק
add_filter('wc_empty_cart_message', 'custom_empty_cart_message');
function custom_empty_cart_message() {
return 'הסל שלך ריק, בוא נוסיף כמה פריטים מיוחדים!';
}
הוספת טיימר לעמוד התשלום
מזרז את הלקוחות להשלים את ההזמנה במהירות
add_action('woocommerce_before_checkout_form', 'add_checkout_timer');
function add_checkout_timer() {
echo '<div id="checkout-timer" style="font-size: 18px; color: red; text-align: center;">
אנא סיימו את התשלום תוך <span id="timer">15:00</span> דקות.
</div>';
echo '<script>
var timer = 900; // 15 דקות
var interval = setInterval(function() {
var minutes = Math.floor(timer / 60);
var seconds = timer % 60;
document.getElementById("timer").textContent = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
if (timer-- <= 0) clearInterval(interval);
}, 1000);
</script>';
}
מניעת מילוי כתובת דוא"ל מספק מסוים
בדוגמה, מדובר באתר שרוצה שישתמשו בכתובות של דומיינים עסקיים ולכן חסם שימוש בכתובת מ-Gmail.
add_action('woocommerce_after_checkout_validation', 'block_specific_email_domain');
function block_specific_email_domain($fields) {
if (strpos($fields['billing_email'], '@gmail.com') !== false) {
wc_add_notice('כתובת Gmail אינה נתמכת. אנא השתמשו בכתובת דוא"ל אחרת.', 'error');
}
}
תנו ללקוחות לבחור שעת משלוח מועדפת
add_action('woocommerce_after_order_notes', 'add_delivery_time_field');
function add_delivery_time_field($checkout) {
echo '<div id="delivery_time_field"><h3>שעת משלוח מועדפת</h3>';
woocommerce_form_field('delivery_time', array(
'type' => 'select',
'class' => array('form-row-wide'),
'label' => __('בחרו שעה'),
'options' => array(
'' => __('בחרו שעה...'),
'9-12' => __('9:00 - 12:00'),
'12-15' => __('12:00 - 15:00'),
'15-18' => __('15:00 - 18:00'),
),
'required' => true,
), $checkout->get_value('delivery_time'));
echo '</div>';
}
add_action('woocommerce_checkout_update_order_meta', 'save_delivery_time_field');
function save_delivery_time_field($order_id) {
if (!empty($_POST['delivery_time'])) {
update_post_meta($order_id, '_delivery_time', sanitize_text_field($_POST['delivery_time']));
}
}
הוספת אנימציה לכפתור "בצע הזמנה"
גורם לכפתור להיראות יותר דינמי ואטרקטיבי
add_action('wp_head', 'add_custom_checkout_button_styles');
function add_custom_checkout_button_styles() {
echo '<style>
#place_order {
transition: background-color 0.3s ease, transform 0.3s ease;
}
#place_order:hover {
background-color: #007cba;
color: #fff;
transform: scale(1.05);
}
</style>';
}
הודעת תודה מותאמת אישית לפי סכום הזמנה
תנו ללקוחות תחושת ערך עם הודעת תודה מותאמת
add_action('woocommerce_thankyou', 'custom_thank_you_message');
function custom_thank_you_message($order_id) {
$order = wc_get_order($order_id);
$total = $order->get_total();
if ($total > 500) {
echo '<p style="font-size: 18px; color: green;">תודה רבה על ההזמנה הגדולה שלך! אנחנו מעריכים את האמון שלך בנו.</p>';
} else {
echo '<p style="font-size: 18px; color: blue;">תודה שהזמנת מאיתנו! נשמח לראותך שוב בקרוב.</p>';
}
}
שינוי הטקסט של "האם יש לך קופון?"
תנו לטקסט לקרוא לפעולה בצורה יותר משכנעת
add_filter('woocommerce_checkout_coupon_message', 'custom_coupon_message');
function custom_coupon_message() {
return 'יש לך קופון? השתמש בו כאן וקבל הנחה מיידית!';
}
