..:: DesarrolloWeb1106 realizamos Páginas Web desde Venezuela, Diseño y Desarrollo de Paginas Web ::..
Programación
Programación

trucos para woocommerce que no puedes dejar pasar

A continuación de incluimos 5 códigos útiles para personalizar tu tienda online, modificando parámetros de la apariencia o del funcionamiento. Todos han sido probados con las versiones más recientes de WordPress y Woocommerce sin producir ningún error.

Realizar seguimiento de conversiones de Facebook

Si queremos realizar campañas en Facebook cuyo objetivo sea la «Conversión», además de introducir el pixel necesario para seguir de la actividad de nuestro sitio web, es necesario configurar también el seguimiento de conversiones para poder medirlas correctamente y optimizar nuestras campañas.

El siguiente código permite realizar un seguimiento de cada compra que se realiza, incluyendo el importe total y la moneda Euro (EUR):

/*
* REALIZAR SEGUIMIENTO DE CONVERSIONES DE FACEBOOK
*/
function woo_facebook_pixel_tracking( $order_id ) {
$order = new WC_Order( $order_id );
$order_total = $order->get_total();
?>
<script>fbq(‘track’, ‘Purchase’, {‘value’:'<?php echo $order_total ?>’,’currency’:’EUR’});</script>
<?php
}
add_action( ‘woocommerce_thankyou’, ‘woo_facebook_pixel_tracking’ );

Redirigir a la página de «Finalizar Compra» tras añadir un producto

Si vendemos un único producto en nuestra web o productos que suelen comprarse individualmente, como es nuestro caso, dirigir al cliente a la página de carrito puede ser innecesario ya que le obligamos a realizar más pasos durante la compra con la consiguiente pérdida de tiempo y la posibilidad de perderlo.

Si no requerimos de este paso, podemos saltarlo introduciendo el siguiente código:

/*
* REDIRIGIR A FINALIZAR COMPRA TRAS AÑADIR PRODUCTO
*/
function woo_redirect_to_checkout() {
global $woocommerce;
$checkout_url = $woocommerce->cart->get_checkout_url();
return $checkout_url;
}
add_filter (‘add_to_cart_redirect’, ‘woo_redirect_to_checkout’);

 

Deshabilitar campos del formulario de pago

En ocasiones hacemos perder un tiempo valioso a nuestros clientes completando campos del formulario de finalización de la compra que no son necesarios, en nuestro caso por ejemplo, hemos quitado campos como el segundo campo de dirección o el de país ya que no los necesitamos.

Con el siguiente código puedes deshabilitar los campos que desees del formulario, únicamente deja en el código aquellos que quieras quitar:

/*
* DESHABILITAR CAMPOS DEL FORMULARIO DE PAGO
*/
function woo_custom_override_checkout_fields( $fields ) {
unset ($fields[‘billing’][‘billing_first_name’]); // Eliminar el campo Nombre
unset ($fields[‘billing’][‘billing_last_name’]); // Eliminar el campo Apellidos
unset ($fields[‘billing’][‘billing_company’]); // Eliminar el campo Empresa
unset ($fields[‘billing’][‘billing_address_1’]); // Eliminar el campo Dirección 1
unset ($fields[‘billing’][‘billing_address_2’]); // Eliminar el campo Dirección 2
unset ($fields[‘billing’][‘billing_postcode’]); // Eliminar el campo Código Postal
unset ($fields[‘billing’][‘billing_state’]); // Eliminar el campo Provincia
unset ($fields[‘billing’][‘billing_country’]); // Eliminar el campo País
unset ($fields[‘billing’][‘billing_email’]); // Eliminar el campo Correo Electrónico
unset ($fields[‘billing’][‘billing_phone’]); // Eliminar el campo Teléfono
return $fields;
}
add_filter( ‘woocommerce_checkout_fields’ , ‘woo_custom_override_checkout_fields’ );

Deshabilitar pestañas de la ficha de producto

Por defecto, todas las fichas de producto en Woocommerce suelen mostrar tres pestañas con la descripción del producto, las valoraciones de usuarios o información adicional, si nos queremos deshacer de una de ellas o de todas, utiliza el siguiente código personalizando qué pestañas quieres eliminar:

/*
* DESHABILITAR PESTAÑAS DE LA FICHA DE PRODUCTO
*/
function woo_remove_product_tab($tabs) {
unset( $tabs[‘description’] ); // Eliminar la pestaña de Descripción
unset( $tabs[‘reviews’] ); // Eliminar la pestaña de Valoraciones
unset( $tabs[‘additional_information’] ); // Eliminar la pestaña de Información Adicional
return $tabs;
}
add_filter( ‘woocommerce_product_tabs’, ‘woo_remove_product_tab’, 98);

Habilitar cantidad mínima de pedido

Con el objetivo de lograr la rentabilidad de nuestro ecommerce, en muchos casos puede ser necesario que el usuario deba realizar un pedido mínimo de X euros.

Con el siguiente código estableceremos el importe mínimo de compra e informaremos al usuario de dicha situación en la página del «Carrito» para que continue comprando:

/*
* HABILITAR CANTIDAD MÍNIMA DE PEDIDO
*/
function woo_minimum_order_amount() {
$minimum = 10; //Establecer importe mínimo de compra
if ( WC()->cart->total < $minimum ) {
if( is_cart() ) {
wc_print_notice(
sprintf( ‘Debes realizar un pedido mínimo de %s para finalizar tu compra.’ , // Personalizar
wc_price( $minimum ),
wc_price( WC()->cart->total )
), ‘error’
);
} else {
wc_add_notice(
sprintf( ‘Debes realizar un pedido mínimo de %s para finalizar tu compra.’ , // Personalizar
wc_price( $minimum ),
wc_price( WC()->cart->total )
), ‘error’
);
}
}
}
add_action( ‘woocommerce_checkout_process’, ‘woo_minimum_order_amount’ );
add_action( ‘woocommerce_before_cart’ , ‘woo_minimum_order_amount’ );

Con estos cinco fragmentos ya podemos empezar a mejorar las prestaciones de nuestro Woocommerce,  sin depender siempre de los plugins.

Espero sirvan de utilidad y sigas avanzando en tu proyecto.

Comandos básicos de GIT

 

Git es un software de control de versiones diseñado por Linus Torvalds, pensando en la eficiencia, la confiabilidad y compatibilidad del mantenimiento de versiones de aplicaciones cuando estas tienen un gran número de archivos de código fuente.

¿Qué es y para qué sirve GIT?
Git es un sistema de control de versiones. Un sistema de control de versiones nos va a servir para trabajar en equipo de una manera mucho más simple y optima cuando estamos desarrollando software. … Cuando acabamos de desarrollar nuestro código, utilizamos Git para mezclar los cambios con los otros compañeros.

GIT es un sistema de control de versiones que nos ayuda a llevar el historial completo de modificaciones de un proyecto.

Todo desarrollador sin importar el lenguaje debe dominar GIT.

Comandos que debes aprender:

GIT INIT
Inicia un nuevo repositorio.

GIT ADD
Añade un archivo a la zona de montaje. GIT ADD * añade uno o más archivos a la zona de montaje.

GIT LOG
Se utiliza para listar el historial de versiones de la rama actual.

GIT RESET
Descompone el archivo, pero conserva el contenido del mismo.

GIT CLONE
Clona un repositorio existente.

GIT CONFIG
Establece el nombre del autor, el correo y demás parámetros de GIT utiliza por defecto.

GIT STATUS
Enumera todos los archivos que deben ser confirmados.

GIT DIFF
Muestra las diferencias de archivo que aún no se ponen en escena.

Cómo crear un usuario administrador de WordPress sin tener acceso al panel de administración

En alguna ocasión nos puede ocurrir que no tengamos un usuario en WordPress o que perdamos nuestra información de acceso. En estos casos podemos crear un usuario nuevo a través de MySQL siguiendo los pasos que te mostramos a continuación:

1. Acceder a phpMyAdmin e identificar la base de datos que usamos en WordPress.

¡IMPORTANTE! Siempre, antes de empezar a trabajar e insertar información en una base de datos, es conveniente hacer un backup por si tuviéramos que volver atrás.

2. Una vez dentro de nuestra base de datos, vamos a trabajar sobre las tablas siguientes:

  • wp_users
  • wp_usermeta

3. Ingresar a la tabla wp-users.

Haz clic en «Insertar» y accederás a la siguiente pantalla para añadir el registro de nuestro nuevo usuario:

4. Completa los campos con los siguientes datos:

  • ID – Introduce un número. En nuestro ejemplo usamos el 8 (ten en cuenta que no puedes usar un ID que ya esté en uso).
  • user_login – Nombre de nuestro nuevo usuario para accerder a WordPress.
  • user_pass – Contraseña del usuario. En la columna “Function” selecciona MD5.
  • user_nicename – El apodo o nick con el que se hará referencia al usuario.
  • user_email – Correo / E-mail del usuario.
  • user_url – Introduce la página web del sitio.
  • user_registered – La fecha y hora del registro.
  • user_status – Aquí ponemos el número 0.
  • display_name – Nombre que figurará en el blog (puede ser el mismo valor que el campo user_nicename).

Cuando se hayan completado todos los campos pulsa «Continuar» y así quedará creado nuestro nuevo registro.

5. Crea otro registro pero esta vez en a tabla wp_usermeta. Selecciona la tabla indicada desde el menu de la izquierda y al igual que antes presionar «Insertar». Podrás ver la siguiente pantalla:

Añade la siguiente información:

  • unmeta_id – Este campo lo dejaremos a vacío. MySQL lo generará automáticamente.
  • user_id – Campo ID de la tabla wp_user que hemos insertado (8 en nuesto ejemplo).
  • meta_key – Este campo debe tener el siguiente valor: wp_capabilities.
  • meta_value – Este campo debe tener el siguiente valor: a:1:{s:13:’administrator’;b:1;}

Haz clic en «Continuar» para ejecutarlo y así quedará creado el nuevo registro.

6. En la tabla anterior debes insertar otro registro. Repite el paso 5 y completa los campos pero ahora con los siguiente valores:

  • unmeta_id – Este campo lo dejamos a vacío. MySQL lo generará automáticamente
  • user_id – Aquí debemos poner el valor del campo ID de la tabla wp_user que hemos insertado (en nuestro caso, el 4).
  • meta_key – En este caso, debemos rellenarlo con el valor wp_user_level.
  • meta_value – 10

Una vez realizados los pasos anteriores ya se podrá acceder a nuestro panel de administración de WordPress.

7. Una vez dentro del panel de administración de WordPress, ve a la sección de Usuarios y podrás editar el nuevo usuario que acabas de crear. Puedes modificar los datos o completar alguno que falte, aunque no es necesario hacer ningún cambio, solo presionando guardar se realizaran procesos internos de WordPress que agregarán más datos e información en el usuario que hemos creado.

Esperamos que si lo necesitas en alguna ocasión, te sea de utilidad!

Saludos!

recuerda seguirnos por #dw1106 🙂

Pago con transferencia bancaria en WooCommerce

La transferencia es la forma de pago que menos complicación técnica presenta en tu ecommerce. Aprende como configurarla correctamente en WooCommerce.

La transferencia es la forma de pago que menos complicación técnica presenta en tu ecommerce. Aprende como configurarla correctamente en WooCommerce.

Si la semana pasada veíamos con detalle cuales eran los ajustes de finalizar compra de WooCommerce, hoy descubrirás la primera de sus pasarelas de pago por defecto, la transferencia bancaria.

Aunque es un método de pago a caballo entre el mundo offline y el online, todavía se sigue utilizando en muchos proyectos de ecommerce. Sobre todo en aquellos que están enfocados al B2B. Dependiendo de la naturaleza de tu proyecto, puedes decidir si es interesante para ti facilitar esta forma de pago a tus clientes.

Para configurar la transferencia bancaria como forma de pago en tu ecommerce, debes dirigirte a los Ajustes de WooCommerce. Y dentro de la pestaña Finalizar compra haz click sobre el link Transferencia bancaria.

Panel de opciones de transferencia bancaria de WooCommerce.

Una vez aquí, los ajustes que presenta en su configuración son los siguientes:

  • Activar/Desactivar: este check habilita o deshabilita la transferencia bancaria como forma de pago en tu tienda online. Es como el botón de On/Off.
  • Título: en este campo de texto puedes definir como quieres nombrar esta forma de pago. WooCommerce te permite personalizarlo y definir así la pasarela con la denominación que prefieras. Transferencia, Transferencia bancaria o lo que más te guste.
  • El campo título establece el nombre de la pasarela de pago.
    • Descripción: el campo descripción te permite aclarar a tus usuarios en qué consiste esta forma de pago. Este campo de descripción aparece en el selector de forma de pago de tu página de checkout.
      La descripción aparece en el selector de forma de pago de tu página de checkout.
      • Instrucciones: a diferencia del campo anterior, las instrucciones te permiten aclarar a tus usuarios como tienen que proceder para realizar la transferencia una vez que han realizado el pago. Por lo tanto, las indicaciones que incluyas en este campo sólo se mostrarán en la página de resumen de pedido y en el correo de confirmación de pedido que se envía al usuario.

    • Las instrucciones se muestran en la página de resumen de pedido y en el correo de confirmación de pedido que se envía al usuario.
      • Detalles de la cuenta: en el siguiente cuadro puedes configurar tantas cuentas bancarias como desees. Para ello, sólo tienes que rellenar los siguientes datos por cada una de ellas:

      • Completa los campos con los datos de tu cuenta o cuentas bancarias.
        • Nombre de la cuenta: campo de puedes utilizar para ayudarte a identificar las distintas cuentas que configures. Es un campo interno, por lo que úsalo como consideres para saber con qué cuenta estás trabajando en cada momento.
        • Número de cuenta: campo para indicar el número de cuenta. Como WooCommerce es un plugin de ecommerce que se puede utilizar en cualquier país, el campo número de cuenta está pensado para ser utilizado junto al código de clasificación en el mercado estadounidense. Por lo tanto, si estás en España, puedes dejarlo en blanco.
        • Nombre del banco: indica el nombre comercial de la entidad en la que está registrada dicha cuenta. Por ejemplo: Banco Santander, BBVA, etc.
        • Código de clasificación: este campo mal traducido al español es el routing number. Es un código de nueve dígitos que se basa en la ubicación del banco de EE.UU. donde se abrió la cuenta. Por lo tanto, si operas en España o Europa, es un campo que no necesitas rellenar, puedes dejarlo en blanco.
        • IBAN: El Código Internacional de Cuenta Bancaria (IBAN) es un medio internacionalmente acordado para identificar cuentas bancarias y utilizado especialmente para realizar transferencias entre bancos de la Unión Europea. En España el IBAN tiene 24 dígitos y está formado por los 2 dígitos del país (ES), 2 dígitos de control y los 20 dígitos del número completo de la cuenta bancaria.

        Formulación del código bancario IBAN.
        • BIC/SWIFT: El código SWIFT (Society for Worldwide Interbank Financial Telecommunication) o también denominado código BIC (Bank Identifier Code) es una serie alfanumérica de 8 u 11 dígitos que sirve para identificar al banco receptor cuando se realiza una transferencia internacional. Puedes rellenarlo o dejarlo en blanco dependiendo si tu ecommerce debe aceptar transferencias bancarias internacionales.

         

        Una vez completados todos los campos, cuando un usuario seleccione Transferencia bancaria en tu página de checkout, verá lo siguiente:

        Vista de cómo aparece la transferencia bancaria en las opciones de pago de la página de checkout.

        Una vez haya confirmado el pedido, se mostrará la siguiente información en su página de resumen de pedido:

    • El usuario recibe las instrucciones para realizar la transferencia bancaria en la página de resumen de pedido…

      Al igual que en el correo de confirmación de pedido, donde se mostrará los detalles para realizar la transferencia que hayas indicado en los ajustes anteriores.

    • En el email de confirmación de pedido se muestran al usuario los detalles para realizar la transferencia.
  • Resumiendo…

    Como ves, habilitar la transferencia bancaria como forma de pago en tu ecommerce es relativamente sencillo. Tan sólo debes saber a qué nos estamos refiriendo en cada campo y buscar en los detalles de tu cuenta el IBAN o el BIC/SWIFT.

    Por lo que ahora, ya no tienes excusa. Tanto si vas a aceptar transferencias nacionales, europeas o internacionales, ahora ya sabes como configurar correctamente tus cuentas bancarias en WooCommerce. Si tienes alguna duda con algún campo, no dudes en pregúntarme. Y si necesitas ayuda con tu tienda online, o necesitas poner a punto tu instalación de WooCommerce, recuerda que tienes disponible mi servicio de mantenimiento WooCommerce con el que podrás despreocuparte de actualizaciones y problemas técnicos.

    La próxima semana continuaremos con otra forma de pago que puedes habilitar en tu tienda online… el pago por cheque. Mientras tanto puedes ir chequeando todo lo que hemos visto hoy en tu ecommerce. ¡Adeeelaaaante! (Ups, esto último ha sonado a eslogan de entidad bancaria! 😉