 antes que nada quisiera preguntar quiénes de ustedes usan este plugin? supongo que todos ¿no? y los que vinieron para acá y no lo usan supongo que son muy masoquistas porque está charla de repente o este taller de repente no va a ser tan emocionante como el que está al lado con Vanessa pero bueno gracias por venir voy a tratar de explicarles lo máximo posible para que les saque mucho provecho de este plugin antes de comenzar puedo utilizar esto ¿verdad? quiero explicarles no está la ponencia bueno las diapositivas perdón quería hacer una introducción a lo que vamos a ver hoy para que sepan más o menos por donde vamos a estar explorando el plugin ¿no? bueno ya me presentaron así que podemos saltar esto pero si me quieren seguir pueden seguirme por twitter o en WordPress con mi nombre de usuario bueno que aprenderemos aquí ¿no? lo primero son los ajustes básicos de los documentos ¿no? parece mentira pero hay tantos ajustes en el plugin que a veces nos enredamos demasiado y si se configura mal pueden suceder cosas como que por ejemplo los números no sean consecutivos o que se genera un documento cuando en realidad no quiere generarlo entonces vamos a aprender esas cosas ¿no? que era lo que mencionaba la creación automática los ajustes de esa activación porque a veces por accidente podemos activar un documento o crearlo porque el plugin permite es muy configurable y algunos entornos o algunas configuraciones específicas para ciertas tiendas pues requieren eso pero si tú no lo quieres lo puedes configurar y eso es lo que vamos a aprender en este en esta etapa ¿no? del taller y también el seguimiento de la creación de los documentos que es una herramienta muy interesante y que casi nadie conoce entonces es un pequeño pro tip que vamos a aprender hoy ¿no? otra cosa que vamos a aprender es cómo crear plantillas PDF personalizadas cuando se tienen que crear cuando no es recomendado y en donde tienes que crearlo y algunos tips sobre cómo solucionar problemas comunes cuando hay ciertos entornos como por ejemplo plugins que no... sitio web que utilizan plugins que no usan temas como por ejemplo Oxygen no sé si lo conoce que tiene ese detallito ¿no? y cómo sortear esa limitación y aquí les voy a mostrar de hecho breve de forma breve cómo se crea una plantilla ¿no? ustedes dirán bueno no me lo voy a mostrar más adelante pero es para que vean algo digamos una introducción este es el directorio del plugin aquí dentro del directorio tenemos la carpeta template y dentro está nuestro digo nuestro porque no mencioné que trabajo con desarrollando plugins perdón entonces por eso creo que les puedo enseñar muy bien cómo funciona pero dentro de esa plantilla o de esa carpeta de plantillas tenemos la plantilla principal del plugin con una plantilla bastante completa pero que ustedes pueden personalizar aún más con este método copian allí el directorio dentro de su de su tema de WordPress puede ser un tema hijo de hecho lo recomendamos que sea un tema hijo crean un nuevo directorio con el nombre buscomers en minúscula tiene que ser así porque es sensible a mayúsculas dentro de ese directorio el directorio pdf para que reconozca el sistema de jerarquicó de plantillas y luego pegan la plantilla que es una copia en realidad de la plantilla que está en el plugin entonces al copiar eso esta plantilla en principio es lo mismo pero ya ustedes pueden aplicar sus personalizaciones como por ejemplo añadir campos personalizados o eliminar información que no les interesa no y si quieren poner un nombre lo pueden cambiar por ejemplo yo como soy medio de gola tras le puse el nombre de mi web y ya parece seleccionable en el sistema entonces a partir de aquí pueden aplicar personalizaciones pero eso lo veremos más adelante ok vale y lo otro que vamos a ver que esta es la parte que más me gusta en realidad son los ganchos de filtro y de acción no que como digo allí es la forma más avanzada y escalable de personalizar esto es interesantísimo porque ustedes no tienen que estar modificando archivos sino que con un plugin personalizado de funciones utilizando un plugin que te permita activar fragmentos de código en huérpes puedes hacer muchísimas cosas como conozco muy bien el plugin porque también trabajo con ellos me atrevería a decir que es uno de los plugins con más ganchos que hay en huérpes tiene cientos literalmente cientos de ganchos pues hace casi casi cualquier cosa no sin necesidad de por ejemplo comprar la versión pro este es un tip no con la versión pro tienes otras cosas y tal y es ideal para personas que no programan o que no se quieren atrever aprender un poquito porque tampoco tienes que ser un gran programador y nada por el estilo sólo entendiendo un poco cómo funciona seguro que le vas a sacar el jugo y eso es lo que vamos a ver más adelante entonces yo lo llamo el nivel de personalización ninja porque en realidad cuando llegas a trabajar con este enfoque o esta filosofía de modificaciones personalizaciones pues esto lo empiezas a aplicar a otros plugins no solamente a este y y baja digamos siendo como más profesional digamos en el mundo del despliegue de sitios con huérpes no estos son algunos ejemplos por ejemplo este fragmento de código utiliza ese gancho de acción que te permite inyectar reglas css para hacer modificaciones porque algo que no he mencionado es que los documentos en realidad son archivos html que se renderizan o se procesan a pdf con una biblioteca de renderizado pdf que se llama don pdf de hecho aprovecho para mencionar que también tenemos una extensión para usar otras bibliotecas que se llama mpdf que también es muy conocida más adelante vamos a ver en qué nos beneficiaría eso no este es otro fragmento de código que nos permite añadir una condición para mostrar un texto de si la factura está pagada o no entonces ese tipo de cosas se pueden hacer lo muestro como ejemplo porque de repente les puede abrir un poco la creatividad para hacer cosas interesantes con su facturación no en este caso se conecta con ese gancho que son los datos del pedido y después de los datos del pedido tú puedes añadir una nueva fila porque ese apartado es una tabla entonces en la fila evaluas si el pedido ya se pagó o no con una función que incorpora bucomers y si se pagó pues muestra pagada sino por pagar este es otro interesante que te permite modificar el tamaño del papel porque por defecto las plantillas que incorpora el plane tienen dos tamaños a 4 y tipo carta pero de repente tú trabajas con una impresora térmica de 80 milímetros de ancho entonces puedes configurar esto claro hago la acotación de que tendrías que aplicar ciertas personalizaciones al documento porque la estructura html de los de los documentos no está preparada para ese tamaño de papel pero bueno para eso vinieron acá para aprender a hacerlo no y este otro es también este es el vao usado de hecho está aquí ferrando que me comentó por telegram que acababa de hacer esto no añadir el nif que aquí en españa es obligatorio tengo entendido no yo soy venezolano sé que no conozco muy bien cómo es la legislación acá a nivel fiscal pero tú tienes que añadir el nif cómo lo haces por defecto nosotros no añadimos campos personalizados en el checkout en el el formulario de finalizar compra entonces si tú utilizas un plugin o lo añades con un código también personalizado en el checkout la clave meta de ese campo del nif aquí por ejemplo se llama nif directamente pero se puede llamar bap number o cualquier otra cosa que normalmente los plugins que procesan la validación del número de IVA intracomunitario suelen usar ese ese término o ese esa clave meta entonces tú con este pequeño fragmento de código creo que tienes seis líneas no 1 2 3 6 líneas ya tienes el número allí no tiene que instalar un plugin no tienes que hacer personalizaciones plantillas y tal pero vamos a ver más adelante por qué tendría sentido por ejemplo tener una plantilla personalizada y no hacer esto no cada cosa tiene su justificación si quieren saber más sobre los ganchos y tener también ejemplos de código hay varios ejemplos interesantes pueden visitar esto son los ganchos de acción los ganchos de acción para los que no lo sepan son huequitos por llamarlo de algún modo o agujeros dentro de los documentos donde puedes inyectar cosas poner cosas allí datos y también tenemos no sé si la puedo pasar a parte de los ganchos de acción también están los ganchos de filtro que ya lo vamos a ver no me veis cuando tomas la foto vale bien y los ganchos de filtro este el código también lleva esa url no para que no tengan que escribirte permite procesar los datos que ya devuelve el documento para modificarlos por ejemplo cambiar el color o cambiar un dato por otro es bien interesante entonces bueno como les digo hay demasiados de hecho es probable que los últimos ganchos que hemos añadido porque siempre estamos añadiendo cosas nuevas no esté completamente actualizado pero lo más importante lo van a conseguir ahí bueno vamos a entonces a comenzar no sé si me puedes hacer favor de hacer el cambio en la compa y vamos a sentarnos en el trono por cierto voy a tratar de ser hacer esto un poquito más interactivo empezaré mostrando un poco la configuración y entonces si ustedes quieren me van haciendo preguntas y yo les voy respondiendo a las dudas que tengan está bien ok este entorno lo preparé para que sea lo más ilustrativo posible voy a trabajar con un sitio web que tengo aquí en esta computadora utilizando este este entorno de desarrollo que se llama local pero imaginen que esto está en en internet o que es su su tienda veremos un momentico debe haber ejecutado el servidor antes alguien tiene alguna duda hasta ahora o podemos continuar vale pueden pasar dos cosas los tengo mareados o pues está interesante el tema mira este es el escritorio de wordpress no cuando ustedes instalan el plugin la primera vez por cierto aquí sólo está instalado bucomers y el plugin de facturas pero cuando lo instalan la primera vez se ejecuta un asistente y ya en ese asistente se pueden configurar cosas interesantes yo voy a forzar la ejecución de la asistente de nuevo para que funcione como si fuera la primera vez de hecho creo que puedo alejar un poquito se ve bien verdad vale cuando el asistente inicia y aquí ustedes pueden configurar la información de su negocio por ejemplo vamos a ponerles aquí mi tienda genial y la dirección hay un 2 3 madrid españa de repente no es el formato ideal no pero es para hacerlo lo más breve posible aquí pueden cargar un logo yo ahora lo voy a omitir pero un dato interesante es que algunos proveedores de servicio no procesan imágenes ppng en el procesador de pdf porque necesita una extensión php que a veces es raro pero suele pasar no está activado ahorita vamos a ver cuál extensión es entonces mi recomendación es que siempre utilicen una imagen jpg con eso se van a quitar cualquier riesgo no de que de que no cargue la imagen y por otro lado que los documentos pdf al renderizarse son más liviano otro dato que les doy en este punto es que la imagen la rendericen al tamaño real del documento normalmente suele pasar que hay personas que tienen la imagen en un tamaño enorme por ejemplo 2000 px o más y entonces esa imagen lo que se hace es disminuir el tamaño pero en realidad en el fondo el archivo sigue siendo el mismo así que el documento fácilmente puede pesar 3 megas cargan un documento una imagen jpg pequeña el documento puede pesar 200 mega es 200 kilobytes perdón o menos entonces es un dato que aprovecho para mencionar aquí ahora aquí empieza algo interesante no que es el la forma automatizada por defecto de crear documentos en este plugin este plugin tiene dos formas de crear un documento manualmente haciendo clic en los botones de creación de los documentos que están tanto en el listado de de pedidos como en el pedido independiente o sea en la página individual del pedido pero también puede procesar automáticamente documentos con base en los avisos de bucomers y es que bucomers tiene avisos conectados a los métodos de pago casi todos los métodos de pago tienen un un aviso relacionado no son lo mismo pero tienen mucha relación entonces cuando ves esto en realidad estás viendo estados del pedido asociados a los pagos el único estado que no parece aquí es pago pendiente creo que se llama pero el resto tiene un correo electrónico relacionado entonces como funciona esto supongamos que ustedes quieren crear una factura cuando el pedido ya haya alcanzado el estado completado o pendiente de pago que son los dos estados donde se considera que el pedido ha sido pagado para que un pedido pase a estado por ejemplo perdón procesando me equivoqué procesando o pedido completado son estados donde ya pasó por el proceso de pago entonces tú estás seguro o segura de que ya puedes generar el documento entonces esto lo hace automáticamente el plugin por ejemplo estado perdón pasarelas de pago como paypal stripe etcétera pasan el pedido procesando inmediatamente cuando valida en el pago entonces si tú marcas esto inmediatamente el cliente va a recibir un aviso donde le indican que ya el pedido está siendo procesado con el archivo adjunto pero ese archivo adjunto para al juntarse valga la redundancia tiene que haberse creado y esa creación consume un número de factura es decir si tu número de factura actual es el 123 cuando llegue acá va a ser 124 entonces esto es importante porque de cara a la agencia tributaria por ejemplo aquí en españa o cualquier agencia tributaria de la mayoría de países tú tienes que mantener un número secuencial entonces si no quieres tener problemas con ello por ejemplo si marcarás nuevo pedido te vas a crear una factura siempre que se ponga un pedido se pague o no se pague porque por ejemplo si solo aceptas métodos de pago automatizados puede pasar que el método de pago falle o sea que ni siquiera eso te asegura de que un pedido pueda ponerse entonces la mejor mi recomendación si eso no es un problema para ti hay algunos países donde eso no es un problema es que selecciones estos dos estas dos opciones y bueno luego de esto vas a ver que puedes activar o desactivar información dentro del documento no una de esas de esos datos es la dirección de envío normalmente cuando la dirección de envío es la misma de la dirección de facturación bucomers trata de ocultarla porque es como información redundante pero si por alguna razón necesitas ver ambas tú le puedes decir aquí que siempre las muestre si quieres seguir el comportamiento normal de bucomers pues le dice solo cuando sea diferente la dirección de envío y lo mismo puedes hacer con el resto de datos por defecto del correo electrónico y el número de teléfono están ocultos pero si los quieren mostrar los puedes poner aquí y el resto de datos por ejemplo la fecha de factura o el número de factura esto casi siempre se debe mostrar pero por defecto se apaga porque hay algunos países donde no es necesario aquí hay algo interesante no suele pasar que se confunde el número del pedido con el número de la factura y son dos cosas totalmente diferentes hasta donde yo sé y creo que en España pasa lo mismo los pedidos no tienen que ser secuenciales o sea tú puedes tener un número de pedidos ese pedido digamos a nivel de administración de del negocio o de la tienda es importante pero no tiene que ser obligatoriamente una una secuencia hay gente que se enreda la vida de mi opinión y busca inclusive plugins que existen para que los números sean secuenciales pero eso no te va a impedir que el número de factura pueda fallar por ejemplo qué pasa con un número un un pedido que se cansele ya el pedido se creó al final vas a obtener ese número en la factura pero si no creas la factura va a ser peor porque entonces vas a tener un número de factura pendiente porque el pedido al final va a tomar un número secuencial entonces eso es interesante que se evalúe no aquí por eso es que nosotros mostramos las opciones le damos la opción a a cualquier persona decidir si quiere la fecha de la factura o la fecha del pedido lo mismo pasa con el número que era lo que explicaba entonces tú tienes esas dos esas dos opciones yo recomiendo por supuesto siempre utilizar los datos del de la factura y lo mismo pasa con lo que hace rato del papel tenemos estas dos opciones pero eventualmente si necesitas un tipo de papel personalizado porque tiene una impresora específica y imprimes las facturas para por ejemplo adjuntarlas a los pedidos y tal tú puedes configurarlo ya lo vamos a ver voy a ir un poquito más rápido porque creo que que voy lento en esta opción es para activar los botones de acción en el listado de pedidos bucomers desde una versión anterior desactiva esa opción por defecto que son los botos cintos que de acción que aparecen a la derecha pero en realidad son bastante útiles por eso está esta opción aquí yo la voy a dejar desactivada para que sepan también por donde se va o se puede activar no y bueno aquí ya tienes la configuración básica no lo que quería comentar sobre sobre los botones es aquí en pedidos de hecho vamos a tratar de poner esto aquí en grande como no tengo un pedido voy a hacer uno rápido que nos va a servir también para para hacer un ejemplo del tema de la factura vamos a poner un pedido aquí muy rápido que aquí ya tenemos los datos de facturación y tal y se puso el pedido muy bien entonces si vamos a bucomers pedidos tenemos el listado de pedidos si voy muy rápido me lo dicen pero lo que quiero es como enfocarme en el plugin de factura y no tanto en los pedidos en sí aquí era donde decía que por defecto de esta esta columna total era la penúltima después venía acciones pero por defecto está oculta si quieren mostrarlas tienes que ir a opciones de pantalla y activar esta opción de acciones y ahí tienes los iconos son muy útiles porque tú puedes crear digamos los documentos desde aquí si lo necesitas no pero lo que decía anteriormente volviendo a los ajustes de factura que los consigues en bucomers facturas pdf en documentos uno de las pestañas de los ajustes tienes lo que comentaba de los correos electrónicos de bucomers que son los que activan la facturación automática si digamos esto te parece insuficiente puedes adicionalmente bloquear ciertos estados de pedidos para asegurarte de una vez por todas que no se va a crear el documento porque aunque tengas sólo estas dos opciones aquí si tú te vas a pedidos va a pasar lo siguiente que tienes aquí el botón para crear entonces supongamos que tiene tienes una encargada de la tienda y esa persona no está bien informada de cómo funciona el plugin si hace clic aquí igual crea un número de factura entonces si quieres bloquearlo por ejemplo este este estado es en espera no y si quieres bloquear ese estado entonces te baja documentos y aquí directamente tienes una una opción en espera que te bloquea ese estado y lo mismo puedes hacer con cualquier estado que tú consideres que no debería tener una una factura ves que ya desapareció el icono de factura entonces ese tipo de cosas lo puedes hacer yo quiero pasar a la siguiente cuánto tiempo tengo perdona seis minutos en serio yo dije creí que hablaba lento pero no tanto vale me asustaste mira aquí este este plugin tiene dentro de los ajustes muchas más opciones así que los invito a explorarlas no y tienen por ejemplo un una opción que no se configura en el asistente que son o que es el formato de numeración aquí tú puedes supongamos que tú quieres que tus facturas comiencen con la f f guión y el y el número no tú puedes poner f guión y eso tiene digamos le añade un prefijo al número pero adicionalmente si estás comenzando con la tienda y no quieres que tu factura sea f guión 1 quieres más bien que tenga una un relleno de números también lo puedes hacer aquí le puedes poner por ejemplo seis seis entonces la primera factura va a ser f guión cero cero cero cero cero uno y si quieres añadir también su fijo lo puedes hacer hace poco de hecho escribí este anote en internet bueno no importa escribí un artículo que pueden llegar a él haciendo que aquí donde explico también cómo usar place holders marcadores de posición los marcadores de posición son un texto de hecho aquí lo pueden ver no sé si se ve que dice invoice year y abajo dice invoice month con un formato empieza y termina con corchetes y guión bajo eso te permite rellenar eso con el año o el mes entonces es muy útil porque hay personas que por ejemplo tienen en el formato el año al final por ejemplo f guión el número factura y el año entonces puedes hacerlo supongamos puede puedes hacer esto no aquí puedes usar también otros caracteres invoice invoice year y cuando guardas esto si creas un número de factura que de hecho vamos vamos a desactivar el el pedido pero en el estado de pedido en espera para que nos permita crear el documento vamos a ver cómo se se muestra el el formato de la de la del número de la factura mira por cierto no lo estamos viendo aquí porque no lo activé para que vieramos donde se activa por si te perdiste el asistente porque si pierdes si cierras el asistente tienes que luego hacerlo manualmente siempre lo puedes ejecutar el estado pero aquí vas a tener todo no y aquí puedes configurar qué es lo que quieres mostrar por ejemplo el número de la factura y la fecha también de la factura entonces al guardar esto debería aparecer vamos a ver que mira sabe por qué no está apareciendo y esto también me va a servir para explicar otra cosa nosotros por ley guardamos todos los ajustes que ustedes tienen dentro de los documentos en el en el en los datos del pedido entonces por ejemplo incluyendo el logo el nombre de la empresa y la dirección porque pasa esto si en el futuro ustedes cambian de dirección los pedidos anteriores o los documentos pedidos de pedidos anteriores no se ven afectados pero si tú estás configurando tu tienda y quieres ver en tiempo real todos los cambios hay una opción que se llama modo de pruebas entonces tú lo puedes activar temporalmente si activas esto cada vez que actualices la factura la factura va a tomar tus últimos cambios entonces es muy útil para cuando estás empezando a configurar el plan entonces ahora si lo actualizo debería mostrar que el número de factura efectivamente y con el formato que añadí en realidad el número es uno o sea esto es lo que sale por defecto el número uno pero con todo el formato que lo aplicamos añadiendo el prefijo f el relleno de seis números o seis dígitos y el año al final que en realidad un placeholder o un mercado de reposición dinámico lo tienes hasta aquí yo creo que para no extenderme más es lo básico que ustedes deberían conocer de cómo configurar el plan y así yo creo que se van a ahorrar muchos dolores de cabeza por ejemplo creando facturas en pedos que no quieren etcétera no y todo el tema de la configuración pero antes de pasar al siguiente tema tiene alguna pregunta con respecto a este asunto dime no te aparece la dirección de ok la dirección de la tienda verdad te refieras a la dirección de la tienda si no te aparece puede ser que hayas creado primero el documento con lo que te explicaba si quieres activa la opción modo de pruebas que tienes en en los ajustes generales cuando vas a bucomers facturas pdf vas a ver ahí la opción activa la y luego vuelve a abrir el documento verías la la dirección aparece es por eso creaste el documento antes de añadir a la dirección entonces bueno eso es interesante entenderlo un poco este ajuste en verdad es general pero o global pero también tienes el ajuste por documentos y baja un documento específico por ejemplo la factura al final aquí tienes el ajuste sólo para ese documento y además si te vas a los pedidos y abres un pedido en particular tienes una un panel especial donde puedes también configurar o tanto configurar como actualizar los datos que es este datos del documento ahora mismo no me sale el icono porque ya tengo activado el modo de pruebas pero cuando lo desactivo hay un icono como de reciclaje que tú lo haces clic ahí te pregunta quieres actualizar los datos del documento con los últimos ajustes le hace clic en aceptar y actualiza entonces bueno en ese en ese punto creo que estamos cubiertos no para para eso aquí también se puede modificar cosas como por ejemplo el propio número de la factura que en algunos casos y en algunos países se puede hacer aquí no sé cómo funciona muy bien así que sería bueno entender eso por cierto y un un filtro que ahorita como no quería hablar de ese filtro hoy por cuestión de tiempo no lo no lo tengo la mano pero si me escriben se los puedo pasar que les permite bloquear esa edición si necesitan bloquearla no entonces por efecto no está la opción voy a proponerlo de hecho se me acaba de ocurrir proponer ese ajuste que se puede activar desde el punto de vista de administración para que se se desactive y por ejemplo el icono de eliminar la factura ok ahora vamos a pasar a la segunda parte del taller que me interesa explicar y es cómo crear una factura o una plantilla de documentos personalizada esto puede ser bastante útil cuando tú tienes por ejemplo una identidad corporativa que requiere una estructura y tal personalizada no por ejemplo no se me ocurre ahorita un ejemplo particular pero supongamos que por ejemplo exactamente ese es un ejemplo bastante común ya tú tienes una una facturas impresas por ejemplo con un diseño que tú quieres replicar para eso te puede servir entonces es muy útil en ese sentido entonces cómo funciona ya lo había explicado pero lo voy a hacer muy rápido de hecho ni siquiera lo tenía hecho para que vean lo rápido que es supo como yo tengo este sitio web en mi computador pues van a ver como si fuera un una estructura de documento de de windows pero esto en realidad puede ser tu servidor entonces cuando entras en tu servidor tienes que irte al directorio contenido de wordpress que es doble de peion content ahí te vas a plugins y en plugins vas a ver el plugin que instalaste y dentro de ese plugin de facturas tienes una una directorio que se llama template o plantillas y aquí vas a conseguir la plantilla esta plantilla solo la copias luego te vas de nuevo al directorio de contenido y te ubicas en el tema yo tengo el tema por defecto de bucomers o que ofrece los mismos desarrolladores de bucomers que estorfront pero este tema no tiene un directorio llamado bucomers tú solo tienes que crear aquí el directorio bucomers dentro creas otro directorio que se llama pdf esto es minúscula y aquí pegas el directorio de la plantilla de hecho es recomendable de hacerlo en el child porque qué pasa estorfront recibe actualizaciones con frecuencia entonces esta sería una mala práctica no pero lo que quiero es que vean cómo cómo se crea esto es en el tema activo sea un tema padre o sea un tema hijo no un child team y aquí ya tú le puedes poner un nombre vamos a poner por ejemplo wordcam madrid de hecho aquí si aceptaría mayúscula y tal el nombre del propio tema pero la estructura lo que es bucomers y pdf si tiene que ir en minúscula entonces ya con esto si todo salió bien debería parecer aquí seleccionable que cómo llegué aquí viendo los ajustes bucomers facturas pdf al hacer clic aquí vas a ver que está seleccionable la nueva plantilla ahora mismo es idéntica la plantilla original pero tú ya puedes hacer cosas interesantes con ella por ejemplo vamos a abrir el documento para tenerlo allí y abramos un momento el editor recódigo no voy a escribir mucho código para no enredarlos demasiado y que tampoco se extienda mucho en esta explicación pero si tú buscas el la plantilla que acabó de crear personalizada va a ver qué tiene esta estructura este es el propio documento en sí es decir la estructura html y por supuesto todo todo el código php que hace que algunas cosas sean dinámicas pero también tienes un contenedor del documento que te permite añadir cosas como por ejemplo saltos de página y tal todo eso lo puedes controlar desde aquí y quizás esto es lo que más usa la gente no las personas que crean una plantilla personalizada y es la hoja de estilo entonces crean una plantilla personalizada para modificar cosas como por ejemplo los colores etcétera todo esto lo puedes modificar desde aquí y por supuesto lo que más me interesa ahorita mostrarles que quizás también les puede ayudar es modificar el propio documento si entienden un poquito de código puede más o menos entender en qué etapa del documento estamos en qué parte del documento estamos a nivel de diseño no este por ejemplo la cabecera del documento donde sale el logo y donde salen los datos de la factura si ustedes no quieren por ejemplo que esté el nombre que por defecto siempre muestra el nombre o muestra el nombre del sitio o muestra el nombre de la tienda que configuraron los ajustes pero si lo quieren eliminar simplemente pueden comentar esta línea o eliminarla directamente al guardarla vamos a ver si funciona aquí está el nombre desaparece es una forma que no recomiendo pero es algo rápido que les puedo mostrar y por supuesto pueden añadir datos personalizados aquí no si por ejemplo aquí estoy bajando un poco para que veamos los datos del pedido anteriormente teníamos también otras informaciones como por ejemplo aquí aparece o el logo si está configurado o si no el título pero supongamos que los datos del pedido quieren poner algo más aquí pueden ver que aparece el número del pedido la fecha del pedido pero pueden de repente duplicar esta línea y poner el nif o cualquier otro dato que necesiten mostrar hay personas que por ejemplo muestran allí la fecha de entrega porque tienen un plugin de gestión de paquetería entonces pueden puedes hacerlo aquí y bueno creo que voy a parar aquí porque si no no me hagan chance de la parte que más me gusta tienen alguna pregunta sobre este esta etapa sobre la configuración de las plantillas personalizadas dime y cuando dice la presentación de queda lo que hemos íbamos a ver claro lo que pasa es que el código el snippet del del dni o del nif ya tienes que tener implementado esto es para de sacarlo luego de ahí de que lo implementaste y mostrarlo aquí exacto aquí no te estoy explicando cómo añadir el dni pero hay muchos plugins en el repositorio de WordPress que lo hacen entonces tú tienes que simplemente determinar cuál es el la clave se llama clave meta o la clave del campo que es el nombre en realidad internamente en la base datos y sacarlo y colocarlo entonces supogamos que quieres hacer eso tú tendría claro ahorita no a lo mejor no me va a funcionar pero podremos podremos forzar lo ya lo vamos a ver aquí puedes ponerle por ejemplo llamemos los dni entonces aquí le ponemos dni pero aquí tienes que llamar el dato no entonces claro tengo que sacarlo porque de hecho es que hay una una pequeña condición no los quiero enredar con código pero si no saben código en realidad lo que tienen es que tratar de entender un poco cómo funciona esto y duplicar la información casi que por la intuición lo pueden hacer por ejemplo en el caso de del dni ustedes pueden llamar al pedido y hay una función que se llama get meta y aquí ustedes pueden pasarle la clave del campo personalizado que se está almacenando que sería el dni entonces supongamos que es dni no lo guardamos claro si yo ahorita lo cargo aquí seguramente no me va a salir nada verdad porque no tengo el dni pero vámonos al pedido para hacer el ejemplo más práctico no tú en el pedido puedes añadir datos personalizados también claro esto se supone que lo tendría que hacer el plugin automáticamente pero supongamos que se llama dni el campo y que el el dni es este y si lo añadimos y al actualizar aquí ahí aparece el dni entonces es bastante práctico lo voy a dejar aquí por si quieren ver cómo se escribe orden guión mayor que get meta y entonces con eso tú llamas los metadatos del pedido hay muchas formas de hacerlo pero esta quizá es una de la más sencilla yo en realidad está este tipo de de personalizaciones no la haría con una plantilla personalizada por eso quiero pasar a la siguiente etapa pero creo que tú tenías una pregunta verdad te refiere a los temas de wordpress en realidad el plugin es totalmente independiente de un tema el funciona por sí mismo sin necesidad de llamar nada de un tema puede pasar que un tema entre en conflicto con algo del plugin pero es rarísimo porque este plugin lo que hace es genera un documento html y utiliza una una biblioteca de software que está incorporada en el plugin así que no debería dependerle ningún tema lo que puede facilitarte un tema es que de repente añada campos en la página de finalizar compras que no tiene por defecto buco merse eso sí te puede más bien te puede beneficiar en ese sentido y después tú puedes sacar esos campos y mostrarlos en las facturas si lo necesitas entonces y bueno y lo del tema es que para poder configurar y voy a aprovechar para dar este dato que creo que no me daba tiempo pero sí lo voy a lo voy a hacer para poder configurar estas plantillas personalizadas en un tema tienes que tener el tema hijo recomendado o puedes hacer algo más hay una extensión que como no tengo internet no le puedo mostrar ahora mismo dónde está pero hay una extensión que se las puedo pasar en un pendrive si tienen pendrive por cierto cuando salgamos de aquí que te permite instalar el tema como un plugin el tema de pdf personalizado de la plantilla pdf personalizado que se llama custom pdf templates extension si lo buscan en github lo van a conseguir entonces esto en realidad lo que tiene dentro es un pequeño plugin donde dentro de ese plugin pueden meter la plantilla así como hicieron con el tema hijo lo hacen con esto y es mucho lo tienen mucho más controlado porque no dependen de si el tema se actualiza que pierdes los cambios etcétera no entonces esto está gratuito en github lo pueden buscar o si no pues también se los puedo compartir yo entonces aquí meterían el tema de hecho esto está vacío porque es un ejemplo para que sepan cómo funciona y entonces resolvería ese posible problema no tratando de buscar un un posible conflicto más que conflicto una pérdida no del tema con eso se resolvería estamos listos aquí verdad a tienes una pregunta es una buena pregunta este plugin la versión gratuita ofrece dos documentos que son totalmente funcionales la factura y el albarán pero el abono que creo que también se llama factura rectificativa aquí en españa está incorporado en la extensión pro en la extensión profesional o paga entonces si quiere ese documento si tendrías que adquirir esa extensión pero hay gente perdona al menos este plugin nunca ha ofrecido modificar la factura porque utilizamos la normativa gap no sé si conoce ese término en contabilidad que son ahorita se me escapa el nombre en español pero son son como normas de contabilidad que básicamente te dice que tú no puedes modificar un documento que ya sea generado entonces para los reembolsos por ejemplo tú creas una factura y si quieres abonarla tienes que crear la factura rectificativa entonces por eso no permitimos normalmente no no no se actualiza el pedido con un reembolso aunque tú veas el pedido modificado que por ejemplo de hiciste una evolución parcial o total en el en la factura no se actualiza para eso necesitarías la factura rectificativa pero esa si te si necesitas en realidad la factura tendrías que adquirir esa extensión hay gente que lo resuelve de otras maneras no sin tener que adquirirla pero quizás la forma más fácil y en verdad yo creo que para un negocio si exacto puedes configurar un montón de cosas incluyendo eso por supuesto que es básico no tener la referencia la factura ordinaria pero sí técnicamente con eso lo resolvería si vale entonces en lo último que quiero comentar es que hay una forma por ejemplo para añadir estas cosas como el DNI que mi opinión es más práctica y es más escalable y también desde el punto de vista de seguridad digamos de que el documento siempre se imprima bien funciona mejor es usando fragmentos de código y los fragmentos de código al menos con este plugin funciona muy bien porque este plugin ofrece un montón de ganchos como decía anteriormente donde tú puedes conectarte o enganchar encancharte literalmente no ya sea para añadir información o para modificar información existente y yo tengo aquí de hecho una colección de fragmentos para casi todo porque pues con el paso del tiempo han surgido casos de cualquier tipo no por ejemplo este un fragmento que que no tengo internet si si no es muy complicado lo hacemos cuál es la la nave minúscula madrid ok parece que fue rápido vale entonces vamos a volver a abrir ok aquí abrió muy bien esto es un pequeño fragmento de código ya minúsculo prácticamente y lo que hace es que si esta clave que es una clave meta de de bucomers por defecto bucomers tiene la la opción de evaluar si el pedido está exento de impuestos porque de repente es un pedido intracomunitario tu tienda supongamos que vende para para cualquier país de la unión europea y la persona introduce un número de iba entonces el pedido que exento si tú quieres añadir eso puedes añadir un fragmento de código como este este fragmento de código en realidad se conecta a cualquier gancho que tú quieras por ejemplo estábamos hablando del gancho de de los datos del pedido todos los ganchos por cierto haciendo un paréntesis aquí todos los ganchos lo estás viendo en en la plantilla con due action o de filter lo que pasa que en las plantillas apply filters perdón en las plantillas tú tienes solo ganchos de de acción los ganchos de filtros están en otras partes del documento de perdón del plugin que procesan datos del documento en esos códigos QR van a conseguir más información no para no estenderme demasiado pero como siempre una de las cosas interesantes de este plugin que me parece que desde el punto de vista comunitario es muy bueno es que si ustedes van a los foros de soporte y tienen alguna pregunta o sea adicionalmente lo que estamos hablando aquí la pueden hacer ahí y siempre contestan o sea totalmente gratis todo esto que estoy diciendo es la versión gratuita o sea ustedes no tienen que pagar nada si quieren cosas más avanzadas y tal pueden evaluar las opciones que los plan que están como plan de extensión de pago pero ya con la versión gratuita puedes puedes hacer todo esto entonces podríamos hacer rápidamente vamos a hacer el ejemplo de del dni vamos a ver si tengo aquí el nif no dni el ejemplo de incorporar el nif en la plantilla sin tener que crear una plantilla personalizada o sea con la plantilla por defecto utilizando un fragmento de código vamos a poner a que lo siguen inglés porque normalmente los ganchos se llaman o tienen nombres en inglés after order details por ejemplo mira que yo mismo utilizo fragmentos que ya tengo escritos y lo que hago es modificar lo que me interesa entonces esta es la estructura del del fragmento de código para añadir datos allí en los datos del pedido entonces yo lo que haría sería copiar esto y ustedes se preguntarán dónde lo lo pego tienen dos opciones no una opción es en el archivo de funciones de su tema activo que puede ser un tema hijo de hecho se recomienda que sea un tema hijo pero si no se quieren enredar la vida y a mí no me gusta enredarme mucho la vida con esto añado un plugin que haga eso hay colegas que no les gusta demasiado pero yo no he visto ningún efecto negativo por ejemplo si buscas code snippets que sería fragmentos de código en inglés vas a conseguir varios a mí me gusta este porque le tengo cariño pero ustedes pueden agarrar el que ustedes quieran que se llama literalmente así fragmentos de código en inglés no entonces si instalan ese plugin les va a servir para muchas cosas en realidad no sólo para esto pero en este en esta ocasión vamos a probarlo con el fragmento de código que estamos mencionando de hecho voy a actualizar un momento acá seguimos viendo el DNA y porque tengo el tengo la el documento ya me está haciendo presión tengo el documento anterior pero en la plantilla anterior voy a poner la plantilla por defecto de nuevo para que desaparezca el DNA y porque quiero mostrar cómo se añadiría con el fragmento de código y voy a ir cerrando aquí un momento de esto se actualizo de nuevo voy a ver un nuevo menú que me lo añadió el el plugin de fragmentos de código y aquí puedo añadir un nuevo fragmento de código este fragmento de código es de tipo php entonces nos vamos en la primera opción y pego ahí el fragmento entonces claro aquí no es importante lo que voy a escribir porque como te digo o sea a nivel de código ustedes pueden pedir ayuda en el foro y escribimos código o sea gratuito sin sin necesidad que tengan licencias dininada por el estilo pero de repente aquí supongamos que queremos mostrar el el nif entonces lo que tenemos que cambiar es simplemente la estructura aquí queremos por ejemplo que no se ve a imprimir si no hay un un un pedido o sea si no hay datos de pedido esto se pone por seguridad no porque a veces de repente se llama eso en otro contexto donde no hay un pedido puede generar un error y le decimos que la plantilla sea la factura que esta es la clave interna de la factura pero por ejemplo en este caso vamos a decirle que lo que queremos es el nif entonces vamos a cambiar esta variable por nif y aquí vamos a utilizar la el método que enseñé hace rato que es que get meta y le pasamos el nombre del de hecho no era nif era dni no dni entonces pasamos dni aquí y ya esto nos va a decir mira si no está vacío el dni es decir si existe entonces si me va a mostrar esto entonces vamos a ponerle aquí dni esto es para añadirlo en la clase adicional si le queremos añadir estilo más adelante y tal entonces vamos a poner aquí dni y aquí le volvemos a poner dni porque ya la clave la tenemos aquí almacenada entonces o el valor de esa clave vamos a a guardar esto este plugin tiene una opción de guardar cambios sin activar entonces tendrían que hacer clic en el botón de la izquierda hacemos clic en continuar aquí dice que lo guardó no le puse nombre pero bueno lo que quiero es que veamos cómo funciona y ahí está el dni entonces aquí voy a terminar porque ya lo que tengo son cinco minutos pero lo que quiero decir es que en resumen la factura o las plantillas personalizadas yo solo las utilizaría si tengo que aplicar lo que tú explicabas no mimetizar digamos o duplicar mi branding mi identidad corporativa en mi negocio digital porque de repente quiero que todo esté homogenizado no pero si lo que quieres es añadir un dato como este o aplicar modificaciones de estilo puedes utilizarlo los hooks o los ganchos tienes ganchos de acciones de filtro como repito y siempre puedes preguntar en los foros del soporte así que es muy muy fácil conseguir información de hecho hay muchísimos artículos aquí en españa he visto muchos foros por ejemplo el foro de el foro no perdona el blog de ayuda warpress tiene mucho mucha información sobre sobre este plugin así que bueno yo creo que con esto terminamos y si tiene alguna pregunta pues puedo tratar de responder el dni de la empresa que lo mire bueno la puedes poner en el mismo apartado de dirección porque en realidad se llama dirección ah ya vale vale si abajo tiene esa esa es una buena pregunta es una buena pregunta lo que pasa es que tú también tienes un tipo de facturas que creo que aquí en españa todavía no se ha incorporado que se llama la factura uvele la factura uvele es una factura pero en otros formatos que se llama xml que normalmente en algunos países como por ejemplo países bajos de la marca y creo que alemania se envía directamente la agencia tributaria entonces ustedes están ahorita creo que incorporando la factura electrónica pero tiene una estándar un poquito diferente para eso es ese campo pero en realidad tu puedes usar el campo de dirección para añadir más datos por ejemplo tu web tu correo y el número de iba no que sería el nif creo en venezuela se llama rif con r vale y no sé tienes más preguntas porque nos quedan cinco minutos lo puedes poner donde quieras en realidad yo lo puse ahí porque estábamos trabajando con ese apartado no pero tú tienes ganchos para esto en realidad es una tabla y de una tabla html y dentro de esa tabla tienes ganchos en cada una de las columnas tienes tres columnas hay gente que por ejemplo no le interesa que esto esté este tan pequeño déjame ver que no esté tan tan angosto y quieren ampliarlo tú le puedes añadir reglas ccs para aplicar estilos esa es una de las potencialidades digamos de los ganchos sin tener que crear una plantilla no puedes crear la plantilla si necesitas hacer algunas modificaciones de estilo avanzadas porque eso sí es verdad que de repente con estilos no puedes modificar la posición de algunos objetos y tal pero o elementos pero pero la más gran mayoría de estilos los puedes añadir a través de ese gancho o los tengo borrejos aprendí o expliqué muy bien entonces creo que estamos listos tienes una pregunta vale si tienes gancho para todos vale vale las retenciones vale en venezuela creo que existe algo parecido lo que pasa es que no estoy 100% seguro es una parte que se que retiene el negocio del IVA verdad vale vale vale vale te voy a explicar en realidad todos los datos que se almacenen el pedido deberían aparecer reflejados ahí a menos que si el plugin no utiliza los estándares correctos de bucomers puede pasar nos ha pasado con algunos plugins conocidos que seguramente claro seguramente no lo no lo almacena dentro de los datos del pedido es que los datos del pedido en realidad una estructura de datos que nosotros tomamos y procesamos a lo mejor lo podrías meter como en los totales almacenado como un dato adicional porque en realidad bucomers te permite hacer muchas cosas pero depende también de los desarrolladores como trabaja no pasa mucho con los cupones los cupones lo almacenen en datos aparte entonces al final cuando quieres mostrar esa información de descuento es una locura nosotros tenemos de hecho un plugin gratuito que es muy muy práctico porque bucomers tiene un defecto y es que si tú tienes lo el precio regular y el precio descontado cuando se pone el pedido el precio de descontado parece como el precio regular o sea tú no tienes rastro del precio regular entonces ese plugin lo que hace es que te crea el precio regular como el precio real y el descontado te lo añade como un descuento o sea como un descuento real y eso no lo hace bucomers entonces lo mismo pasa con algunas plugins podrías hacerlo manualmente utilizando los los ganchos o buscarte un plugin que sí siga los estándares eso es todo estamos listos