Esta semana hemos tenido el privilegio de participar como docentes y mentores en la Meetup Oficial de WordPress en C√°diz, celebrada en el Aulario La Bomba (Edificio Constituci√≥n 1812) de la UCA. Nuestro director de marketing digital, Juan Galera, ha impartido una formaci√≥n avanzada sobre comercio electr√≥nico con WordPress y WooCommerce a un grupo reducido de miembros de la comunidad para capacitarlos plenamente en el desarrollo de tiendas online y a√Īadir valor a su perfil profesional.¬†¬†

Puedes consultar la p√°gina oficial de la Meetup para mantenerte al d√≠a de los eventos que se organizan en la provincia. Las reuniones entre dise√Īadores y desarrolladores web, expertos en marketing digital, community managers, bloggers, aficionados, etc, que coordina esta asociaci√≥n sin √°nimo de lucro para compartir conocimientos sobre WordPress son ideales para¬†darse a conocer en el sector y hacer networking.

Meetup Oficial de WordPress en C√°diz cartel evento

Se ha explicado c√≥mo trabajar con servidores locales para poder desarrollar proyectos sin la obligaci√≥n de contratar un hosting. Para ello, se ha optado por el software libre XAMPP, que incluye el servidor web Apache, el sistema de gesti√≥n de bases de datos MySQL y la herramienta phpMyAdmin para su administraci√≥n. La ventaja fundamental de este programa es que permite realizar demostraciones a clientes en cualquier lugar sin necesidad de una conexi√≥n a Internet. Tambi√©n se ha ense√Īado a usar el editor de c√≥digo Notepad++ para poder modificar el archivo wp-config.

Se ha mostrado el funcionamiento de la plataforma DemosWP, que ofrece alojamiento web gratuito para crear páginas web y tiendas online (exclusivamente con WordPress) en un entorno de pruebas, staging o desarrollo y cómo migrar el proyecto a un hosting una vez finalizado con el plugin All in One WP Migration, que en solo dos pasos exporta e importa archivos y bases de datos.

Asimismo, se ha indicado cómo llevar a cabo el proceso mediante ftp con el programa cliente/servidor Filezilla y se ha diferenciado entre las carpetas Htdocs (servidor local) y public_html (directorio raíz del dominio principal en un hosting), que albergan todos los ficheros del proyecto web.

Si est√°s buscando un hosting de confianza, puedes contratar un plan de Raiola Networks a trav√©s de ‚≠ź¬†nuestra landing page¬†‚≠ź y beneficiarte de un 20% de descuento.

Posteriormente, se ha procedido a efectuar la instalación de WordPress y se ha expuesto cómo configurar el CMS (sistema de gestión de contenidos) de forma óptima, modificando la estructura de enlaces permanentes y realizando los ajustes generales, de escritura, de lectura y de medios oportunos.

Se ha detallado c√≥mo agregar temas y plugins de forma manual y mediante el repositorio oficial de WordPress y se ha trabajado con Storefront, el tema oficial de WooCommerce, y con el tema Divi y el plugin Divi Builder, para tener flexibilidad con el dise√Īo y no depender del predefinido. Divi es en la actualidad el mejor tema Premium y el m√°s completo y se puede adquirir ‚≠ź¬†aqu√≠¬†‚≠ź. Seguidamente, se ha aclarado c√≥mo personalizar las opciones y los elementos de cada tema y c√≥mo modificar su apariencia.

En este punto, se ha planteado c√≥mo resolver un posible conflicto en la subida de archivos al servidor local, que limita por defecto el tama√Īo m√°ximo a 2M (megas), modificando la variable upload_max_filesize en el archivo php.ini. Se ha hecho lo propio con la variable max_execution_time para prevenir tambi√©n errores en temas pesados, ya que por defecto el tiempo para el proceso de instalaci√≥n est√° limitado a 30 segundos.

Se ha concretado c√≥mo crear un tema hijo, tanto de forma manual con un archivo de funciones (functions.php) y una hoja de estilos (style.css) como con el plugin Child Theme Configurator, para poder realizar modificaciones y que estas no se vean afectadas por futuras actualizaciones, as√≠ como para prevenir conflictos en el tema original a causa de dichas modificaciones o por incompatibilidad con alg√ļn plugin.

Se ha comentado cómo desactivar el editor por bloques Gutenberg, con los plugins Editor Clásico y Disable Gutenberg, y cómo activar el modo de mantenimiento, para poder trabajar en el backend o backoffice del ecommerce sin que el usuario advierta que se están realizando cambios en la tienda online, con los plugins Coming Soon Page & Maintenance Mode by SeedProd, que ofrece una interfaz atractiva y personalizable, y WP Maintenance Mode, que ofrece un aspecto más simple pero es más fácil de configurar.

Se ha instalado el plugin WooCommerce, se ha visto la configuraci√≥n b√°sica y se ha explicado d√≥nde (pesta√Īa ‚ÄúEstado‚ÄĚ, secci√≥n Herramientas) y c√≥mo crear las p√°ginas por defecto de la tienda online: Tienda, Carrito, Mi Cuenta y Finalizar Compra.

Se ha mostrado d√≥nde establecer la direcci√≥n de la tienda, c√≥mo activar los impuestos y los cupones y c√≥mo efectuar los correspondientes ajustes en las opciones generales de venta y de moneda en la pesta√Īa ‚ÄúGeneral‚ÄĚ.

Se han tratado las distintas alternativas de las medidas, de las valoraciones, del inventario y del control de stock, de los avisos de pocas existencias y de inventario agotado y de los productos descargables en la pesta√Īa ‚ÄúProductos‚ÄĚ.

Se han abordado las preferencias del pago como invitado y la creaci√≥n y la supresi√≥n de la cuenta de cliente y se ha indicado d√≥nde determinar la p√°gina de Pol√≠tica de Privacidad y c√≥mo gestionar tanto la conservaci√≥n como la eliminaci√≥n de datos personales en la pesta√Īa ‚ÄúCuentas y Privacidad‚ÄĚ.

Se ha expuesto c√≥mo administrar los diferentes avisos por correo electr√≥nico del proceso de compra tanto para el propietario de la tienda (nuevo pedido, pedido cancelado, pedido fallido‚Ķ) como para el cliente/usuario (pedido a la espera, procesando pedido, pedido completado‚Ķ), c√≥mo personalizar la plantilla de correo electr√≥nico y d√≥nde definir el nombre y la direcci√≥n de email del remitente en la pesta√Īa ‚ÄúCorreos electr√≥nicos‚ÄĚ.

Se ha aclarado d√≥nde establecer la p√°gina de los T√©rminos y Condiciones de la tienda y p√°ginas alternativas de carrito, de pago y de cuenta y qu√© son las variables de finalizaci√≥n de compra y de cuenta, la REST API, los Webhooks y la API heredada en la pesta√Īa ‚ÄúAvanzado‚ÄĚ, aconsejando no hacer uso de estas opciones sin la suficiente experiencia.

Se ha prestado especial atención a los impuestos, a los envíos y a los pagos, por ser parte fundamental en la gestión del comercio electrónico.

En la pesta√Īa ‚ÄúImpuestos‚ÄĚ, se han repasado las diferentes opciones y se ha concretado c√≥mo mostrar los productos con o sin impuestos incluidos, detall√°ndose, adem√°s, c√≥mo definir distintos tipos o tasas de impuestos en funci√≥n de la clase de producto (IVA general, reducido, superreducido) o del pa√≠s al que se venda.

En la pesta√Īa ‚ÄúEnv√≠os‚ÄĚ, se ha planteado c√≥mo crear zonas (regiones, provincias y pa√≠ses) y m√©todos (tarifas) de env√≠o, c√≥mo configurar el env√≠o gratuito y c√≥mo activar la calculadora de env√≠os. Tambi√©n se han visto las opciones y las clases de env√≠o.

WooCommerce muestra por defecto todos los m√©todos o tarifas de env√≠o aunque se den las condiciones para obtener el env√≠o gratuito, permitiendo su selecci√≥n, lo que puede confundir al usuario de la tienda online y llevarlo a pagar los gastos de env√≠o sin tener que hacerlo. Para evitar esta situaci√≥n, se ha comentado el funcionamiento del plugin WC Hide Shipping Methods, que permite mostrar √ļnicamente la opci√≥n de env√≠o gratuito o de env√≠o gratuito y recogida en tienda y ocultar el resto de alternativas de env√≠o.

En la pesta√Īa ‚ÄúPagos‚ÄĚ, se ha ense√Īado a administrar y a activar o desactivar los diferentes m√©todos de pago que WooCommerce incluye por defecto: transferencia bancaria, contra reembolso, cheque y Paypal. Asimismo, se ha explicado c√≥mo a√Īadir una pasarela de pago con tarjeta de cr√©dito tanto para la plataforma Stripe, que incluso permite incluir un bot√≥n de pago express como Paypal, con el plugin WooCommerce Stripe Payment Gateway, como para el TPV de la entidad bancaria, con el plugin WooCommerce Sermepa Payment Gateway, desaconsejando el plugin oficial de Redsys al considerarlo m√°s limitado y por ocasionar conflictos con los estilos css de los botones de ciertos temas de WordPress.

El plugin de SERMEPA ofrece opciones interesantes, como las posibilidades de prescindir del √ļltimo formulario del proceso de finalizar compra y redirigir directamente a la pasarela de pago del banco y de marcar el pedido como completado tras el pago (el valor por defecto es ‚Äúprocesando‚ÄĚ), lo que resulta muy c√≥modo para el administrador de la tienda, que no tiene que emplear tiempo innecesario en la gesti√≥n del pedido.

Un inconveniente llamativo de WooCommerce, al tratarse de un gestor de comercio electrónico, es que no muestra ni solicita por defecto el DNI/NIF/CIF del cliente, lo que complica el proceso de facturación, sistema que tampoco incluye por defecto.

Se ha indicado c√≥mo solventar este problema agregando el c√≥digo pertinente al archivo functions.php y con los plugins WooCommerce Checkout Manager, que permite a√Īadir, gestionar y personalizar campos en la p√°gina de pago, aunque tiene un funcionamiento complejo, y WC – APG NIF/CIF/NIE Field, cuyo uso es m√°s sencillo y que √ļnicamente a√Īade la casilla de DNI/NIF/CIF a los formularios de facturaci√≥n y de env√≠o, permitiendo hacerla obligatoria y validarla, lo que para el usuario medio es m√°s que suficiente.

De la misma manera, se ha abordado la facturaci√≥n con el plugin WooCommerce PDF Invoice & Packing Slips, que genera facturas y las a√Īade a los pedidos de forma autom√°tica y que, en su versi√≥n Premium, incluso permite sincronizarlas con el programa de contabilidad y con Dropbox y alojarlas en la nube.

Tras la conclusi√≥n de la parte t√©cnica y despu√©s de dejar la tienda configurada de forma √≥ptima, se ha expuesto c√≥mo crear men√ļs y mega men√ļs, con elementos y subelementos; etiquetas, recomendando su uso para organizar y filtrar los productos por marcas comerciales; categor√≠as y atributos y c√≥mo configurar los t√©rminos de estos.

Se han visto los tipos de productos disponibles por defecto en WooCommerce: simple (normal, virtual y descargable), agrupado, externo/afiliado y variable, se ha mostrado c√≥mo crear y administrar cada uno, prestando especial atenci√≥n a la aplicaci√≥n de los atributos y de las variaciones y combinaciones en los productos variables, que es la parte m√°s complicada y compleja de asimilar en este apartado, y se han tratado las diferentes opciones de las pesta√Īas ‚ÄúGeneral‚ÄĚ, ‚ÄúInventario‚ÄĚ, ‚ÄúEnv√≠o‚ÄĚ, ‚ÄúProductos vinculados‚ÄĚ, ‚ÄúAtributos‚ÄĚ, ‚ÄúVariaciones‚ÄĚ y ‚ÄúAvanzado‚ÄĚ.

Se ha revelado el tama√Īo adecuado de las im√°genes y el uso correcto de las descripciones corta y larga y se ha aclarado c√≥mo exportar e importar productos en formato CSV y c√≥mo a√Īadir productos reservables con el plugin WooCommerce Bookings.

Se ha ense√Īado a establecer ventas dirigidas, para mostrar los productos relacionados que se deseen en la ficha de producto en lugar de los que aporta WooCommerce por defecto de la misma categor√≠a, y ventas cruzadas, para llevar a cabo la misma operaci√≥n en el formulario de finalizar compra.

Se ha concretado c√≥mo gestionar los pedidos, c√≥mo crear cupones y reglas de descuento, c√≥mo generar informes y c√≥mo a√Īadir extensiones para implementar funcionalidades adicionales en la tienda online. Adem√°s, por su relevancia, se ha repasado por completo el apartado ‚ÄúEstado‚ÄĚ para poder controlar los registros y errores del sistema, hacer un uso adecuado de las herramientas y programar acciones.

Otro inconveniente de WooCommerce es que muestra la misma barra lateral o sidebar en el blog y en la ficha de los productos si no se emplea la modalidad de pantalla completa en estos. Se ha comentado cómo solucionar este problema con el plugin WooSidebars, que permite exhibir barras laterales alternativas y reemplazar áreas de widgets en páginas y secciones específicas, pudiendo personalizar estas sin restricciones..

Por otro lado, WooCommerce envía los correos electrónicos a través de WordPress, lo que aumenta considerablemente el riesgo de que los emails lleguen a la carpeta de spam. Para prevenir esta situación, se ha detallado cómo utilizar el plugin Mail Bank, que envía los correos mediante SMTP y asegura que lleguen al destinatario.

En √ļltimo lugar, se han tratado el manejo general de WordPress, para integrar en la tienda online un blog y formularios de contacto y de registro para la newsletter, a√Īadir p√°ginas informativas y cumplir las normativas legales; la optimizaci√≥n WPO, para mejorar la velocidad de carga; el SEO OnPage, para conseguir visibilidad en los buscadores; y las copias de seguridad, para tener un respaldo de la tienda en caso necesario.

Si quieres adquirir m√°s conocimientos acerca de estos apartados, te recomendamos leer nuestros art√≠culos sobre el curso de dise√Īo web y el curso de seo que impartimos en el M√°ster en Direcci√≥n de Marketing Digital y Social de la UCA.

Es probable que nos hayamos olvidado de algo pero, en resumen, todos los miembros de la comunidad oficial de WordPress en C√°diz que han asistido a la formaci√≥n han quedado plenamente capacitados para desarrollar y gestionar un proyecto de comercio electr√≥nico con total garant√≠a. Nos gustar√≠a agradecer a Daniel T√©llez, organizador de la Meetup, la oportunidad que nos ha brindado de participar en este evento tan reconocido y de tanto prestigio entre los profesionales del dise√Īo web, el ecommerce y el marketing digital. ¬°Ya estamos deseando colaborar en nuevos acontecimientos!

No olvides que somos tu empresa de dise√Īo de p√°ginas web en Jerez y C√°diz y que podemos desarrollar tanto tu site corporativo como tu ecommerce. Tambi√©n podemos ser tus consultores SEO en Jerez y C√°diz y mejorar tu posicionamiento web. De igual forma, podemos ser tus expertos en marketing online en Jerez y C√°diz¬†y aumentar las ventas de tu negocio. Si est√°s buscando una agencia de social media en Jerez y C√°diz, podemos gestionar tu presencia en Internet. ¬°Solicita YA tu presupuesto!

¬ŅTe ha gustado nuestro post? ¬°¬°¬°Comp√°rtelo en las redes sociales!!!

Pin It on Pinterest