¿En qué ocasiones vamos a necesitar crear un pedido de manera manual?

Por ejemplo en las siguientes:

• Si llegado el momento un cliente nos hace el pedido telefónicamente porque no se maneja bien con «internet»
• Cuando puntualmente queremos añadir una cuota especial.
• Si queremos un gasto de envío diferente, o incluso que no aparezca el gasto de envío por la razón que sea.

Como podéis ver en este mini videotutorial, es mucho más práctico y fácil crear un pedido desde admin, que crearlo como si fuéramos «el cliente».

Si tienes alguna duda o quieres que te asesoremos, no dudéis en contactar.

La entrada Crear pedido manualmente, Woocommerce aparece primero en MSalasKreación web.

En este tuto concretamente hemos añadido un elemento de selección de color por imágenes, una caja con opciones desplegables + dos elementos (área de texto y subida de archivos) condicionados a las opciones que elija el cliente.

Hemos seguido el ejemplo de venta de camisetas personalizadas, donde el cliente puede añadir su frase o puede subir su imagen. También, elegir el color a través de imágenes.

El plugin es Woocommerce product options, que es de pago, pero tranquilos os lo dejo AQUÍ (en estos momentos ha caducado el enlace dónde descargar el plugin) para que podáis descargarlo y así probarlo lo que haga falta. Y llegado el momento, si os interesa adquirir la licencia.

Ya veis, que son bastantes opciones y se puede configurar de maneras muy distintas, dependiendo de los gustos o necesidades de cada uno. En este tuto no ha dado tiempo a verlas todas, pero podéis investigar por vuestra cuenta 🙂

Por otra parte, si tienes interés en añadir este tipo de funcionalidades ( u otras que lleves en mente) en tu tienda online y quieres que te asesoremos, no dudéis en contactar.

La entrada Woocommerce, añadir opciones extra en los productos aparece primero en MSalasKreación web.

Hemos utilizado el plugin Code Snippets (https://es.wordpress.org/plugins/code-snippets/) que es un plugin para añadir fragmentos de código a tu sitio. Eliminando la necesidad de añadirlos en el archivo functions.php de tu tema activo.

Aquí te dejo el video tutorial, espero que os sea de utilidad.

Copia y pega éste código (recuerda hacer copia de seguridad siempre):

/*
 * AÑADIR CAMPO NIF/CIF EN EL FORMULARIO DE PAGO
 */
 function woo_custom_field_checkout($checkout) {
 echo '

';
 woocommerce_form_field( 'nif', array( // Identificador del campo
 'type' => 'text',
 'class' => array('my-field-class form-row-wide'),
 'required' => true, // ¿El campo es obligatorio 'true' o 'false'?
 'label' => __('NIF / CIF'), // Nombre del campo
 'placeholder' => __('99999999D'), // Texto de apoyo que se muestra dentro del campo
 ), $checkout->get_value( 'nif' )); // Identificador del campo
 echo '

';
 }
 add_action( 'woocommerce_after_checkout_billing_form', 'woo_custom_field_checkout' );

/*
 * ACTUALIZAR DETALLES DEL PEDIDO CON EL NUEVO CAMPO
 */
 function woo_custom_field_checkout_update_order($order_id) {
 if ( ! empty( $_POST['nif'] ) ) {
 update_post_meta( $order_id, 'NIF', sanitize_text_field( $_POST['nif'] ) );
 }
 }
 add_action( 'woocommerce_checkout_update_order_meta', 'woo_custom_field_checkout_update_order' );

/*
 * MOSTRAR VALOR DEL CAMPO NIF LA PÁGINA DE EDICIÓN DEL PEDIDO
 */
 function woo_custom_field_checkout_edit_order($order){
 echo '

'.__('NIF').': ' . get_post_meta( $order->id, 'NIF', true ) . '

';
 }
 add_action( 'woocommerce_admin_order_data_after_billing_address', 'woo_custom_field_checkout_edit_order', 10, 1 );

/*
 * INCLUIR CAMPO NIF EN EL EMAIL DE NOTIFICACIÓN AL CLIENTE
 */
 function woo_custom_field_checkout_email($keys) {
 $keys[] = 'NIF';
 return $keys;
 }
 add_filter('woocommerce_email_order_meta_keys', 'woo_custom_field_checkout_email');

La entrada Añadir el campo Nif en Woocommerce de una manera cómoda y fácil, mini vídeo tutorial aparece primero en MSalasKreación web.

Pues no. El caso es que como con muchas otras cosas relacionadas con «truquejos» en la web, hay demasiada, demasiada, demasiada confusión. Instalaciones desactualizadas, errores, pasos no debidamente detallados… eso sí, casi siempre tienes a mano los datos de contacto para que te lo resuelvan. Gratis no, por supuesto.

¿no os lo creéis? os invito a descubrir el maravilloso mundo de los Glue Records y de los registradores de dominio…

Bueno, al grano. Esta guía está probada en WooCommerce 2.6.14 (por cierto, en la tienda online Pez Payaso, no tiene pérdida!!!!), así que en otras versiones no aseguro (ni ganas me quedan de asegurarlo) que funcione.

• Paso 0: necesitas acceso FTP al servidor.
• Paso 1: necesitas crear una plantilla hija (Theme Child). Básicamente una carpeta en la ruta /wp-content/themes/ con el mismo nombre que tu plantilla activa pero añadiendo -child. En nuestro caso, la plantilla es la virtue_premium, así que la carpeta es virtue_premium-child. Dentro necesitas crear el style.css y, importante, el functions.php. Vamos, dos archivos, de momento, vacíos.
• Paso 2: rellenamos el CSS. Os dejo un texto ejemplo para nuestro caso:

/*
Theme Name: Virtue – Premium
Theme URI: https://www.kadencethemes.com/product/virtue-premium-theme/
Description: The Virtue theme is extremely versatile with tons of options, easy to customize and loaded with great features. The clean modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. It’s fully ecommerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any kind of business, online store, portfolio or personal site. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy this theme is to work with. Virtue was built and designed by <a href=»http://kadencethemes.com/»>Kadence Themes</a>.
Author: Kadence Themes
Author URI: https://www.kadencethemes.com/
Template: virtue_premium
Version: 1.0.0
*/
/* =Aquí empieza la personalización de tu tema
————————————————————– */

Paso 3: rellenamos el functions.php. Es la parte más importante!!!!!! Pero vamos, que con pegar esto, sobra:

<?php
/*
* Hide shipping rates when free shipping is available.
* Updated to support WooCommerce 2.6 Shipping Zones.
*
* @param array $rates Array of rates found for the package.
* @return array
*/
function my_hide_shipping_when_free_is_available( $rates ) {
$free = array();
foreach ( $rates as $rate_id => $rate ) {
if ( ‘free_shipping’ === $rate->method_id ) {
$free[ $rate_id ] = $rate;
break;
}
}
return ! empty( $free ) ? $free : $rates;
}
add_filter( ‘woocommerce_package_rates’, ‘my_hide_shipping_when_free_is_available’, 100 );
?>

• Paso 4: vete enfriando la cerveza, que la necesitarás para celebrarlo.
• Paso 5: has hecho todo lo que tenías que hacer por FTP, sólo te queda ir a la zona de administración de wordpress y activar el tema hijo, que te está esperando.

Y ya está. Vamos, más fácil imposible.

La entrada Envíos gratis y ocultar el resto en woocommerce aparece primero en MSalasKreación web.