# Sebastián Echeverri Jaramillo | Sebasweb - Full Content > Diseño y desarrollo de sitios web con WordPress y Elementor --- ## Cómo ocultar el rango de precios en productos variables de WooCommerce URL: https://sebasweb.net/ocultar-el-rango-de-precios-en-productos-variables-de-woocommerce/ Si trabajas con WooCommerce, seguro has visto esos productos variables que muestran algo como **“€25 – €60”**. Aunque es útil, no siempre se ve bien visualmente ni genera confianza. En este artículo te enseño cómo **ocultar el rango de precios en productos variables de WooCommerce** y mostrar solo el precio más bajo con un pequeño snippet PHP personalizado. Además, te explico paso a paso el código, cómo implementarlo y cómo hacerlo sin romper tu sitio. ## ¿Por qué ocultar el rango de precios en productos variables de WooCommerce? Mostrar un rango de precios (“de €20 a €50”) puede confundir a los clientes o desincentivar la compra. Muchos eCommerce prefieren mostrar solo el **precio mínimo** o incluso ocultar los precios hasta que se seleccione una variación. Este ajuste mejora la **claridad visual**, la **tasa de conversión** y da una **apariencia más profesional** a tu tienda online. ## Cómo ocultar el rango de precios en productos variables (paso a paso) ### 1. Accede a tu área de snippets o al functions.php Puedes hacerlo desde el plugin **Code Snippets** o agregando el código en el archivo functions.php de tu tema hijo. ### 2. Copia y pega este código // Ocultar rango de precios en productos variables – SEBASWEB add_filter( 'woocommerce_variable_sale_price_html', 'sw_variable_product_price', 10, 2 ); add_filter( 'woocommerce_variable_price_html', 'sw_variable_product_price', 10, 2 ); function sw_variable_product_price( $v_price, $v_product ) { $prod_prices = [ $v_product->get_variation_price( 'min', true ), $v_product->get_variation_price( 'max', true ) ]; $prod_price = $prod_prices[0] !== $prod_prices[1] ? wc_price( $prod_prices[0] ) : wc_price( $prod_prices[0] ); $regular_prices = [ $v_product->get_variation_regular_price( 'min', true ), $v_product->get_variation_regular_price( 'max', true ) ]; sort( $regular_prices ); $regular_price = $regular_prices[0] !== $regular_prices[1] ? wc_price( $regular_prices[0] ) : wc_price( $regular_prices[0] ); if ( $prod_price !== $regular_price ) { $prod_price = '<del>' . $regular_price . '</del> <ins>' . $prod_price . '</ins>'; } return $prod_price; } ## Explicación del código - add_filter() conecta nuestra función al precio de los productos variables. - get_variation_price('min', true) obtiene el precio más bajo entre las variaciones. - get_variation_price('max', true) obtiene el precio más alto. - El condicional if final compara el precio regular y el rebajado para mostrar ambos con el formato <del> y <ins>. - El prefijo sw_ identifica el código como parte del branding **SEBASWEB**. ## Dónde colocar el código Puedes añadirlo fácilmente usando el plugin **Code Snippets**, que te permite gestionar fragmentos de código sin tocar el tema. Si prefieres, también puedes incluirlo dentro de un plugin personalizado **SEBASWEB Custom Tweaks** si ya usas uno para tus proyectos. ## Consejos y aclaraciones al ocultar el rango de precios en productos variables de WooCommerce ### ¿Este código funciona con cualquier tema? Sí, siempre que el tema esté correctamente integrado con WooCommerce. Procura no implementarlo nunca en el archivo functions.php del tema original, sino en un **child theme** o a través del plugin **Code Snippets**, para evitar perder los cambios con futuras actualizaciones. ### ¿Se actualiza con WooCommerce 8+ o PHP 8+? Sí, es totalmente compatible. No modifica funciones internas de WooCommerce. ### ¿Afecta al SEO o al schema de productos? No, el cambio es solo visual. Los datos estructurados de producto permanecen intactos. ### ¿Puedo mostrar el precio máximo en lugar del mínimo? Sí, solo cambia get_variation_price('min') por 'max' dentro del código. Este snippet te permite **mostrar un precio más claro y atractivo** para tus productos variables en WooCommerce. Es un ajuste sencillo, rápido y efectivo para mejorar la presentación de tu tienda. ### 💬 ¿Te funcionó este snippet? Me encantaría saber cómo te fue al aplicarlo o si encontraste algún caso distinto en tu tienda. Déjame tu comentario abajo y lo reviso personalmente 👇 Tu experiencia puede ayudar a otros que también estén buscando cómo **ocultar el rango de precios en productos variables de WooCommerce**. --- ## Amelia: un plugin de reservas para WordPress muy completo y fácil de usar URL: https://sebasweb.net/plugin-de-reservas-para-wordpress/ Si estás buscando un **plugin de reservas para WordPress**, probablemente ya te habrás dado cuenta de la cantidad enorme de opciones que existen. Hay gratuitos, de pago, con funciones mínimas o con tantas características que parece que necesitarías un máster para entenderlos 😆. Yo mismo he pasado por ese camino, tanto para proyectos propios como para clientes. Y después de probar varios, descubrí uno que realmente hace la diferencia: **Amelia**. Este artículo no es un anuncio ni un “Amelia es perfecto”. Más bien es un recuento de mi experiencia y la de mis clientes, contando lo bueno, lo no tan bueno y las razones por las que me parece un plugin de reservas que vale la pena probar. Amelia combina facilidad de uso, potencia y la opción de olvidarte de pagos recurrentes si compras su licencia unlimited. Eso, para quienes trabajamos con WordPress todos los días, es una maravilla. VER EL PLUGIN AMELIA ## ¿Qué es Amelia y por qué vale la pena hablar de él? Amelia es un **plugin de reservas para WordPress** diseñado para gestionar citas, servicios y eventos desde tu sitio web de manera rápida y profesional. No necesitas ser un experto en programación para implementarlo y ofrece un flujo de reservas tan claro que los clientes finales lo agradecen. La pregunta clave es: ¿realmente necesito un sistema de reservas tan completo? La respuesta dependerá de tu negocio, pero si gestionas citas médicas, consultas de coaching, clases, talleres, reservas de asesoría, entrenamientos personales o incluso salas de reunión en un coworking, Amelia te ahorra horas de coordinación. ** ## Facilidad de implementación Lo primero que me sorprendió de Amelia es lo sencillo que resulta instalarlo y configurarlo**. Literalmente, en cuestión de minutos puedes tener un formulario de reservas activo en tu web que luce profesional. He probado otros plugins en los que se tarda días en configurar hasta el más mínimo detalle, ajustando shortcodes, plantillas y CSS. Con Amelia, la curva de aprendizaje es mucho más corta. Las opciones que trae de serie ya están pensadas para negocios reales. No tienes que “reinventar la rueda” ni pasarte horas peleando con el diseño. Un ejemplo: en un proyecto de una empresa de **asesoría legal en la compra y venta de franquicias**, logramos implementar el sistema de reservas en menos de una mañana. Configuramos servicios, asignamos horarios y al final del día los primeros clientes ya estaban agendando sus consultas legales directamente desde la web. ** ## Experiencias reales con clientes Uno de los casos más interesantes que recuerdo fue el de una psicóloga que atendía pacientes online desde diferentes partes del mundo**. Su reto principal no era solo tener un sistema de reservas ordenado, sino también que el IVA se cobrara únicamente en el país donde ella residía fiscalmente. Con Amelia y su integración con WooCommerce, logramos configurar un sistema flexible que permitía: - Que cada paciente eligiera día y hora en su propia zona horaria. - Pagos online con distintos métodos disponibles. - Aplicar el IVA solo a los pacientes de su país de residencia fiscal, tal como lo exigía la normativa. El resultado fue que pudo expandir su consulta sin complicaciones administrativas y con la tranquilidad de que la parte fiscal estaba bien resuelta. Historias como esa me han confirmado que Amelia es más que un plugin: es una herramienta que de verdad resuelve problemas en la operación diaria de un negocio. ## Ventaja competitiva: licencia unlimited Muchos plugins de reservas funcionan bajo suscripción mensual o anual. Y, siendo sinceros, esos costos van sumando. Con Amelia tienes la opción de una **licencia unlimited de por vida**. Esto significa que pagas una vez y puedes instalarlo en todos los sitios que quieras. Como alguien que maneja varios proyectos y clientes, esto es un alivio. No tengo que estar renovando cada año ni calculando gastos adicionales. Lo pago una vez y lo utilizo en todos los proyectos que lo necesiten. A nivel de negocio, es una inversión inteligente. ** ## Características principales de Amelia Voy a resumir lo que considero sus puntos más fuertes: - Reservas de citas y servicios**: ideal para negocios que trabajan con agenda. - **Gestión de eventos**: perfecto para talleres, charlas, cursos o seminarios. - **Dashboard intuitivo**: en un vistazo ves citas confirmadas, cancelaciones, ingresos y desempeño de tu equipo. - **Notificaciones automáticas**: por email o SMS, para que nadie olvide su cita. - **Pagos online integrados**: PayPal, Stripe o incluso WooCommerce. - **Sincronización con Google Calendar y Outlook**. - **Funciona con casi cualquier tema de WordPress**. ** ## Limitaciones y desventajas No todo es perfecto. Una de las limitaciones más claras es que no puedes modificar demasiado el diseño** de los formularios de reservas. Sí, puedes ajustar colores y adaptar textos, pero no vas a poder rediseñar el flujo completo como si estuvieras en Elementor o Bricks. ¿Es grave? Para mí no. Amelia está probado por miles de usuarios y su diseño está optimizado para que el cliente reserve sin complicarse. A veces menos es más: que funcione rápido y sin errores es mucho más valioso que un diseño ultra personalizable. ## Tabla comparativa de las versiones de Amelia CaracterísticaLite (Gratis)Basic (1 sitio)Pro (3 sitios)Developer (Unlimited)Reservas ilimitadas✔️✔️✔️✔️Gestión de servicios y empleadosLimitadaCompletaCompletaCompletaEventos❌✔️✔️✔️Pagos online (PayPal, Stripe, Woo)❌✔️✔️✔️Notificaciones por email y SMSBásicoAvanzadoAvanzadoAvanzadoIntegración con Google/Outlook Calendar❌✔️✔️✔️Soporte premium❌✔️✔️✔️Sitios incluidos113IlimitadosPago único disponible❌❌❌✔️ ## Integración con WooCommerce Una de las grandes ventajas de Amelia es que se integra con WooCommerce. Esto abre la posibilidad de añadir métodos de pago adicionales, gestionar impuestos y obtener reportes detallados de ventas. En mi blog incluso escribí un artículo completo sobre esto: Pagos con WooCommerce en Amelia. Allí explico cómo configurarlo paso a paso y por qué puede ser útil si necesitas un control más avanzado. ## Casos de uso en diferentes sectores Amelia es tan flexible que se adapta a muchos tipos de negocio. Algunos ejemplos: - **Empresas de asesoría legal**: gestión de consultas de clientes interesados en compra y venta de franquicias. - **Consultas psicológicas online**: agendamiento de pacientes internacionales, con facturación ajustada según la residencia fiscal. - **Entrenadores personales y gimnasios**: gestión de clases individuales o grupales. - **Coworkings**: reserva de salas de reuniones. - **Consultores y coaches**: agendar sesiones sin complicaciones. ** ## Preguntas frecuentes sobre Amelia ### ¿Amelia funciona con cualquier tema de WordPress? En la mayoría de los casos sí. Puede requerir pequeños ajustes de estilo si tu tema es muy personalizado, pero nada grave. ### ¿Puedo probarlo gratis? Sí, tiene una versión Lite** gratuita. Aunque recomiendo ir a una versión de pago si realmente quieres sacarle todo el provecho. ### ¿Es difícil de configurar? No. En menos de una hora puedes tenerlo funcionando. Y si eres agencia, con la licencia unlimited lo instalas en tantos proyectos como quieras. ### ¿Qué pasa con el diseño del formulario? No podrás personalizarlo demasiado, solo colores y textos. Pero está pensado para que funcione de manera óptima desde el inicio. ### ¿Merece la pena la licencia de por vida? Para mí, sí. Sobre todo si trabajas con varios clientes o proyectos. Es una inversión que se paga sola con el tiempo. Después de probar diferentes opciones, Amelia se ha convertido en uno de mis plugins favoritos de reservas para WordPress. No digo que sea perfecto, pero sí es **muy completo y fácil de usar**. Además, tener la posibilidad de comprarlo con un pago único lo hace aún más atractivo. Si quieres simplificar tu sistema de reservas y darle a tus clientes una experiencia profesional, Amelia es una herramienta que definitivamente deberías probar. Puedes encontrarlo en su web oficial: Amelia WordPress Plugin. VER PLUGIN AMELIA --- ## Cómo Mostrar la categoría actual en los loops de Bricks Builder URL: https://sebasweb.net/mostrar-la-categoria-actual-en-los-loops-de-bricks/ Una de las preguntas que más me hice al empezar con Bricks fue cómo **mostrar la categoría actual en los loops de Bricks Builder**. Sí, el constructor trae algunos elementos listos para mostrar listados de posts o productos, pero cuando quieres algo más flexible y a tu medida, toca meterse con los **Query Loops**. En este post te voy a contar cómo funcionan estos loops y, sobre todo, cómo configurarlos para que muestren automáticamente los posts de la categoría en la que estés. Es algo muy útil si tienes un blog con varias categorías y no quieres estar creando un diseño diferente para cada una. La idea la saqué de un hilo del foro oficial de Bricks (te lo dejo aquí), pero en este artículo lo explico paso a paso y en español, tal como yo lo implementé. ## ¿Qué son los Query Loops en Bricks? El **Query Loop Builder** es la función de Bricks que permite convertir cualquier contenedor en un listado dinámico de resultados. Una vez activas la opción *Use Query Loop*, el contenido dentro del contenedor se repetirá según lo que devuelva la consulta definida. ### Tipos de consultas soportadas - **Posts (WP_Query)** → Entradas, páginas, productos o CPTs. - **Terms (WP_Term_Query)** → Categorías, etiquetas o taxonomías personalizadas. - **Users (WP_User_Query)** → Listados de autores o usuarios. ### Funcionalidades clave - Controlar número de resultados, orden, exclusiones, offset, sticky posts, etc. - Crear **meta queries** y **taxonomy queries** avanzadas. - Usar el **Query editor (PHP)** para consultas personalizadas con etiquetas dinámicas. - Compatibilidad con **paginación, AJAX, Load More** o scroll infinito. En pocas palabras: los Query Loops son la herramienta que hace de Bricks un constructor realmente dinámico. Imagina que entras en un archivo de categoría, por ejemplo:**👉 tusitio.com/category/diseno En esa página quieres que: - El loop muestre solo los posts de la categoría Diseño**. - El título de la página se actualice automáticamente con el nombre de la categoría. - Si existe, aparezca también la descripción de la categoría. La clave está en hacer que la **query del loop herede la categoría actual**. ## Cómo implementar todo (paso a paso) Aquí tienes la guía práctica para configurarlo en Bricks: ### 1. Crea la plantilla de archivo - Ve a **Bricks → Templates → Add New → Archive**. - Selecciona que aplique a **Category**. - Así, esta plantilla se cargará automáticamente cuando un usuario visite cualquier archivo de categoría en tu blog. ### 2. Inserta un contenedor con Query Loop - Dentro de la plantilla, añade un **Container**. - Activa la opción **Use Query Loop** y define el tipo como **Posts**. - Configura lo básico: número de posts por página, orden, excluir post actual, etc. (tal como se ve en la captura de pantalla). ### 3. Configura la Taxonomy Query para heredar la categoría Este es el paso clave: - Desplázate a la sección **Taxonomy Query**. - Selecciona la taxonomía **Categories (Post)**. - En el campo **Field**, elige **Name**. - En el campo **Terms**, usa la etiqueta dinámica **{post_terms_category}**. - Deja **Compare = IN** y **Include children = True** (si quieres incluir subcategorías). Con esto, el loop detectará automáticamente la categoría actual y mostrará únicamente los posts de esa categoría (como en tu segunda captura). ### 4. Muestra el nombre y descripción de la categoría - Inserta un **Heading** y selecciona **Dynamic Data → {archive_title}**. - Inserta un bloque de texto y selecciona **Dynamic Data → {archive_description}**. De esta forma, cada categoría tendrá su nombre y descripción visible, sin necesidad de configurarlas manualmente en cada plantilla. ### 5. Añade paginación o scroll infinito (opcional) - Inserta el elemento **Pagination** y vincúlalo al loop desde **Related Query**. - O activa **Infinite Scroll / Load More** en la configuración del loop. ## Ventajas de esta configuración - **Automatización total**: no tienes que crear un loop por cada categoría. Una sola plantilla funciona para todas. - **Escalabilidad**: si añades nuevas categorías, se integrarán automáticamente. - **Consistencia visual**: todos los archivos de categoría tendrán el mismo diseño. - **Mejora en SEO y UX**: mostrar la categoría actual en los loops de Bricks Builder mejora la claridad del sitio y refuerza la relevancia del contenido. Los Query Loops de Bricks Builder son una herramienta poderosa para crear listados dinámicos. Y al combinarlos con una **Taxonomy Query dinámica**, puedes resolver fácilmente uno de los retos más comunes: **mostrar la categoría actual en los loops de Bricks Builder**. De este modo, tu blog será más fácil de mantener, escalar y optimizar para buscadores, sin necesidad de duplicar plantillas ni complicarte con código adicional. Si quieres aprender un poco más sobre los query loops de Bricks Builder, te comparto el enlace a su academia oficial --- ## Configuración de Pagos con WooCommerce en Amelia: Guía Paso a Paso URL: https://sebasweb.net/pagos-con-woocommerce-en-amelia/ Si utilizas **Amelia** para gestionar reservas y citas en tu negocio, seguramente ya sabes lo potente que es. Y si además trabajas con **WooCommerce** para las ventas, la combinación puede ser un auténtico salvavidas. La **configuración de pagos con WooCommerce en Amelia** te permite unificar reservas y cobros en un mismo sistema, con mayor control sobre impuestos, facturación y métodos de pago. En esta guía te muestro cómo hacerlo paso a paso, qué limitaciones debes tener en cuenta y por qué, en mi experiencia, integrar WooCommerce fue la mejor decisión para un proyecto que requería control fiscal avanzado. VER PLUGIN AMELIA ## ¿Por qué elegir WooCommerce para gestionar los pagos en Amelia? Con los métodos de pago directos de Amelia (PayPal, Stripe, Mollie, etc.) puedes incluir precios con IVA ya calculado. Esto funciona perfecto si solo vendes en un país. El problema aparece cuando necesitas algo más avanzado: - Controlar el **IVA por país** (ejemplo: clientes de la UE con IVA frente a clientes fuera de la UE sin IVA). - Validar un **VAT ID** (NIF intracomunitario) para no cobrar IVA a empresas europeas. - Cumplir con los **requisitos fiscales europeos** en facturación y reportes. En mi caso, con PayPal y Stripe directamente en Amelia no podía cubrir estos escenarios. Ahí fue cuando decidí mover los pagos a WooCommerce. El cambio me dio: - **Reglas de impuestos personalizadas por país o región**. - Posibilidad de validar el **VAT ID** mediante extensiones. - Informes y facturas mucho más completas y adaptadas a la normativa. 👉 En pocas palabras: si trabajas con clientes internacionales y necesitas un control real sobre el IVA, la **configuración de pagos con WooCommerce en Amelia** es el camino a seguir. ## Impuestos nativos en Amelia: ¿qué ofrecen y dónde se quedan cortos? Desde la versión 7.6, Amelia incluyó una opción para **activar impuestos directamente desde su panel**: - Puedes ir a **Amelia > Settings > Payments** y activar *Enable Taxes*. - Definir nombre del impuesto, porcentaje o cantidad fija. - Elegir si el precio se muestra con impuestos incluidos o añadidos al final. Esto es útil para escenarios simples, pero tiene limitaciones claras: - Solo puedes aplicar un tipo de impuesto por servicio/evento. - No hay variación según el país del cliente. - No existe validación de VAT ID ni reglas avanzadas de exención fiscal. Es decir, si solo vendes localmente, esta función te puede servir. Pero si tienes ventas internacionales, tarde o temprano te quedarás corto. ## Comparativa: impuestos y facturación en Amelia vs. WooCommerce FuncionalidadAmelia (nativo) ❌Amelia + WooCommerce ✅Impuestos básicos (un único tipo)✅ Sí✅ SíVarios tipos de impuestos por servicio❌ No✅ SíIVA según país/región del cliente❌ No✅ SíValidación de VAT ID (NIF intracomunitario)❌ No✅ Sí (con extensión)Facturación avanzada / personalizable❌ Limitada✅ CompletaInformes fiscales detallados❌ Básicos✅ AvanzadosIntegración con otros métodos de pago❌ Limitada✅ Muy amplia (Stripe, PayPal, TPV, etc.)Experiencia cliente unificada con reservas✅ Sí✅ Sí ## Ventajas de usar WooCommerce en la integración La integración WooCommerce + Amelia amplía enormemente las posibilidades: - Configurar **distintos impuestos según el país del cliente** gracias a las reglas fiscales de WooCommerce. - Añadir extensiones para validar el **VAT ID** automáticamente. - Emitir facturas personalizadas y completas a través de WooCommerce o plugins de facturación. - Controlar mejor los estados de pedidos y su sincronización con las reservas de Amelia. De hecho, en la documentación oficial de Amelia se indica que para escenarios avanzados de facturación e impuestos, **WooCommerce es la alternativa recomendada**. ## 1. Requisitos previos Antes de arrancar con la configuración de pagos con WooCommerce en Amelia, asegúrate de tener instalados y activos en tu WordPress: - **Amelia** - **WooCommerce** *(Ambos en su última versión estable para evitar problemas de compatibilidad).* ## 2. Activar WooCommerce como método de pago en Amelia Ve a **Amelia > Ajustes > Pagos** y selecciona WooCommerce. Ten en cuenta: - WooCommerce será el **único método de pago disponible en Amelia**. - Amelia creará un **producto automático** llamado *Appointment*, que usará como “puente” entre ambas plataformas. 👉 Consejo: no elimines ni edites drásticamente ese producto. ## 3. Configuraciones clave de redirección - **Servicios gratuitos**: activa la opción “saltar carrito/checkout” para no complicar el flujo. - **Página predeterminada tras introducir datos en Amelia**: cambia del carrito al **checkout**, mucho más limpio y funcional. - **Página de redirección tras completar el pago**: deja la de WooCommerce (agradecimiento) o cámbiala a la de Amelia “Añadir al calendario”. ## 4. Sincronización entre estados de pedido y citas Por defecto: - *On hold*, *Processing* o *Completed* en WooCommerce = cita marcada como **pagada** en Amelia. Problema: - Si cambias manualmente un estado en WooCommerce, Amelia no lo detecta. Solución: - Crear **reglas personalizadas** de actualización (ejemplo: si un pedido pasa a *Completado*, Amelia lo marca como aprobado y pagado). ## 5. Personalizar la información del pedido Amelia permite usar **placeholders** (fecha, hora, servicio, empleado, extras) para que en el checkout de WooCommerce el cliente vea: “Consulta inicial – 12 de septiembre, 16:00 – con Kelly Arbeláez”. ## 6. Pagos en el sitio (on-site) Si quieres mantener la opción de pago en efectivo o transferencia, simplemente activa en WooCommerce el método **Contra Reembolso (Cash on Delivery)**. ## 7. La experiencia del cliente El flujo final queda así: - Reserva en Amelia. - Redirección a WooCommerce (checkout recomendado). - Datos de facturación + pago. - Página de agradecimiento o “Añadir al calendario”. La **configuración de pagos con WooCommerce en Amelia** no solo simplifica la experiencia del cliente, también te permite escalar tu negocio con mayor seguridad fiscal: - Si vendes solo en un país, con impuestos simples, Amelia puede bastar. - Pero si trabajas con clientes internacionales, necesitas reglas de IVA, validación de VAT ID o facturación completa → WooCommerce es imprescindible. 👉 Mi consejo: haz siempre pruebas con distintos escenarios (IVA incluido/excluido, cambios de estado, métodos de pago) antes de lanzar en producción. --- ## Incompatibilidad de Polylang y Bricks 2.0 con las plantillas del constructor: cómo lo solucioné URL: https://sebasweb.net/incompatibilidad-de-polylang-y-bricks-2-0-con-las-plantillas-del-constructor-como-lo-solucione/ Cuando trabajamos con sitios multilingües en WordPress, una combinación común es Bricks Builder junto con Polylang. Funciona muy bien… hasta que una actualización cambia las reglas del juego. En mi caso, todo el proyecto que había configurado para un cliente dejó de funcionar tras actualizar a Bricks 2.0: los headers y footers no se mostraban en ninguno de los idiomas y las plantillas globales parecían “desaparecidas”. Investigando en el foro oficial de Bricks y en su documentación, descubrí que el problema no era un bug aislado, sino un cambio importante en cómo Bricks gestiona las plantillas cuando Polylang está activo. En este artículo te cuento qué pasó, por qué ocurre y dos formas de solucionarlo: configurando condiciones o aplicando un filtro de código. ## Qué cambió en Bricks 2.0 y rompió la compatibilidad Hasta la versión 1.12.4, Bricks soportaba dos escenarios: - **Plantillas administradas por Polylang:** si activabas “Mis plantillas” en Polylang, podías traducirlas y Bricks funcionaba bien. - **Plantillas no administradas por Polylang:** si no querías que Polylang gestionara esas plantillas, Bricks igualmente las usaba sin problema. **Con la llegada de Bricks 2.0, este comportamiento cambió:** - El tipo de publicación bricks_template ahora siempre es gestionado por Polylang. - No hay opción para excluir las plantillas de la traducción. - Esto rompe los sitios que usaban plantillas globales sin traducción (headers, footers, plantillas de archivo, etc.). En otras palabras, **Bricks asume que todas las plantillas deben estar localizadas**, y si no lo están, simplemente no se cargan. 🥴 ## Cómo identifiqué el problema - Tras la actualización, las plantillas dejaron de mostrarse en el front-end. - En el panel de Polylang, noté que ya no podía controlar el tipo de publicación “Mis plantillas”. - En el foro de Bricks encontré usuarios reportando lo mismo y explicando que era un cambio deliberado en la versión 2.0. ## Solución 1: Configurar condiciones manualmente (recomendado por Bricks) Bricks ahora permite definir condiciones por idioma en cada plantilla. Esto es ideal si realmente quieres traducir y gestionar plantillas para cada idioma. Pasos: - Ve a Bricks → Plantillas en tu panel de WordPress. - Abre tu header, footer u otras plantillas globales. - En la pestaña Condiciones, añade manualmente la condición “Idioma = Español” o “Idioma = Inglés”, según corresponda. - Duplica plantillas si necesitas versiones separadas para cada idioma. - Guarda y prueba el front-end. Este método es ideal si quieres trabajar con traducciones y tener control granular sobre cada plantilla. ## Solución 2: Usar un filtro (para volver al comportamiento anterior 👌🏻) Si tu flujo de trabajo no necesita traducir plantillas y prefieres que todas se apliquen globalmente, puedes excluir bricks_template del control de Polylang usando este filtro: add_filter('pll_get_post_types', function( $post_types, $is_settings ) { unset( $post_types['bricks_template'] ); return $post_types; }, 99, 2); **Dónde colocarlo:** - En el archivo functions.php de tu tema hijo - En un plugin personalizado de funciones. - O en code snippets Esto hace que Bricks vuelva a manejar las plantillas como antes de la versión 2.0 (sin localización obligatoria). ### Qué método elegir - Si necesitas traducir plantillas: usa la solución 1 con condiciones manuales. - Si no necesitas traducción en plantillas: usa la solución 2 con el filtro en functions.php. (que fue la que yo use en el proyecto de mi cliente). **Consejos para prevenir futuros problemas** - Prueba las actualizaciones en un entorno de staging antes de aplicarlas en producción. - Revisa siempre los changelogs de Bricks y las notas de compatibilidad de Polylang. - Documenta tu configuración multilingüe para restaurarla fácilmente si algo falla. La incompatibilidad entre Polylang y Bricks 2.0 con las plantillas del constructor no es un bug como tal, sino un cambio en cómo Bricks maneja la localización de plantillas. Conociendo el nuevo comportamiento, puedes adaptar tu flujo de trabajo configurando condiciones o aplicando el filtro que excluye bricks_template de Polylang. **A mí me salvó este ajuste** y pude restaurar el sitio de mi cliente sin perder tiempo rehaciendo plantillas. Si te ha pasado lo mismo, prueba estas soluciones y cuéntame en los comentarios qué resultado te dieron. --- ## Eliminar las imágenes al borrar un producto en WooCommerce URL: https://sebasweb.net/eliminar-las-imagenes-al-borrar-un-producto-en-woocommerce/ Eliminar las imágenes al borrar un producto en WooCommerce es clave para evitar que tu biblioteca de medios se llene de archivos innecesarios. Por defecto, al eliminar un producto, sus imágenes —como la destacada o las de la galería— permanecen en el servidor, lo que puede afectar el rendimiento y dificultar la gestión del sitio. Por eso, en este artículo quiero compartir contigo un fragmento de código, junto con su explicación paso a paso, que te permitirá eliminar las imágenes al borrar un producto en WooCommerce. Y si prefieres una solución más sencilla o no te sientes del todo cómodo tocando código, también podrás descargar un pequeño plugin que incluye esta funcionalidad lista para usar en tu WordPress. ## Por qué automatizar la eliminación de imágenes - Eliminar automáticamente las imágenes asociadas a los productos que ya no existen trae varias ventajas: - Ahorro de espacio: Se eliminan archivos que ya no se necesitan. - Mejor rendimiento: Menos archivos significa menos peso en el servidor. - Gestión ordenada: Evita una biblioteca de medios saturada y difícil de manejar. - Evita errores humanos: Al automatizar, se reduce el riesgo de olvidar borrar manualmente. ## Código para eliminar las imágenes al borrar un producto en WooCommerce Este fragmento de código se puede añadir en el archivo functions.php del tema hijo, o usando un plugin como Code Snippets, que recomiendo para gestionar fragmentos de forma segura. /* // Eliminar las imágenes al borrar un producto en WooCommerce */ add_action('before_delete_post', 'sw_eliminar_imagenes_producto', 10, 1); function sw_eliminar_imagenes_producto($post_id) { $producto = wc_get_product($post_id); if (!$producto) { return; } // Eliminar imagen destacada $id_imagen_destacada = $producto->get_image_id(); if (!empty($id_imagen_destacada)) { wp_delete_attachment($id_imagen_destacada, true); } // Eliminar imágenes de la galería $ids_galeria = $producto->get_gallery_image_ids(); if (!empty($ids_galeria)) { foreach ($ids_galeria as $id_imagen) { wp_delete_attachment($id_imagen, true); } } } ## Qué hace este código - Utiliza el hook before_delete_post para detectar cuando se elimina un producto. - Recupera el producto con wc_get_product. - Obtiene el ID de la imagen destacada y las imágenes de galería. - Usa wp_delete_attachment() para eliminar permanentemente las imágenes, incluyendo sus versiones en miniatura. ## ⚠️ Consideraciones importantes - Las imágenes se eliminan definitivamente, no van a la papelera. - No se comprueba si las imágenes están usadas en otros productos o entradas, así que hay que tener cuidado con imágenes compartidas. - Es recomendable hacer pruebas primero en un entorno de desarrollo o staging y tener siempre una copia de seguridad. ## Algunas preguntas frecuentes ### ¿Existe algún plugin que elimine automáticamente las imágenes al borrar un producto? No hay un plugin dedicado exclusivamente a esta función, pero herramientas como Media Cleaner o WP-Optimize permiten identificar y eliminar archivos no utilizados. Aun así, suelen requerir intervención manual. Este snippet, en cambio, automatiza el proceso por completo. ### ¿Qué sucede si una imagen que se va a eliminar también se usa en otro producto? El código no comprueba si la imagen está compartida con otros productos o entradas. Si lo está, también será eliminada. Por eso, conviene usar imágenes únicas por producto o desarrollar una solución más avanzada que verifique su uso antes de borrarla. ### ¿Puedo recuperar las imágenes si me equivoco? No. Las imágenes se eliminan de forma permanente y no se envían a la papelera. Se recomienda tener siempre copias de seguridad activas por si necesitas restaurar contenido eliminado por error. ### ¿Este código afecta a productos que ya han sido eliminados? No, el código solo actúa cuando se elimina un producto desde ahora en adelante. No eliminará imágenes asociadas a productos borrados anteriormente. ### ¿Es compatible con cualquier tema y versión de WooCommerce? Sí, el snippet usa funciones nativas de WordPress y WooCommerce, por lo que es compatible con la mayoría de temas bien desarrollados. Aun así, si estás usando plugins o temas que alteran el comportamiento de productos o medios, es mejor probar antes. ### ¿Se pueden eliminar también las imágenes de las variaciones al borrar un producto variable? Sí. El código base elimina únicamente la imagen destacada y las de la galería del producto principal. Sin embargo, si trabajas con productos variables que tienen imágenes propias por variación, puedes ampliar el snippet para que también borre esas imágenes. Aquí te dejo una versión mejorada del código que elimina las imágenes del producto principal y las de cada variación: add_action('before_delete_post', 'sw_eliminar_imagenes_producto_y_variaciones', 10, 1); function sw_eliminar_imagenes_producto_y_variaciones($post_id) { if (get_post_type($post_id) !== 'product') { return; } $producto = wc_get_product($post_id); if (!$producto) { return; } // Eliminar imagen destacada $id_imagen_destacada = $producto->get_image_id(); if (!empty($id_imagen_destacada)) { wp_delete_attachment($id_imagen_destacada, true); } // Eliminar imágenes de la galería $ids_galeria = $producto->get_gallery_image_ids(); if (!empty($ids_galeria)) { foreach ($ids_galeria as $id_imagen) { wp_delete_attachment($id_imagen, true); } } // Eliminar imágenes de variaciones if ($producto->is_type('variable')) { $variaciones = $producto->get_children(); foreach ($variaciones as $variacion_id) { $imagen_variacion_id = get_post_thumbnail_id($variacion_id); if (!empty($imagen_variacion_id)) { wp_delete_attachment($imagen_variacion_id, true); } } } } ## ¿Prefieres no tocar código? Si no te sientes cómodo editando archivos o prefieres una solución rápida, puedes descargar este plugin que ya incluye el código necesario para eliminar automáticamente las imágenes del producto y sus variaciones al borrarlo en WooCommerce. Solo tienes que instalarlo como cualquier otro plugin desde tu panel de WordPress. DESCARGA DESDE AQUÍ EL PLUGIN ## Bonus útil si trabajas con fragmentos de código Si aún no conoces todas las ventajas de Code Snippets para la inclusión de fragmentos personalizados en WordPress, es una herramienta muy práctica que vale la pena tener en cuenta. Te permite gestionar tus códigos sin necesidad de modificar el archivo *functions.php*, con opciones para activarlos solo en el frontend, backend o bajo condiciones específicas. Y si usas la versión Pro, puedes organizarlos por carpetas, exportarlos fácilmente y mucho más. 👉 Puedes conocer más y ver todas sus funciones en el sitio oficial: codesnippets.pro --- ## Cómo Ocultar el Precio Fijo de Envío en WooCommerce Cuando el Pedido es Gratis URL: https://sebasweb.net/ocultar-el-precio-fijo-de-envio-en-woocommerce/ En el mundo del comercio electrónico, ofrecer una experiencia de compra fluida y atractiva es fundamental para aumentar las conversiones. Uno de los aspectos más importantes en este proceso es la gestión de las opciones de envío. En este artículo, aprenderás cómo ocultar el precio fijo de envío en WooCommerce cuando tus clientes son elegibles para envío gratuito, utilizando el plugin **WC Hiding Shipping Methods** o, si prefieres, con un pequeño fragmento de código personalizado. 📹 **¿Prefieres verlo en video?****Aquí te dejo un tutorial donde te muestro paso a paso cómo ocultar el precio fijo de envío utilizando el plugin: ## ¿Por Qué Es Importante Ocultar el Precio Fijo de Envío? Cuando un cliente ve múltiples opciones de envío, puede sentirse abrumado. Si ofreces envío gratuito, es crucial que esta opción destaque sobre el costo de envío fijo. Ocultar el precio fijo de envío cuando el pedido es elegible para envío gratuito no solo simplifica la experiencia de compra, sino que también puede mejorar la tasa de conversión de tu tienda online. ## 🛠️ Pasos para Configurar el Envío Gratuito en WooCommerce ### Activar el Envío Gratuito Para comenzar, necesitas asegurarte de que el envío gratuito esté habilitado en tu tienda WooCommerce: - Ve a WooCommerce > Ajustes > Envío**. - Selecciona la **zona de envío** donde deseas habilitar el envío gratuito. - Haz clic en **Añadir método de envío** y selecciona **Envío gratuito**. - Configura las condiciones que deben cumplirse para que el envío gratuito esté disponible, como un monto mínimo de pedido. ## 🔌 Opción 1: Usar el Plugin WC Hiding Shipping Methods Para ocultar el costo de envío fijo, puedes instalar el plugin **WC Hiding Shipping Methods**: - Ve a **Plugins > Añadir nuevo** en tu panel de administración de WordPress. - Busca **WC Hiding Shipping Methods** e instálalo. - Activa el plugin. ### Configurar el Plugin - Ve a **WooCommerce > Ajustes > Envío**. - Busca la sección del plugin y selecciona las opciones que deseas ocultar. - Configura las condiciones bajo las cuales se ocultará el costo de envío fijo, como cuando el pedido es elegible para envío gratuito. VER PLUGIN ## 💻 Opción 2: Código para Ocultar el Envío Fijo (sin plugins) Si prefieres una solución sin plugins, también puedes lograrlo con este fragmento de código. Solo necesitas agregarlo al archivo functions.php de tu tema hijo o usar un plugin como **Code Snippets**: add_filter('woocommerce_package_rates', 'sw_ocultar_envio_fijo_si_envio_gratis', 10, 2); function sw_ocultar_envio_fijo_si_envio_gratis($rates, $package) { if (isset($rates['free_shipping'])) { foreach ($rates as $rate_id => $rate) { if ('flat_rate' === $rate->method_id) { unset($rates[$rate_id]); } } } return $rates; } ### 🔍 ¿Qué hace este código? - Utiliza el filtro woocommerce_package_rates para modificar las tarifas de envío antes de que se muestren. - Verifica si hay una opción de **envío gratuito disponible**. - Si existe, elimina automáticamente cualquier tarifa de tipo **envío fijo** (flat_rate), mostrando solo la opción gratuita al cliente. Es una alternativa liviana y eficaz si no quieres depender de plugins adicionales. ## 🎯 Beneficios de Ocultar el Precio Fijo de Envío - **Mejora la Experiencia del Usuario:** Al mostrar solo las opciones relevantes, reduces la confusión y facilitas la toma de decisiones. - **Aumenta la Tasa de Conversión:** Los clientes son más propensos a completar su compra si ven opciones de envío atractivas. Ocultar el precio fijo de envío en WooCommerce cuando hay envío gratuito disponible es una estrategia efectiva para mejorar la experiencia de compra de tus clientes. **Si te ha gustado este artículo, ¡no dudes en compartirlo! También puedes dejar tus comentarios o preguntas a continuación. ¡Gracias por llegar hasta aquí!** 😊 --- ## Recordar la información del cliente al volver a pagar en WooCommerce URL: https://sebasweb.net/recordar-la-informacion-del-cliente-al-volver-a-pagar-en-woocommerce/ Cuando se trata de comercio electrónico, cada pequeño detalle cuenta para que la experiencia del usuario sea lo más fluida posible. Uno de esos detalles es evitar que tus clientes tengan que reingresar sus datos al volver a pagar. En este artículo, te explico de manera sencilla cómo lograrlo en WooCommerce y por qué es tan importante. ## ¿Por qué recordar la información del cliente? Imagina que un cliente tiene que llenar el formulario de pago una y otra vez. ¡Qué fastidio! Recordar sus datos no solo ahorra tiempo, sino que también: - **Facilita la experiencia de compra:** Menos pasos y menos esfuerzo hacen que el proceso de pago sea más cómodo. - **Aumenta la confianza:** Un checkout optimizado transmite profesionalismo y atención al detalle. - **Reduce errores:** Con menos campos para completar, es menos probable que se cometan equivocaciones. ## El desafío en WooCommerce Aunque WooCommerce es una herramienta poderosa para montar tu tienda online, hay ocasiones en que la información del checkout se pierde, ya sea por cambios en el flujo de pago, interrupciones en la navegación o incluso por conflictos con otros plugins. Por eso, contar con una solución que «recuerde» la información del cliente puede marcar la diferencia. ## La solución: Guardar y recuperar datos del checkout La idea es almacenar temporalmente los datos del checkout en la sesión del usuario. De esta forma, cuando el cliente vuelva a pagar, ya tengamos la información lista para usar. Aquí te dejo un código que puedes implementar en tu sitio: /* guardar checkout */ if ( ! function_exists( 'sw_guardar_checkout_fields' ) ) { add_action( 'woocommerce_checkout_update_order_review', 'sw_guardar_checkout_fields', 9999 ); function sw_guardar_checkout_fields( $posted_data ) { parse_str( $posted_data, $output ); WC()->session->set( 'checkout_data', $output ); return $posted_data; } } if ( ! function_exists( 'sw_recuperar_checkout_fields' ) ) { add_filter( 'woocommerce_checkout_get_value', 'sw_recuperar_checkout_fields', 9999, 2 ); function sw_recuperar_checkout_fields( $value, $index ) { $data = WC()->session->get( 'checkout_data' ); if ( ! $data || empty( $data[ $index ] ) ) return $value; return is_bool( $data[ $index ] ) ? (int) $data[ $index ] : $data[ $index ]; } } if ( ! function_exists( 'sw_recuperar_checkout_fields_diferentes_direcciones' ) ) { add_filter( 'woocommerce_ship_to_different_address_checked', 'sw_recuperar_checkout_fields_diferentes_direcciones' ); function sw_recuperar_checkout_fields_diferentes_direcciones( $checked ) { $data = WC()->session->get( 'checkout_data' ); if ( ! $data || empty( $data['ship_to_different_address'] ) ) return $checked; return true; } } ## **¿Cómo funciona este código? - Guardamos los datos:**Cada vez que se actualiza el checkout, la función sw_guardar_checkout_fields captura los datos enviados, los convierte en un array mediante parse_str y los almacena en la sesión usando WC()->session->set(‘checkout_data’, $output). Esto nos permite tener a mano la información en caso de que se interrumpa el proceso de pago. - **Recuperamos los datos:**La función sw_recuperar_checkout_fields se engancha al filtro woocommerce_checkout_get_value. Cada vez que se carga un campo en el formulario, verifica si existen datos guardados en la sesión. Si encuentra información, la devuelve para que el cliente no tenga que escribirla de nuevo. - **Manejo de direcciones de envío:**Con la función sw_recuperar_checkout_fields_diferentes_direcciones, nos aseguramos de que si el usuario marcó la opción de enviar a una dirección diferente, esta preferencia se mantenga. La función comprueba en la sesión si existe el valor para ship_to_different_address y, en caso afirmativo, retorna true. - **Prevención de redeclaración de funciones:****Cada función está envuelta en una comprobación if ( ! function_exists( ‘nombre_de_la_función’ ) ). Esto evita que se redeclare una función si ya existe en otro fragmento o plugin, lo que ayuda a prevenir errores en la activación del código. ## Ventajas de esta implementación - Menos fricción en el proceso de pago:** Tus clientes disfrutarán de un proceso más rápido y sencillo. - **Mejora en la conversión:** Al reducir los obstáculos durante el checkout, es más probable que los usuarios completen su compra. - **Integración sencilla:** El código se puede adaptar fácilmente a la mayoría de los temas y configuraciones de WooCommerce. Antes de implementar esta solución en tu sitio en producción, es recomendable probarla en un entorno de desarrollo para asegurarte de que no genera conflictos con otros plugins o personalizaciones. Además, recuerda tener en cuenta las normativas de protección de datos, ya que estarás manejando información sensible de tus clientes. --- ## Filtrar productos con rebaja en la administración de WooCommerce URL: https://sebasweb.net/filtrar-productos-con-rebaja/ Si manejas una tienda en WooCommerce con muchos productos, seguro en algún momento quisiste ver rápidamente cuáles tienen descuento sin tener que revisarlos uno por uno. Aunque WooCommerce no ofrece esta opción por defecto, con un pequeño ajuste podemos añadir un filtro en el panel de administración para facilitar esta tarea. ## ¿Por qué filtrar productos con rebaja? Cuando tienes una tienda con muchas referencias, identificar qué productos tienen descuento te ayuda a gestionar mejor las promociones, ajustar precios o revisar el inventario sin perder tiempo. Afortunadamente, podemos agregar un filtro fácilmente con un poco de código. ## Agregando el filtro de productos rebajados - Para que este filtro funcione, puedes agregar el siguiente código en tu sitio de diferentes maneras: - **En un child theme:** Una buena opción si sueles personalizar tu tema y quieres mantener los cambios organizados. Aquí te explico cómo crear un child theme en Elementor. - **Usando el plugin Code Snippets:** Si prefieres no modificar archivos del tema, este plugin permite agregar código de manera fácil y segura. Aquí tienes una guía sobre cómo usarlo. - **En un plugin personalizado de funciones para WooCommerce:** Ideal si prefieres centralizar este tipo de ajustes en un solo lugar. Te explico cómo crear uno aquí. Ahora, agreguemos el filtro con este código: /* Filtro productos por estado de oferta en el administrador de Woocommerce*/ add_action( 'restrict_manage_posts', 'sw_filtrar_productos_rebajados', 9999 ); function sw_filtrar_productos_rebajados() { global $typenow; if ( 'product' === $typenow ) { $selected = isset( $_GET['sale_status'] ) ? $_GET['sale_status'] : ''; ?> <select name="sale_status"> <option value="">Filtrar rebajados</option> <option value="on_sale" <?php selected( $selected, 'on_sale' ); ?>>Con descuento</option> <option value="not_on_sale" <?php selected( $selected, 'not_on_sale' ); ?>>Sin descuento</option> </select> <?php } } add_filter( 'request', 'sw_filtrar_productos_estado_oferta' ); function sw_filtrar_productos_estado_oferta( $query_vars ) { global $typenow; if ( 'product' === $typenow && isset( $_GET['sale_status'] ) && '' !== $_GET['sale_status'] ) { $sale_status = sanitize_text_field( wp_unslash( $_GET['sale_status'] ) ); if ( 'on_sale' === $sale_status ) { // Mostrar solo productos con precio en oferta $query_vars['meta_query'][] = array( 'key' => '_sale_price', 'value' => '', 'compare' => '!=', ); } elseif ( 'not_on_sale' === $sale_status ) { // Mostrar solo productos sin rebaja $query_vars['meta_query'][] = array( 'relation' => 'OR', array( 'key' => '_sale_price', 'value' => '', 'compare' => '=' ), array( 'key' => '_sale_price', 'compare' => 'NOT EXISTS' // Para productos que nunca han tenido rebaja ) ); } } return $query_vars; } ## ¿Cómo funciona este código? Básicamente, estamos añadiendo una opción de filtro en el panel de administración de productos: - **Creamos un selector desplegable:** Con la función sw_filtrar_productos_rebajados(), añadimos un filtro en la parte superior de la lista de productos en WooCommerce. Este filtro se implementa utilizando el gancho restrict_manage_posts de WordPress, que permite insertar elementos personalizados en las tablas de administración antes del botón de «Filtrar». Puedes obtener más información sobre este gancho en la documentación oficial de WordPress. - **Aplicamos el filtro a la consulta de productos:** La función sw_filtrar_productos_estado_oferta() modifica la consulta de productos para mostrar solo aquellos con o sin descuento, según la selección realizada en el filtro. ## ¿Qué resultado obtendrás? Después de agregar este código, verás un nuevo filtro en la administración de productos de WooCommerce, con estas opciones: **Rebajados:** Muestra solo los productos que tienen un precio en oferta. **Sin rebajar:** Muestra solo los productos sin descuento activo. Espero que te resulte útil y te permita ahorrar tanto tiempo como a mis clientes. Si tienes alguna duda, no dudes en dejarla en los comentarios. 🚀 --- ## Code Snippets: una forma práctica de personalizar WordPress con código URL: https://sebasweb.net/code-snippets/ Si alguna vez has necesitado agregar código personalizado en tu sitio WordPress, seguro que te has encontrado con el dilema de **editar el functions.php de tu tema**. Pero, seamos honestos, **tocar ese archivo puede ser un desastre si no sabes lo que haces**. 😅 Un error en el código y **¡boom! Pantalla blanca de la muerte**. Adiós web. Adiós tranquilidad. Aquí es donde entra en juego **Code Snippets**, un plugin que te permite **añadir funciones personalizadas de forma segura, organizada y sin complicaciones**. Y lo mejor: **sin tocar archivos del tema**. 🎯 Ya sea que quieras modificar funcionalidades, hacer ajustes en WooCommerce o mejorar la experiencia de usuario, este plugin te permite **agregar y gestionar fragmentos de código** de forma **sencilla y ordenada**, sin miedo a romper nada. * En este post te voy a contar: ✅ **Qué es Code Snippets y por qué es tan útil.****✅ Cómo instalarlo y usarlo (sin dolores de cabeza).****✅ Ejemplos prácticos de snippets para personalizar WordPress, WooCommerce y usuarios.****✅ Otras opciones si prefieres no instalar el plugin.** ## 💡 Qué es Code Snippets y por qué es tan útil Piensa en Code Snippets como un **mini-plugin de funciones personalizadas**. En lugar de tener que tocar el functions.php de tu tema o crear un plugin propio, puedes añadir código en una interfaz limpia, donde puedes **activar, desactivar y organizar cada snippet como quieras**. ### Ventajas de usar Code Snippets ✅ **No pierdes los cambios al cambiar de tema.****✅ Puedes activar y desactivar snippets sin riesgos.****✅ Si el código tiene errores, el plugin lo desactiva automáticamente para evitar problemas.****✅ Mantienes todo ordenado sin ensuciar archivos del sistema.****✅ Facilita la personalización de WordPress sin necesidad de ser un experto en código.** Es la forma más sencilla y segura de **modificar WordPress a tu gusto sin miedo a romperlo**. 🎯 ## 🚀 Cómo instalar y usar Code Snippets ### 1. Instalar el plugin Esto es lo más fácil del mundo: - Ve a **Plugins > Añadir nuevo** en tu panel de WordPress. - Busca **«Code Snippets»** en el repositorio. - Haz clic en **Instalar** y luego en **Activar**. También puedes ir a ver directamente el plugin en el repositorio de WordPress VER PLUGIN VER PLUGIN EN LA VERSIÓN PRO ** 💡 Si quieres funciones avanzadas como programar snippets o ejecutarlos solo en ciertas páginas, puedes probar la versión Pro.* ### 2. Crear tu primer snippet - Ve a Fragmentos de código > Añadir nuevo**. - Ponle un título para identificarlo. - Pega el código PHP en el editor. - Decide dónde ejecutarlo (en todo el sitio, solo en el admin, etc.). - Guarda y activa el snippet. Y listo, tu WordPress ya está personalizado **sin tocar archivos «peligrosos**«. 🎯 ** Ejemplo de snippet para desactivar la barra de herramientas para usuarios no administradores ## 🔥 10 Snippets Para Personalizar WordPress** ### 3 Snippets para la Apariencia de WordPress #### 1. Desactivar el editor de bloques (Gutenberg) y usar el editor clásico add_filter('use_block_editor_for_post', '__return_false', 10); #### 2. Personalizar la barra de admin según el rol del usuario function sw_custom_admin_bar() { if (!current_user_can('manage_options')) { remove_admin_bar(); } } add_action('after_setup_theme', 'sw_custom_admin_bar'); #### 3. Eliminar la versión de WordPress del código fuente (seguridad mejorada) remove_action('wp_head', 'wp_generator'); #### 4. Snippet para cambiar el texto del pie de página en el admin de WordPress function sw_cambiar_texto_footer_admin() { echo 'Desarrollado con ❤️ por <a href="https://sebasweb.net" target="_blank">Sebasweb</a>'; } add_filter('admin_footer_text', 'sw_cambiar_texto_footer_admin'); ### 3 Snippets para WooCommerce #### 5. Cambiar el texto del botón «Añadir al carrito» function sw_cambiar_texto_boton_carrito($text) { return 'Comprar ahora'; } add_filter('woocommerce_product_single_add_to_cart_text', 'sw_cambiar_texto_boton_carrito'); #### 6. Ocultar los precios para usuarios no logueados function sw_ocultar_precios_no_logueados($price, $product) { if (!is_user_logged_in()) { return 'Inicia sesión para ver el precio'; } return $price; } add_filter('woocommerce_get_price_html', 'sw_ocultar_precios_no_logueados', 10, 2); #### 7. Agregar un mensaje personalizado después de comprar function sw_mensaje_personalizado() { echo '<p>🎉 ¡Gracias por tu compra! Si tienes dudas, contáctanos.</p>'; } add_action('woocommerce_thankyou', 'sw_mensaje_personalizado'); ### 3 Snippets para Mejorar la Experiencia de Usuario #### 8. Redirigir usuarios no logueados a la página de inicio de sesión function sw_redirigir_no_logueados() { if (!is_user_logged_in()) { wp_redirect(wp_login_url()); exit; } } add_action('template_redirect', 'sw_redirigir_no_logueados'); #### 9. Permitir solo emails de un dominio específico en el registro function sw_validar_email_registro($errors, $sanitized_user_login, $user_email) { if (!strpos($user_email, '@miempresa.com')) { $errors->add('email_error', 'Solo se permiten correos @miempresa.com'); } return $errors; } add_filter('registration_errors', 'sw_validar_email_registro', 10, 3); #### 10. Desactivar la barra de herramientas para usuarios no administradores add_action('after_setup_theme', function() { if (!current_user_can('manage_options')) { show_admin_bar(false); } }); Con Code Snippets tienes una manera **rápida, segura y organizada** de personalizar WordPress con código. Aunque en este artículo te comparto algunas cosas que ya puedes hacer con la versión gratuita, también te quiero mostrar a continución que cosas puedes hacer con la versión pro, que además puedes ir a ver directamente en el siguiente enlace: Ver Code Snippets versión PRO CaracterísticaGratisProAlmacenamiento en la nube privado ilimitado✅✅Validación de código y sugerencias de errores✅✅Crear / Almacenar snippets ilimitados✅✅Insertar snippets con shortcodes o bloques✅✅Elegir el orden de ejecución de snippets✅✅Soporte para WordPress Multisitio✅✅Buscar en la biblioteca de snippets más grande✅✅Importar y exportar entre sitios✅✅Soporte de la comunidad✅✅Todos los tipos de snippets❌✅Crear, Explicar y Verificar con IA❌✅Sincronización y respaldo en la nube❌✅Compartir y desplegar en la nube❌✅Paquetes en la nube❌✅Integración con Elementor – Widget❌✅Minificar snippets de JS❌✅Integración con Elementor – Widget❌✅Minificar snippets de JS❌✅Acceder a datos de snippets vía REST API❌✅Soporte premium vía tickets❌✅CSS con hoja de estilo externa❌✅Automatizar flujos de trabajo con WP-CLI❌✅Condiciones de ejecución de snippets❌✅ ## ¿Prefieres otra opción? te comparto otras dos alternativas: ### Usar un Child Theme para insertar tu código personalizado: Si ya tienes uno, puedes agregar el código en tu functions.php. Si no sabes cómo crear un tema hijo o «child theme» y prefieres poner el código de esta forma, aquí en el blog te explico cómo crearlo 👉 Ver cómo crear un child theme para Hello Elementor ### Crear tu propio plugin personalizado para insertar tu código: Otra opción que yo personalmente uso en algunas ocasiones, es crear mi **propio plugin personalizado** con las funciones que voy necesitando. Esta opción, la implemento si necesito un implementación muy puntual. Aquí te explico cómo hacerlo 👉 Ver artículo **¿Ya utilizas Code Snippets?** ¿Te gustó el artículo o tienes alguna sugerencia o pregunta? ¡O incluso si solo quieres dejar un saludo, compártelo conmigo en la caja de comentarios! 🚀 --- ## Desactivar los avisos de nuevos usuarios en WordPress URL: https://sebasweb.net/desactivar-los-avisos-de-nuevos-usuarios-en-wordpress/ Si estas gestionado un sitio en WordPress con registro de usuarios habilitado y estas aquí, seguramente quieres desactivar los avisos de nuevos usuarios en WordPress porque sientes que tu correo se llena de notificaciones cada vez que alguien nuevo se registra. Personalmente, en el blog de algunos clientes he tenido que implementar esta solución porque el número de registros era tan alto que **terminaba siendo una molestia en lugar de una herramienta útil**. Si bien esto puede ser necesario en algunos casos, muchas veces solo resulta en ruido en tu proyecto, especialmente si tu sitio tiene un alto volumen de registros. En este artículo te mostraré cómo desactivar los avisos de nuevos usuarios en WordPress, tanto con código como con un plugin, y analizaremos las ventajas y desventajas de hacerlo. ## Ventajas de desactivar los avisos de nuevos usuarios - **Menos distracciones en tu correo:** Si tu sitio recibe muchos registros, la cantidad de notificaciones puede ser abrumadora y hacer que pierdas correos realmente importantes. - **Mayor organización:** Evitarás llenar tu bandeja de entrada con correos automáticos, lo que te permitirá enfocarte en lo que realmente importa. - **Reducción del spam:** Si tienes problemas con registros falsos o de bots, desactivar las notificaciones te evitará recibir correos por registros que en realidad no aportan nada a tu sitio. - **Optimización del flujo de trabajo:** Si gestionas varios sitios, es mejor revisar los registros directamente en el panel de administración en lugar de depender de los avisos por correo. ## Desventajas de desactivar los avisos de nuevos usuarios - **Menos control inmediato sobre los registros:** Si no recibes una notificación, podrías tardar más en detectar registros sospechosos o fraudulentos. - **Posible impacto en la gestión de la comunidad:** Si tu sitio depende del seguimiento activo de nuevos usuarios, podrías perder oportunidades de interactuar con ellos de inmediato. A pesar de estas desventajas, en la mayoría de los casos desactivar las notificaciones resulta ser una decisión acertada, especialmente si tienes otros métodos para gestionar los usuarios. ## Cómo desactivar los avisos de nuevos usuarios con código, 3 opciones: Si prefieres una solución sin depender de plugins, puedes hacerlo agregando un fragmento de código en el archivo functions.php de tu tema o en un plugin de funciones personalizadas. ### 1era opción: Bloquear todas las notificaciones (Admin y Usuario) function sw_desactivar_notificaciones_nuevos_usuarios($user_id) {**remove_action('register_new_user', 'wp_send_new_user_notifications');remove_action('edit_user_created_user', 'wp_send_new_user_notifications', 10, 2);}add_action('init', 'sw_desactivar_notificaciones_nuevos_usuarios'); - Este código elimina las acciones responsables de enviar las notificaciones de nuevos usuarios al administrador. - Desactiva por completo las notificaciones de nuevos usuarios tanto para el administrador como para el usuario. - Utiliza remove_action() para eliminar los ganchos (hooks) que envían los correos de notificación de WordPress. - También incluye el filtro send_new_user_admin_email para asegurarse de que no se envían los avisos al administrador. ### 2da opción: Método simple con add_filter() para desactivar avisos solo al admin Si el método anterior no funciona en algunas instalaciones, también puedes usar este otro código: add_filter('send_new_user_admin_email', '__return_false'); Este filtro impide que WordPress envíe correos de notificación al administrador cuando un nuevo usuario se registra. ✅ Ventajas de usar este método: - Es muy ligero y eficiente, ya que solo usa un filtro sin necesidad de modificar funciones principales de WordPress. - No toca las notificaciones enviadas a los usuarios, solo las del administrador. - Fácil de implementar: Solo necesitas agregar esta línea en el functions.php de tu tema o en un plugin de funciones personalizadas. ❌ Limitaciones: - Solo bloquea la notificación para el administrador. - Si también quieres bloquear los correos que van a los usuarios, necesitarías usar una solución más completa como la que te di antes. ### 3ra opción: Desactivar solo las notificaciones al administrador, pero mantenerlas para el usuario <?php function wpcode_send_new_user_notifications( $user_id, $notify = 'user' ) { // Si la variable $notify está vacía o es 'admin', no enviamos ninguna notificación. if ( empty( $notify ) || 'admin' === $notify ) { return; } elseif ( 'both' === $notify ) { // Si la opción es 'both', solo enviamos la notificación al usuario y no al administrador. $notify = 'user'; } // Enviamos la notificación al usuario registrado. wp_send_new_user_notifications( $user_id, $notify ); } add_action( 'init', function () { // Deshabilitamos las notificaciones de usuario predeterminadas de WordPress. remove_action( 'register_new_user', 'wp_send_new_user_notifications' ); remove_action( 'edit_user_created_user', 'wp_send_new_user_notifications' ); // Reemplazamos con nuestra función personalizada que solo envía notificaciones al usuario. add_action( 'register_new_user', 'wpcode_send_new_user_notifications' ); add_action( 'edit_user_created_user', 'wpcode_send_new_user_notifications', 10, 2 ); } ); - Este códido no desactiva por completo** las notificaciones, sino que las **modifica** para que solo se envíen al usuario registrado y no al administrador. - Usa remove_action() para evitar que WordPress envíe las notificaciones predeterminadas. - Luego, agrega una nueva función (wpcode_send_new_user_notifications) que sigue enviando notificaciones a los usuarios, pero no al administrador. ## 📌 ¿Cual de las 3 opciones elegir? - Si no quieres que nadie reciba notificaciones → Opción 1 - Si prefieres la solución más simple para quitar solo los avisos al admin → Opción 2 - Si quieres que los usuarios reciban, pero el admin no → Opción 2 o 3 ## Desactivar los avisos de nuevos usuarios en WordPress con plugins ### Plugin «Disable New User Notification Emails» Si no quieres tocar código, la forma más sencilla de desactivar las notificaciones es utilizando un plugin. Un plugin popular para esta tarea es Disable New User Notifications. ### Pasos para desactivar las notificaciones con un plugin (gratuito) - **Instalar el plugin:** Ve a tu panel de administración de WordPress y dirígete a Plugins > Añadir nuevo. En el buscador, escribe «Disable New User Notifications» y haz clic en Instalar. - **Activar el plugin:** Una vez instalado, haz clic en Activar. La mayoría de estos plugins funcionan de manera automática y no requieren configuraciones adicionales, ya que bloquean las notificaciones de nuevos usuarios de forma inmediata, como sucede con este plugin, por ejemplo. Este método es ideal si prefieres una solución rápida y sin complicaciones. Ver plugin En el repositorio de WordPress podrás encontrar numerosas opciones para lograr esto. Sin embargo, quiero compartirte una alternativa adicional, por si la anterior no te resulta útil, ya no está disponible o simplemente deseas contar con más herramientas para gestionar las notificaciones enviadas desde WordPress. ### Plugin Manage Notification E-mails (gratuito) Este plugin te permite activar o desactivar fácilmente diversas notificaciones por correo electrónico de WordPress, como alertas de registro de nuevos usuarios o notificaciones de cambio de contraseña enviadas tanto al administrador como a los usuarios. Funciona perfectamente junto a muchos otros complementos. Algunas de las opciones que puedes gestionar con este plugin son: - Aviso de nuevo usuario al administrador - Aviso de nueva cuenta al usuario - Avisar al autor de la entrada - Avisar al moderador - Aviso de cambio de contraseña al administrador - Aviso de cambio de contraseña al usuario - Aviso de cambio de correo electrónico al usuario - Etc. Ver plugin Recuerda que desactivar los avisos de nuevos usuarios en WordPress puede ser una buena opción si recibes muchas notificaciones y prefieres gestionar los registros directamente desde el panel de administración. Ya sea utilizando código o un plugin, ambas opciones son efectivas y te permitirán optimizar tu flujo de trabajo. Sin embargo, si necesitas estar al tanto de los nuevos registros de inmediato, podrías considerar dejar la opción activada o establecer un sistema de revisión manual periódica en tu sitio. ¿Has probado alguno de estos métodos? Gracias por llegar hasta aquí. Déjame tu experiencia en los comentarios. --- ## Cupón de descuento en la URL con Woocommerce URL: https://sebasweb.net/cupon-de-descuento-en-la-url/ Implementar un cupón de descuento en la URL con WooCommerce es una estrategia sumamente efectiva para atraer más clientes y optimizar la experiencia de compra. WooCommerce, como una de las plataformas de comercio electrónico más populares, ofrece múltiples herramientas para incentivar las ventas y, entre ellas, sobresale la posibilidad de aplicar cupones automáticamente a través de una URL personalizada. En este artículo, vamos a ver **qué es exactamente un descuento mediante un enlace en tu proyecto web,** cómo configurarlo paso a paso y las mejores prácticas para sacarle el máximo provecho. ## ¿Qué es un cupón de descuento en la URL en WooCommerce? Un “cupón de descuento en la URL” es un método que aplica un **código promocional en el carrito de compras de manera automática** cuando el cliente hace clic en un enlace específico. Esto elimina la necesidad de que el usuario introduzca manualmente el código durante el proceso de pago, facilitando y agilizando la compra. Un ejemplo de este tipo de enlace podría ser: *https://tutienda.com/carrito/?code=DESCUENTO10* Al hacer clic, el cupón **DESCUENTO10** se aplica automáticamente al carrito, ofreciendo el descuento configurado (por ejemplo, un 10% de rebaja). ## Algunas ventajas de utilizar descuentos mediante la url son: - **Experiencia de usuario simplificada**: Al aplicar el cupón automáticamente, disminuyes la fricción en el proceso de compra. El cliente no tiene que buscar o recordar el código, lo que se traduce en una mayor satisfacción y probabilidad de finalizar la compra. - **Mayor tasa de conversión:** Reducir el número de pasos necesarios para obtener un descuento ayuda a prevenir el abandono de carritos. Cuantos menos obstáculos haya, mayor será la intención de compra. - **Versatilidad promocional:** Puedes compartir estos enlaces fácilmente en campañas de marketing por correo electrónico, redes sociales y anuncios, o incluso en tu sitio web. Su facilidad de uso facilita el alcance a un público más amplio. - **Medición y seguimiento:** Es sencillo rastrear el rendimiento de cada enlace promocional con herramientas como Google Analytics o plugins de seguimiento. Así, podrás evaluar cuál de tus estrategias funciona mejor y optimizarla. ## Cómo configurar un cupón de descuento en la URL en WooCommerce A continuación, te explicaré la forma más tradicional y directa de crear enlaces de descuento en WooCommerce, así como algunas alternativas que te servirán para automatizar el proceso aún más. ### Crear un código de descuento en WooCommerce - Accede a tu panel de administración de WordPress. - Dirígete a WooCommerce > Cupones (en algunas versiones, encontrarás la opción dentro de Marketing > Cupones). - Haz clic en “Añadir cupón”. - Introduce el nombre del cupón (por ejemplo, DESCUENTO10). - Configura los detalles del descuento: - Tipo de descuento (porcentaje, fijo en carrito, etc.). - Cantidad o porcentaje de descuento. - Fecha de expiración, si aplica. - Guarda los cambios. Con esto, tu cupón está creado y listo para ser usado. 👌🏻 ### Generar el enlace de descuento - Para que el cupón se aplique automáticamente, **basta con añadir el parámetro** *?code=CODIGO* al final de la URL del carrito o checkout (según prefieras). Por ejemplo: URL base del carrito: https://tutienda.com/carrito/ - Código del cupón: DESCUENTO10 - URL completa con el cupón: https://tutienda.com/carrito/*?code=DESCUENTO10* Cada vez que un cliente haga clic en este enlace, se aplicará automáticamente el descuento. ## Agregar funcionalidad personalizada en tu proyecto: Si deseas una solución más avanzada o que funcione en diferentes escenarios (por ejemplo, si el usuario primero agrega productos al carrito y luego regresa al enlace con el cupón), puedes añadir este snippet de código en el archivo functions.php de tu tema o en tu plugin personalizado. Un ejemplo podría ser: /** Cupón de descuento en la URL con Woocommerce **/ add_action( 'wp_loaded', 'sw_aplicar_cupon_url' ); function sw_aplicar_cupon_url() { if ( empty( $_GET['code'] ) ) return; if ( ! WC()->session || ( WC()->session && ! WC()->session->has_session() ) ) { WC()->session->set_customer_session_cookie( true ); } $coupon_code = esc_attr( $_GET['code'] ); WC()->session->set( 'sw_coupon_code', $coupon_code ); // Asegurar que el carrito está inicializado if ( ! WC()->cart ) { wc_load_cart(); } // Aplicar el cupón de inmediato, incluso si el carrito está vacío if ( ! WC()->cart->has_discount( $coupon_code ) ) { WC()->cart->add_discount( $coupon_code ); } } add_action( 'woocommerce_add_to_cart', 'sw_aplicar_cupon_carrito_url' ); function sw_aplicar_cupon_carrito_url() { $coupon_code = WC()->session ? WC()->session->get( 'sw_coupon_code' ) : false; if ( ! $coupon_code || empty( $coupon_code ) ) return; if ( WC()->cart && ! WC()->cart->has_discount( $coupon_code ) ) { WC()->cart->add_discount( $coupon_code ); } } ## 🔎 Te explico cómo funciona el código en dos pasos: ### Paso 1: Detectar el cupón en la URL y aplicarlo El siguiente código detecta si la URL contiene un cupón en el parámetro *?code=CODIGO*, lo guarda en la sesión y lo aplica de inmediato, incluso si el carrito está vacío. add_action( 'wp_loaded', 'sw_aplicar_cupon_url' ); function sw_aplicar_cupon_url() { // Verificar si la URL tiene el parámetro "code" if ( empty( $_GET['code'] ) ) return; // Iniciar la sesión si no está activa if ( ! WC()->session || ( WC()->session && ! WC()->session->has_session() ) ) { WC()->session->set_customer_session_cookie( true ); } // Sanitizar el código del cupón y guardarlo en la sesión $coupon_code = esc_attr( $_GET['code'] ); WC()->session->set( 'sw_coupon_code', $coupon_code ); // Asegurar que el carrito está inicializado if ( ! WC()->cart ) { wc_load_cart(); } // Aplicar el cupón inmediatamente if ( ! WC()->cart->has_discount( $coupon_code ) ) { WC()->cart->add_discount( $coupon_code ); } } #### Explicación de lo que hace este fragmento de código: - **Detectar el cupón en la URL:** $_GET[‘code’] captura el cupón de la URL (*?code=descuento10*).**Si no existe, la función simplemente se detiene (return). - Iniciar la sesión de WooCommerce si es necesario:** WooCommerce maneja sesiones para cada usuario, pero en algunas ocasiones, estas no están activas.**WC()->session->set_customer_session_cookie( true ); inicia la sesión si aún no lo está. - Guardar el cupón en la sesión del usuario:** WC()->session->set( ‘sw_coupon_code’, $coupon_code ); almacena el cupón en la sesión para aplicarlo más tarde si es necesario. - **Cargar el carrito si aún no está listo:** WooCommerce no siempre carga el carrito automáticamente. Para asegurarnos de que el sistema pueda manejar los cupones correctamente, llamamos a wc_load_cart();. - **Aplicar el cupón inmediatamente, incluso si el carrito está vacío:** WC()->cart->has_discount( $coupon_code ) verifica si el cupón ya está aplicado.**WC()->cart->add_discount( $coupon_code ); lo aplica en caso de que no lo esté. ### Paso 2: Aplicar el cupón cuando se agregue un producto al carrito Si el cupón no se aplicó antes (por ejemplo, por un problema de carga), este código lo aplica nuevamente cuando el usuario agregue un producto al carrito. add_action( 'woocommerce_add_to_cart', 'sw_aplicar_cupon_carrito_url' ); function sw_aplicar_cupon_carrito_url() { // Obtener el cupón almacenado en la sesión $coupon_code = WC()->session ? WC()->session->get( 'sw_coupon_code' ) : false; // Si no hay cupón, salir if ( ! $coupon_code || empty( $coupon_code ) ) return; // Aplicar el cupón si aún no está en el carrito if ( WC()->cart && ! WC()->cart->has_discount( $coupon_code ) ) { WC()->cart->add_discount( $coupon_code ); } } Explicación de lo que hace este fragmento de código:** - Obtener el cupón almacenado en la sesión: WC()->session->get( ‘sw_coupon_code’ ) recupera el cupón previamente guardado. - Si no hay cupón, salir: if ( ! $coupon_code || empty( $coupon_code ) ) return; evita aplicar cupones inexistentes. - Aplicar el cupón cuando se agregue un producto al carrito: Cuando el usuario agregue un producto al carrito, woocommerce_add_to_cart se activa. - WC()->cart->add_discount( $coupon_code ); verifica y aplica el cupón si aún no se ha aplicado. ## La misma funcionalidad pero con plugins ### Opción 1: Plugin oficial de Woocommerce (WooCommerce URL Coupons) Este es el **plugin oficial de WooCommerce** diseñado para cubrir las ventajas de esta estrategia que mencionaba al comienzo de este artículo. Una vez instalado, agrega un campo adicional en la configuración de cada cupón, donde puedes establecer una **URL personalizada** que aplicará automáticamente el descuento y redirigirá al usuario a la página de compra que elijas. Cuando los clientes accedan a esa URL, el cupón se aplicará al carrito de manera automática, sin importar cuánto naveguen por la tienda. ### **¿El inconveniente?** Es un **plugin de pago** pero tiene otras ventajas que por defecto el código que te he compartido no tiene, como por ejemplo: - Opcionalmente, puedes definir uno o más productos que se agregarán automáticamente al carrito del cliente al acceder a la URL única. - Además, puedes configurar si el cliente será redirigido después de visitar la URL y elegir el destino de esa redirección. Ver plugin ### Opción 2: Coupons & Add to Cart by URL Links for WooCommerce Si quieres una alternativa gratuita para aplicar cupones con enlaces en WooCommerce, el plugin **URL Coupons for WooCommerce by Algoritmika** puede ser una buena opción. Funciona de forma similar a la solución manual que vimos antes, permitiéndote generar URLs que aplican el descuento automáticamente cuando el usuario entra. Además, puedes redirigirlos a la página que elijas después de aplicar el cupón, facilitando aún más la compra. **Y lo mejor, es que es gratis**. Si necesitas más opciones, también tiene una versión premium con extras interesantes. Ver plugin ## ⚠️ Prueba tu cupón de descuento en la URL Una vez que tengas todo configurado, es fundamental que verifiques que el cupón se aplica correctamente. Abre una ventana de incógnito, agrega productos al carrito y haz clic en tu enlace de descuento para asegurarte de que funciona como esperas. ## Mejores prácticas al usar descuentos mediante URL - **Segmentación de campañas:** Crea diferentes cupones y enlaces para cada campaña o canal de marketing (correo, redes sociales, influencers, etc.). Esto te permitirá medir resultados de forma precisa. - **Crear urgencia:** Establece fechas límite o promociones exclusivas para motivar a los visitantes a actuar rápidamente. Un descuento con un contador de tiempo o fecha de expiración resulta muy efectivo. - **Rastreo y analítica:** Utiliza Google Analytics o informes de WooCommerce para seguir el rendimiento de cada cupón. Con la información recolectada, podrás optimizar tus estrategias. - **Optimización móvil:** Asegúrate de que los enlaces funcionen correctamente en todos los dispositivos. Cada vez más usuarios compran desde sus teléfonos, así que prueba la funcionalidad móvil regularmente. - **Comunicación clara:** Al promocionar tus descuentos mediante URL, explica de forma sencilla los pasos a seguir. Aun cuando el proceso sea automático, informa qué descuento se aplica y cuánto tiempo estará vigente. Al final del día, usar **tu cupón de descuento en la URL con Woocommerce** es una forma fácil y efectiva de mejorar la experiencia de compra y aumentar conversiones. Menos pasos para el cliente = más posibilidades de que termine la compra y quede feliz con el descuento que le estas dando. Puedes hacerlo manualmente con un poco de código o tirar por el camino fácil con un plugin, lo importante es que aproveches esta estrategia para atraer más clientes y fidelizar a los que ya tienes. **¿Te sirvió este artículo?** ¡Compártelo en tus redes y suscríbete a mi newsletter para más trucos sobre WooCommerce y eCommerce! Y si tienes alguna duda o simplemente quieres pasarte a saludar, **te leo en los comentarios.** 🚀😃 🎯 **¿Necesitas esta funcionalidad en tu tienda WooCommerce?** En mi servicio de mantenimiento web, me especializo en la instalación y configuración de mejoras para optimizar tu tienda online. No dudes en escribirme a través de la sección de contacto o programar una reunión aquí. Será un placer formar parte de tu proyecto. --- ## Desactivar los correos electrónicos al administrador de cambio de contraseña de los usuarios (WooCommerce) URL: https://sebasweb.net/desactivar-los-correos-electronicos-al-administrador/ Si gestionas una tienda online con WooCommerce, seguro que ya estás acostumbrado a recibir montones de correos cada día: nuevos pedidos, pagos procesados, reembolsos, problemas de stock, avisos de clientes… Y como si no fuera suficiente, WooCommerce también te envía un email cada vez que un usuario cambia su contraseña. Sí, así es. Cada vez que alguien decide restablecer su contraseña (ya sea porque se le olvidó o por seguridad), WordPress y WooCommerce te mandan un aviso al correo del administrador. Y la gran pregunta es: ¿para qué? Estos emails no te aportan nada útil. No necesitas hacer nada con esa información, no cambia nada en la tienda y, en la mayoría de los casos, ni siquiera te interesa saberlo. Así que lo mejor es desactivar estos avisos y evitar que sigan llenando tu bandeja de entrada. ## ¿Cómo desactivar los correos electrónicos al administrador? Por suerte, WooCommerce permite desactivar estos emails con una simple línea de código. Solo tienes que añadir la siguiente función en el archivo functions.php de tu tema (o mejor, en un plugin de funciones personalizado para evitar problemas con actualizaciones). /* Desactivar correos de cambios de contraseña en tu instalación de WordPress con Woocommerce */ add_filter( 'woocommerce_disable_password_change_notification', '__return_true' ); Con esto, WooCommerce dejará de enviarte notificaciones cuando un usuario cambie su contraseña. Así de fácil. ### ¿Y si quiero desactivarlo también en WordPress? Si tu web no es solo una tienda, sino que también tienes usuarios registrados por otros motivos y quieres desactivar estos avisos a nivel general en WordPress, puedes usar este otro filtro (que también puedes encontrar en la documentación de WordPress): // Función para desactivar el correo de cambio de contraseña function desactivar_email_cambio_contraseña( $enviar ) { return false; // Evita que se envíe el correo } // Aplica el filtro para bloquear el envío del email add_filter( 'send_password_change_email', 'desactivar_email_cambio_contraseña' ); **Explicación:** - Se define una función desactivar_email_cambio_contraseña que recibe un parámetro $enviar y simplemente devuelve false, lo que indica que el correo no debe enviarse. - Se usa add_filter para aplicar el filtro ‘send_password_change_email’, de modo que WordPress deje de enviar correos al administrador cuando un usuario cambie su contraseña. O incluso más corto: add_filter( 'send_password_change_email', '__return_false' ); Esto evitará que WordPress te envíe correos cuando cualquier usuario cambie su contraseña, no solo en WooCommerce. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## ¿Vale la pena hacer este cambio? Definitivamente, sí. Como administrador de una tienda online, ya tienes suficientes cosas en las que preocuparte, y recibir notificaciones innecesarias solo añade ruido a tu día a día. Desactivar los correos electrónicos al administrador te ayuda a mantener tu bandeja de entrada más limpia y enfocarte en lo que realmente importa: gestionar tu tienda y atender a tus clientes. Si te ha sido útil, cuéntamelo en los comentarios. ¡Y si conoces a alguien que también siente innecesarios estos correos, compártele este truco! 🚀 --- ## Excluir correos en un cupón de WooCommerce con código URL: https://sebasweb.net/excluir-correos-en-un-cupon-de-woocommerce-con-codigo/ En WooCommerce, los cupones son una herramienta esencial para aumentar las ventas y fomentar la fidelidad de los clientes. Sin embargo, en algunos casos, es necesario restringir su uso para evitar abusos o aplicarlos únicamente en condiciones específicas. Una de las maneras más efectivas de hacerlo es excluyendo ciertos correos electrónicos del uso de un cupón. **Excluir correos en un cupón de WooCommerce con código** es una solución eficiente para lograr este objetivo. En este artículo, te explicaré cómo lograrlo mediante código personalizado en tu instalación de WordPress con WooCommerce. ## ¿Por qué Excluir Ciertos Correos del Uso de Cupones? Existen diversas razones para querer excluir determinados correos electrónicos del uso de un cupón: - Evitar que clientes ya beneficiados utilicen múltiples descuentos. - Restringir el uso de cupones a clientes específicos. - Implementar campañas de descuento dirigidas a usuarios nuevos o específicos. ## Código para excluir correos electrónicos de cupones en WooCommerce Para excluir ciertos correos electrónicos del uso de cupones en WooCommerce, puedes agregar el siguiente código en el archivo functions.php de tu tema hijo (acá te explico como crear un tema hijo en Hello Elementor) o en tu plugin personalizado: add_filter('woocommerce_coupon_is_valid', function($valid, $coupon, $discount) { // Lista de cupones a los que se aplicará la restricción $restricted_coupons = array('CUPON10', 'DESCUENTO20'); // Lista de correos electrónicos a excluir $excluded_emails = array( 'correo1@tudominio.com', 'correo2@tudominio.com' ); // Verificar si el cupón está en la lista de cupones restringidos if (!in_array($coupon->get_code(), $restricted_coupons)) { return $valid; } // Obtiene el correo del usuario actual if (is_user_logged_in()) { $user_email = wp_get_current_user()->user_email; } elseif (!empty($_POST['billing_email'])) { $user_email = sanitize_email($_POST['billing_email']); } else { return $valid; } // Si el correo está en la lista de excluidos, el cupón no es válido if (in_array($user_email, $excluded_emails)) { wc_add_notice(__('Este cupón no está disponible para tu correo electrónico.', 'woocommerce'), 'error'); return false; } return $valid; }, 10, 3); ### ¿Cómo Funciona este Código? **Este código funciona de la siguiente manera:** - Define una lista de cupones específicos a los que se aplicará la restricción. - Define una lista de correos electrónicos excluidos. - Detecta si el usuario está logueado y obtiene su correo, o bien, captura el correo ingresado en el formulario de pago. - Si el correo está en la lista de excluidos y el cupón es uno de los restringidos, WooCommerce impide su uso y muestra un mensaje de error. ***Nota:** Al final del código puedes cambiar el mensaje de error que le va a salir a tus clientes, este caso, yo tengo este «Este cupón no está disponible para tu correo electrónico.»* Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Ventajas de excluir correos en un cupón de WooCommerce con código - Mayor control y personalización:** Puedes ajustar el código según tus necesidades específicas. - **Evitas instalar más plugins:** Reduciendo la carga en tu sitio web. - **Es gratuito:** No necesitas adquirir una extensión de pago. Excluir ciertos correos electrónicos del uso de cupones en WooCommerce puede ser una estrategia útil para gestionar tus descuentos de manera eficiente. Con el código proporcionado, puedes aplicar esta restricción solo a cupones específicos sin necesidad de instalar plugins adicionales aunque si prefieres una solución igual de sencilla pero sin tocar código, en este otro artículo te hablaré sobre un plugin que tienes disponible para gestionar las restricciones de cupones en WooCommerce. --- ## Cómo ocultar la pestaña Pagos del menú de WordPress en WooCommerce URL: https://sebasweb.net/ocultar-la-pestana-pagos-del-menu-de-wordpress/ Si estás aquí, es porque, al igual que yo, deseas ocultar la pestaña Pagos del menú de WordPress. Si tienes una tienda online con WooCommerce, seguramente habrás notado que en el menú de ajustes de Woocommerce tenemos la pestaña «Pagos» que nos permite configurar y gestionar los métodos de pago de la tienda, como PayPal, Stripe, transferencia bancaria, entre otros. Sin embargo, una vez que los pagos están configurados, esta pestaña no es algo a lo que debas acceder con frecuencia. De hecho, mantenerla visible en el menú podría ser innecesario e incluso riesgoso si varias personas tienen acceso al panel de administración. En este artículo, te mostraré cómo ocultar la pestaña Pagos del menú de WordPress de una manera sencilla y efectiva. ## ¿Por qué ocultar la pestaña Pagos del menú de WordPress? Aquí algunas razones por las que podrías considerar ocultarla: - **Seguridad**: Evitas que alguien sin conocimientos avanzados haga cambios en la configuración de los pagos. - **Orden en el menú**: Si ya no necesitas modificar esta configuración constantemente, no hay razón para que ocupe espacio en el menú de administración. - **Evitar errores**: Un clic accidental podría cambiar configuraciones importantes y afectar el proceso de pago de la tienda. Creo que son suficientes razones para estar convencido de que no necesitas esta pestaña en el menú, por lo que aquí te comparto un pequeño fragmento de código que nos servirá para ocultarla. ## Código para quitar la pestaña Pagos en WooCommerce Solo debes agregar este fragmento de código en el archivo functions.php de tu tema activo o en un plugin de funciones personalizadas: /* Quitar la pestaña "Pagos" del menú de WooCommerce en WordPress */ add_action( 'admin_menu', 'sw_quitar_menu_pagos_woo', 9999 ); function sw_quitar_menu_pagos_woo() { remove_menu_page( 'admin.php?page=wc-settings&tab=checkout' ); remove_menu_page( 'admin.php?page=wc-admin&path=/wc-pay-welcome-page' ); remove_menu_page( 'admin.php?page=wc-admin&task=payments' ); remove_menu_page( 'admin.php?page=wc-admin&task=woocommerce-payments' ); } ### ¿Qué hace este código? Básicamente, este fragmento le dice a WordPress que elimine del menú la pestaña de pagos de WooCommerce. - **add_action( 'admin_menu', 'sw_quitar_menu_pagos_woo', 9999 );**: Ejecuta la función cuando se cargue el menú de administración. - **remove_menu_page()**: Se encarga de ocultar las diferentes rutas relacionadas con la configuración de pagos en WooCommerce. Si quieres ahorrarte el tiempo de crear el plugin, lo puedes descargar desde aquí. ⚠️ Esto no desactiva los pagos en tu tienda, simplemente oculta la pestaña para que no aparezca en el menú de WordPress. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME Si en algún momento necesitas volver a acceder a esta configuración, solo elimina el código que agregaste o desactiva el plugin y la pestaña aparecerá nuevamente. Si tienes preguntas, sugerencias o simplemente quieres saludar, o compartir si este artículo te ha sido útil, déjame tu comentario. ¡Gracias por leer! --- ## Redirigir la página principal en WordPress usando un contenido específico de tu CPT URL: https://sebasweb.net/redirigir-la-pagina-principal-en-wordpress/ En este artículo te explicaré paso a paso cómo redirigir la página principal en WordPress a un contenido específico de un Custom Post Type (CPT). Esta solución incluye explicaciones del código utilizado, el impacto en el SEO y las ventajas de esta configuración. ## ¿Por qué redirigir la página principal en WordPress? Imagina que tienes un sitio web con un Custom Post Type (CPT) llamado «productos» y deseas usar un post específico como tu nueva página principal. Por ejemplo, la URL del post podría ser:**https://tusitio.com/productos/nombre-del-post/ El objetivo es que al visitar https://tusitio.com, los usuarios sean redirigidos automáticamente a este contenido específico. Por defecto, WordPress solo permite establecer páginas estáticas o entradas recientes como página principal, pero con un poco de código es posible lograr esta configuración personalizada. ## Cómo redirigir la página principal en WordPress usando código Sigue estos pasos para implementar una redirección simple y efectiva: - Abre el archivo functions.php de tu child theme (o crea un plugin personalizado si prefieres mantener tu código organizado). - Copia y pega el siguiente código: function sw_redirect_to_cpt_product_homepage() { // Verifica si estás en la página principal if (is_front_page()) { // Redirige a la URL deseada wp_redirect(home_url('/productos/nombre-del-post/')); exit; } } add_action('template_redirect', 'sw_redirect_to_cpt_product_homepage'); - Guarda los cambios y recarga tu sitio. - Visita la URL principal del sitio (https://tusitio.com) para confirmar que se redirige correctamente al contenido deseado. ## ¿Cómo funciona el código? - is_front_page():** Verifica si el usuario está visitando la página principal del sitio. - **wp_redirect():** Realiza una redirección 301 (movimiento permanente) a la URL especificada. - **home_url():** Genera la URL base del sitio y le agrega el slug del contenido que deseas usar como destino. - **add_action(‘template_redirect’, …): **Este hook se ejecuta antes de cargar la plantilla, asegurando que la redirección funcione sin conflictos. ## Ventajas de redirigir la página principal en WordPress - **Flexibilidad:** Puedes usar cualquier URL como destino, ya sea de un post, página o contenido externo. - **Evita plugins adicionales: **Este enfoque es liviano y evita instalar plugins innecesarios. - **Personalización total:** Ideal para sitios que destacan un contenido clave, como productos o artículos específicos. ## Impacto en el SEO de redirigir la página principal - **Redirección 301:** Este tipo de redirección comunica a los motores de búsqueda que la página principal se ha «movido» de forma permanente, ayudando a transferir autoridad al nuevo destino. - **Etiqueta canonical:** Asegúrate de configurar una etiqueta canonical en el contenido redirigido para evitar posibles problemas de contenido duplicado. - **Relevancia del contenido:** Ten en cuenta que la nueva página principal debería estar optimizada para palabras clave relevantes de tu proyecto para maximizar su rendimiento en los motores de búsqueda. ## Ejemplo práctico En una ocasión, tuve la necesidad de redireccionar el dominio animascota.com a la url: /productos/el-mejor-transportin-para-hamster-nobleza/ pero esta página correspondía al CPT productos que estaba creado en el proyecto. por lo que tuve he puesto el siguiente código: function sw_redirect_to_cpt_product_homepage() { if (is_front_page()) { wp_redirect(home_url('/nombre-cpt/url-de-tu-post/')); exit; } } add_action('template_redirect', 'sw_redirect_to_cpt_product_homepage'); Sólo fue necesario esta para que automáticamente cargara directamente la página que necesitaba. Mi última recomendación sería que siempre debes evaluar el impacto en el SEO que pueda tener este cambio en tu proyecto y asegurarte de que el contenido redirigido sea valioso para tus usuarios. Si tienes preguntas, sugerencias o simplemente quieres saludar, o compartir si este artículo te ha sido útil, déjame tu comentario. ¡será un placer leerte! --- ## Cómo Configurar el Certificado de Seguridad SSL en Local WP con Mac URL: https://sebasweb.net/configurar-el-certificado-de-seguridad-ssl-en-local/ En este artículo, vamos a aprender cómo configurar un certificado de seguridad SSL en Local WP utilizando una Mac. Esto es fundamental para asegurar trabajar con la URL en https y poder instalar y configurar algunos plugins o herramientas que lo requieren. ¡Vamos a ello! ## ¿Qué es SSL y por qué es importante? SSL (Secure Socket Layer) es un protocolo de seguridad que cifra la comunicación entre el servidor y el navegador. Esto significa que la información que se envía y recibe está protegida, lo que es crucial para la confianza de los usuarios y el SEO. Instalar SSL en un entorno local es especialmente útil por varias razones: - **Pruebas de Plugins:** Muchos plugins de WordPress, especialmente aquellos relacionados con pagos, formularios o seguridad, requieren una conexión segura para funcionar correctamente. Al tener SSL en tu entorno local, puedes probar estos plugins antes de implementarlos en tu sitio en producción. - **Desarrollo de Temas:** Si estás desarrollando o personalizando un tema que incluye características que dependen de HTTPS, como elementos de contenido seguro, necesitarás SSL para asegurarte de que todo funcione como se espera. - **Evitar Errores de Contenido Mixto:** Al trabajar con SSL en local, puedes evitar problemas de contenido mixto (cuando algunos recursos se cargan a través de HTTP y otros a través de HTTPS), lo que puede causar advertencias de seguridad en navegadores. - **Simulación de Entorno de Producción:** Tener SSL en tu entorno local te permite replicar de manera más precisa el comportamiento de tu sitio en un servidor en vivo. Esto es especialmente relevante, ya que los motores de búsqueda priorizan los sitios que cuentan con un certificado de seguridad, y cumplir con estos estándares es fundamental para mejorar la visibilidad y la confianza del usuario. - **SEO y Pruebas de Rendimiento:** Algunos motores de búsqueda y herramientas de análisis pueden penalizar sitios que no son seguros. Al probar en local con SSL, puedes asegurarte de que tu sitio esté optimizado para SEO desde el principio. ### Pasos para Configurar SSL en Local WP #### 1. Abrir Local WP Inicia Local WP en tu Mac. Asegúrate de tener la última versión instalada para evitar problemas de compatibilidad. #### 2. Crear o Seleccionar un Sitio Si ya tienes un sitio creado, selecciónalo. Si no, crea uno nuevo siguiendo las instrucciones de Local WP. #### 3. Activar SSL - Haz clic en el sitio que deseas configurar. - Ve a la pestaña «SSL». - Haz clic en «Trust» para activar el certificado SSL. ** #### 4. Verificar la Instalación Abre tu navegador y escribe https://tu-sitio.local. Deberías ver un candado en la barra de direcciones, indicando que la conexión es segura. Si no es así, entonces debes ir a «Acceso a llaveros» de tu Mac y buscar en la pestaña de sistema, el certificado que tiene el mismo nombre del sitio web que quieres configurar. Una vez que hayas identificado el certificado, haz doble clic en él y selecciona la opción «Confiar siempre». Luego, guarda los cambios. Es posible que tu computadora te solicite la contraseña del administrador; ingrésala, aprueba la acción y estarás listo. #### 5. Configurar tu Certificado de seguridad en WordPress Para asegurarte de que WordPress funcione correctamente con SSL, instala el plugin Really Simple SSL. Esto hará que tu sitio identifique correctamente las redirecciones y el contenido seguro. Al activar el plugin, se cargará su interfaz. Haz clic en «Activar SSL» para continuar. En la pestaña que aparece, encontrarás la opción «Anular la detección SSL». Marca esta casilla para habilitar el botón «Activar SSL». Las demás ventanas que aparezcan puedes omitirlas haciendo clic hasta completar la configuración. Suscríbete y aprende gratis ¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### Algunos problemas comunes y soluciones al instalar el certificado de Seguridad SSL en Local WP - Error de contenido mixto:** Asegúrate de que todos los enlaces en tu sitio utilicen https://. - **No se muestra el candado:** Verifica que hayas activado correctamente el SSL en Local WP. Configurar el certificado de Seguridad SSL en Local WP es un paso esencial para garantizar que cuando migres tu sitio web a producción, ya tengas todas tus rutas con https. Espero que este tutorial te haya sido útil y que ahora puedas aprovecharlo en los proyectos de tu entorno local. Si tienes preguntas, sugerencias o simplemente quieres saludar, o compartir si este artículo te ha sido útil, déjame tu comentario. ¡será un placer leerte! --- ## Cómo completar un pedido en WooCommerce sin notificar al cliente por correo: 2 métodos URL: https://sebasweb.net/completar-un-pedido-en-woocommerce-sin-notificar-al-cliente-por-correo/ En el manejo de una tienda online con WooCommerce, es común que desees controlar cuándo y cómo se notifican los cambios en los pedidos a tus clientes. Existen situaciones en las que es necesario completar un pedido en WooCommerce sin notificar al cliente por correo. En este artículo, te mostrare cómo lograrlo utilizando diferentes métodos, además de presentarte cuatro casos de ejemplo donde esta funcionalidad puede ser útil. ## Método 1: Desactivar Temporalmente el Correo de Pedido Completado Una forma sencilla de completar un pedido en WooCommerce sin notificar al cliente por correo es desactivar temporalmente la notificación de «Pedido completado». Sigue estos pasos: ### Paso a Paso - **Accede al Panel de Administración de WordPress:** Inicia sesión en tu sitio web de WordPress. - **Navega a las Configuraciones de WooCommerce:** Ve a WooCommerce > Ajustes en el menú lateral. - **Accede a la Sección de Correos Electrónicos:** Dentro de las configuraciones de WooCommerce, haz clic en la pestaña «Emails» (Correos electrónicos). - **Localiza el Correo de Pedido Completado:** Busca «Pedido completado» en la lista de notificaciones de correo electrónico. - **Gestiona la Notificación de Pedido Completado:** Haz clic en el botón «Gestionar» al lado de «Pedido completado». - **Desactiva la Notificación:** Desmarca la opción «Habilitar esta notificación de correo electrónico». - Guarda los cambios haciendo clic en «Guardar cambios». - Actualiza el Estado del Pedido a Completado: - **Rehabilita la Notificación de Pedido Completado:** Vuelve a WooCommerce > Ajustes > Emails > Pedido completado. **Marca nuevamente la opción «Habilitar esta notificación de correo electrónico». - Guarda los cambios. Nota:** Este método es útil si necesitas desactivar temporalmente el correo electrónico, debes asegurarte de reactivarlo después de completar el pedido. ## Método 2: Usar un Fragmento de Código Personalizado para Completar un Pedido sin Notificación Para una solución más automatizada y técnica, puedes agregar un fragmento de código a tu tema, utilizar un plugin como Code Snippets o crear tu propio plugin como explico en este artículo. Esto evitará que se envíe el correo electrónico al cambiar el estado del pedido a completado. ### Paso a Paso a través de Code Snippets: - **Instala y Activa el Plugin Code Snippets:** Ve a Plugins > Añadir nuevo. - Busca «Code Snippets«. - Instala y activa el plugin. - **Añade un Nuevo Fragmento de Código:** Ve a Snippets > Añadir nuevo. - Asigna un nombre al fragmento, por ejemplo, «Desactivar Email Pedido Completado». - **Pega el Siguiente Código:** add_filter( 'woocommerce_email_enabled_customer_completed_order', 'desactivar_email_pedido_completado_manual', 10, 2 ); function desactivar_email_pedido_completado_manual( $enabled, $order ) { if ( is_admin() && current_user_can( 'manage_woocommerce' ) ) { // Desactiva la notificación por correo si el cambio se hace manualmente return false; } return $enabled; } - **Explicación del Código:** Este filtro desactiva el envío del correo electrónico de pedido completado cuando el estado se cambia manualmente desde el panel de administración. - **Guarda y Activa el Fragmento:** Haz clic en «Guardar cambios y activar». **Nota:** Este método evita que se envíe el correo electrónico de pedido completado únicamente cuando lo marques manualmente desde el panel de administración. Los cambios automáticos de estado (por ejemplo, pagos completados automáticamente) seguirán enviando el correo. ## **Casos de Ejemplo donde No Enviar el Correo al Cliente es Beneficioso Entender cuándo es apropiado completar un pedido en WooCommerce sin notificar al cliente por correo** puede ayudarte a manejar tu tienda de manera más eficiente. A continuación, te presento tres casos de ejemplo: ### 1. Pedidos Internos o de Prueba Si estás realizando pruebas en tu tienda para asegurarte de que todo funciona correctamente, es posible que quieras completar pedidos sin enviar correos electrónicos a los clientes. Esto evita confusiones y mantiene la bandeja de entrada limpia. **Ejemplo:** Estás configurando una nueva pasarela de pago y necesitas realizar varios pedidos de prueba para verificar su funcionamiento. Completar estos pedidos sin notificar al cliente evita recibir notificaciones innecesarias. ### 2. Ajustes Manuales de Inventario o Envío En ocasiones, puede ser necesario ajustar manualmente el inventario o los detalles de envío después de que un pedido ha sido realizado. Completar el pedido sin notificar al cliente permite realizar estos ajustes sin enviar correos electrónicos intermedios que puedan causar confusión. **Ejemplo:** Un cliente realiza un pedido que requiere personalización adicional. Ajustas manualmente el inventario y los tiempos de envío antes de completar el pedido, evitando enviar múltiples notificaciones al cliente durante el proceso. ### 3. Procesamiento de Pedidos con Errores o Excepciones Si un pedido encuentra un error o requiere una revisión especial antes de ser completado, es preferible completar el pedido sin notificar al cliente hasta que se haya resuelto el problema. **Ejemplo:** Un pedido ha sido marcado como fraudulento y necesita una revisión manual. Al completar el pedido sin enviar la notificación, puedes resolver el problema antes de informar al cliente sobre el estado final de su pedido. ### 4. Olvidamos poner el pedido completado y ya ha pasado un tiempo de haberlo enviado y finalizado. En ocasiones, debido a la carga de trabajo o a errores humanos, puede suceder que un pedido haya sido enviado y finalizado, pero olvidamos marcarlo como completado en WooCommerce. Completar el pedido en este caso sin notificar al cliente por correo evita que el cliente reciba notificaciones tardías o confusas sobre el estado de su pedido. #### Pasos para Completar el Pedido sin Notificar: - Desactiva Temporalmente la Notificación de Pedido Completado siguiendo el Método 1. - Actualiza el Estado del Pedido a Completado: Ve a WooCommerce > Pedidos. - Abre el pedido correspondiente. - Cambia el estado a «Completado» y actualiza el pedido. - Rehabilita la Notificación de Pedido Completado para futuros pedidos. **Beneficios:** - Mantienes el registro de pedidos actualizado sin enviar correos electrónicos innecesarios. - Evitas confusiones en la comunicación con el cliente sobre el estado del pedido. ## Algunas consideraciones Finales Al gestionar los correos electrónicos de notificación en WooCommerce, es fundamental tener un equilibrio entre la automatización y el control manual para ofrecer una experiencia óptima a tus clientes. Aquí algunos puntos a tener en cuenta: - **Respaldo del Sitio:** Antes de realizar cambios en la configuración o agregar código personalizado, es recomendable hacer una copia de seguridad de tu sitio web, en este artículo te explico como crear un backup para hacer migraciones, pero también sirve como ejemplo para este punto. - **Pruebas:** Después de implementar cualquiera de los métodos, realiza una prueba con un pedido de prueba para asegurarte de que el correo electrónico no se envíe al cliente. - **Actualizaciones:** Si utilizas fragmentos de código, asegúrate de que sean compatibles con futuras actualizaciones de WooCommerce y WordPress. - **Transparencia con el Cliente:** Aunque evites enviar ciertos correos electrónicos, asegúrate de que la información esencial sobre el estado del pedido esté disponible para el cliente en su cuenta de WooCommerce o mediante otros canales de comunicación. Si tienes preguntas, sugerencias o simplemente quieres saludar, o compartir si este artículo te ha sido útil, déjame tu comentario. ¡será un placer leerte! --- ## Plugin para código personalizado en WordPress URL: https://sebasweb.net/plugin-para-codigo-personalizado-en-wordpress/ Añadir fragmentos de código a un proyecto de WordPress es bastante común cuando se desean ajustes específicos. A menudo se eligen métodos como incluirlos en el archivo functions.php de un tema hijo (child theme) o usar un plugin dedicado a fragmentos (por ejemplo, Code Snippets). Sin embargo, existe una alternativa potente y versátil: **crear un plugin para código personalizado en WordPress.** A continuación voy a hacer un recorrido por los beneficios de este enfoque y un repaso general sobre cómo hacerlo. La intención es que puedas aprovechar la flexibilidad de WordPress sin depender de tu tema actual ni arriesgar la compatibilidad de tu sitio en futuras actualizaciones. Pero primero, veamos un par de conceptos indispensables sobre los plugins en WordPress. ## Qué es un plugin en WordPress - Un plugin en WordPress no es más que un archivo o conjunto de archivos PHP que añaden funcionalidades específicas a un sitio sin necesidad de modificar el núcleo de WordPress o el tema activo. - Básicamente, un plugin actúa como un pequeño programa que se conecta a WordPress mediante funciones y hooks (ganchos), permitiendo extender o modificar su comportamiento estándar. ## ¿Qué hace que un plugin funcione en WordPress? - Un plugin funciona porque WordPress está diseñado para ser extendido. WordPress carga todos los plugins activos desde la carpeta wp-content/plugins/. - Cuando WordPress se ejecuta, busca los archivos PHP de los plugins activos y los incluye. Esos archivos pueden contener funciones, clases o código que se ‘engancha’ al sistema principal de WordPress en puntos específicos llamados ‘hooks’. - Estos hooks (filtros y acciones) son como señales: cuando WordPress llega a cierto punto del flujo de ejecución, llama a las funciones que le hemos dicho que respondan en esos momentos. ** En su forma más simple, un plugin puede ser un único archivo PHP.** ## ¿Por qué un plugin para código personalizado en WordPress? Muchas veces, ajustar funciones pequeñas requiere abrir el archivo functions.php en un theme o un child theme. Ese método funciona, pero puede volverse incómodo cuando se cambia a otro tema. Además, si el tema se actualiza y se olvida mover el código al tema hijo, se corre el riesgo de perder esas modificaciones. La posibilidad de independizar todos los pequeños cambios en un **plugin para código personalizado** ofrece múltiples ventajas: - **Independencia total del tema:** No es obligatorio usar el mismo archivo del tema. - **Organización:** Se concentra el código en un lugar separado para mantener el proyecto más ordenado. - **Facilidad de mantenimiento:** Un plugin propio puede activarse o desactivarse según convenga, sin preocuparse de afectar la plantilla principal. - **Portabilidad:** No habrá que copiar y pegar fragmentos de una instalación a otra. Basta con mover o instalar el plugin y listo. Las funciones que suelen ir en functions.php pueden colocarse allí sin complicar la vida a la hora de cambiar de tema o actualizarlo. ## Ventajas de usar un plugin para código personalizado en WordPress - **Estandarización:** WordPress reconoce de manera nativa los plugins a través de una cabecera en el archivo principal. Al disponer de un plugin con nombre, descripción y versión, todo el código se alinea con la metodología estándar de WordPress. Eso facilita el control y la documentación de los cambios. - **Comodidad al desactivar funciones:** Si algo deja de ser útil, simplemente se desactiva el plugin en el panel de administración. Con un child theme, a veces se borra el código o se deja comentado, lo que puede generar confusión con el tiempo. - **Reutilización en otros proyectos:** Imagina que las mismas funciones personalizadas podrían servir para otro sitio. Un plugin que contenga ese código permite llevarlo de un proyecto a otro de manera casi inmediata, sin necesidad de refactorizar o reescribir. - **Mayor claridad en el repositorio:** Al clonar un proyecto de WordPress, el plugin aparece en la carpeta plugins, separado del tema. Eso invita a distinguir con facilidad qué parte del código corresponde a funcionalidades propiamente dichas y qué parte pertenece a la plantilla. - **Seguridad básica:** Al crear el plugin se incluyen buenas prácticas, como verificar if ( ! defined( ‘ABSPATH’ ) ) { exit; }. Esa condición detiene la ejecución del archivo si se intenta acceder a él directamente sin pasar por WordPress. Además, en caso de necesitar formularios de administración, el uso de nonces y validaciones de capacidades resulta más natural dentro de un plugin. ## Cómo crear tu propio plugin para código personalizado en WordPress Crear un plugin sencillo sólo requiere un archivo .php con una cabecera reconocible por WordPress. En otras palabras, se necesita lo siguiente: **1. Crear una carpeta y un archivo**: Dentro de wp-content/plugins/, conviene generar una carpeta con un nombre identificable, por ejemplo funciones-sebasweb. En su interior, crea un archivo funciones-sebasweb.php. **2. Agregar la cabecera del plugin**: En el archivo PHP, se añade algo parecido a: <?php /** * Plugin Name: Funciones Sebasweb * Plugin URI: https://sebasweb.net * Description: Aquí se colocan funciones personalizadas para el proyecto * Version: 1.0 * Author: Sebasweb * Author URI: https://sebasweb.net * License: GPL2 */ if ( ! defined( 'ABSPATH' ) ) { exit; // Evita que se acceda sin pasar por WordPress } // A partir de aquí se pueden añadir funciones, hooks y demás código necesario en el proyecto **¡Enhorabuena! **Con eso ya creaste un plugin para código personalizado en WordPress capaz de activarse y desactivarse desde el panel de administración. **3. Escribir tus fragmentos de código**: Si hay funciones que antes iban en functions.php, pueden copiarse aquí. Por ejemplo, crear un saludo al sitio web cuando ingresas al home: /** saludar al usuario en cuanto ingrese al sitio web*/ add_action( 'wp_footer', 'mostrar_mensaje_explorador' ); function mostrar_mensaje_explorador() { echo " <script type='text/javascript'> alert('¡Hola, gracias por visitar mi web!'); </script> "; } ** Ese snippet quedará activo mientras el plugin lo esté, independientemente de cuál sea el tema activo. 4. Activar el plugin**: Accede al área de administración de WordPress y busca “Plugins” en el menú lateral. En la lista aparecerá la nueva creación. Sólo pulsa “Activar” y quedará listo para usarse. Descargar plugin de ejemplo Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Otras alternativas a crear un plugin para código personalizado en WordPress La idea de manejar código personalizado no siempre demanda la creación de un plugin. Dos métodos frecuentes son, a través del un «tema hijo» o «child theme» y el otro es a través de plugins que nos permiten incluir código personalizado en nuestro sitio web: ### Child theme Un tema hijo (child theme) hereda el funcionamiento de otro tema (llamado tema padre). En su archivo functions.php, se agregan funciones personalizadas. Permite editar y sobreescribir plantillas, sin miedo a perder cambios al actualizar el tema padre. Sin embargo, si la intención es conservar el código al cambiar de tema, este método no es tan práctico. Tampoco brinda la facilidad de desactivación inmediata. Te comparto dos opciones de cómo crear un child theme en dos de los temas más usados en WordPress: - Cómo crear un child theme en Hello Elementor aquí - Cómo crear un child theme en Astra aquí ### Code Snippets (plugin) Esta herramienta funciona como un gestor de fragmentos. En lugar de añadirlos manualmente, se pega el código en el panel, quedando almacenado en la base de datos. Su interfaz resulta cómoda, pero depende de un tercero que mantiene el plugin. Quien prefiera evitar la instalación de otro plugin y busque algo más directo podría inclinase por desarrollar su propia alternativa, usando un plugin para código personalizado en WordPress con un archivo único. Ver plugin ### WPCodeBox (plugin) Incluso, uno que no tiene tantos años como el code snippets, pero que parece que tiene muy buenas opciones, es el WPCodebox otra solución que, al igual que Code Snippets, permite almacenar y sincronizar fragmentos de código en la nube para usarlos en diferentes instalaciones de WordPress. Aunque ambas herramientas coinciden en ese aspecto, WPCodeBox ofrece una interfaz y flujo de trabajo distintos, además de funciones propias de organización y personalización de los snippets. Ver plugin #### ¿Y ahora qué? Ya viste las ventajas de mantener un plugin para código personalizado en WordPress y el proceso fundamental para crearlo. Es un método sencillo que te ayudará a ahorrar tiempo y a conservar la estabilidad de tu sitio a largo plazo.n. Si tienes dudas o ideas que puedan mejorar este método, te invito a dejar un comentario. Compartir experiencias siempre enriquece la conversación y puede ser de gran ayuda para otras personas con las mismas necesidades. Además, si tienes alguna pregunta, sugerencia o simplemente quieres saludar, déjame tu comentario: ¡siempre será un placer leerte! --- ## Cómo Crear y Usar WordPress en un Servidor Local con Local WP URL: https://sebasweb.net/wordpress-en-un-servidor-local-con-local-wp/ Si trabajas con WordPress, seguro te has preguntado cómo puedes probar temas, plugins o diseños sin afectar tu sitio en vivo. La respuesta está en crear un entorno local de desarrollo. En este artículo, aprenderás paso a paso cómo instalar y usar WordPress en un servidor local usando Local WP, una de las herramientas más populares y fáciles de usar. ## ¿Qué es Local WP y Por Qué Deberías Usarlo? Local WP es una aplicación gratuita que te permite instalar WordPress en tu computadora, creando un servidor local para pruebas y desarrollo. Es una herramienta ideal tanto para principiantes como para desarrolladores avanzados, ya que simplifica la configuración de servidores web, PHP y bases de datos. **Algunas de las ventajas de usar WordPress en un servidor local son:** - **Seguridad:** Realiza cambios y pruebas sin afectar tu sitio en vivo. - **Velocidad:** No dependes de una conexión a internet para trabajar. - **Pruebas seguras:** Experimenta con nuevos temas, plugins o código personalizado sin riesgos. - **Práctica:** Ideal para aprender y mejorar tus habilidades en WordPress. - **Ahorro:** Evita gastar dinero en hosting mientras desarrollas o pruebas tu sitio. ## Paso a Paso: Instalar y Configurar Local WP ### **1. Descargar Local WP** - Ve al sitio oficial de Local WP: https://localwp.com. - Descarga la versión compatible con tu sistema operativo (Windows, macOS o Linux). ### **2. Instalar Local WP** - Abre el archivo descargado y sigue los pasos del instalador. - Una vez instalado, abre la aplicación. ### **3. Crear un Nuevo Sitio WordPress Local** - **Inicia Local WP:** Haz clic en el botón “Crear un nuevo sitio”. - **Configura el nombre del sitio:** Escribe un nombre para tu sitio, como “mi-sitio-prueba”. - **Selecciona la configuración del servidor:** Opcion “Preferida”: Usa la configuración predeterminada recomendada para la mayoría de los usuarios. - Opcion “Personalizada”: Configura la versión de PHP, MySQL y el servidor web (Nginx o Apache). - **Completa la configuración:** Local WP creará el entorno y descargará WordPress automáticamente. ### **4. Acceder a tu Sitio Local** - Una vez creado, haz clic en “Abrir sitio” para ver tu WordPress en el navegador. - Puedes acceder al panel de administración en https://nombre-de-tu-sitio.local/wp-admin. ### **5. Explorar las Opciones de Local WP** - **Base de datos:** Accede a phpMyAdmin para gestionar la base de datos de tu sitio. - **Live Links:** Comparte tu sitio local con clientes o colaboradores mediante un enlace temporal. - **Opciones de servidor:** Cambia versiones de PHP o MySQL según lo necesites. ### Cómo Migrar de Local a Producción Una vez que tu sitio local está listo, podrás migrarlo a un servidor en producción para que sea accesible públicamente. Puedes aprender a Migrar de un servidor local a un servidor en producción con WordPress. ### ¿Cómo Comparar Local WP con Hosting en Vivo? Usar WordPress en un servidor local es excelente para pruebas, pero no reemplaza un hosting en vivo. Cuando estés listo para mover tu sitio a internet, puedes usar herramientas como All In One WP Migration para facilitar la migración. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Preguntas Frecuentes sobre Local WP ### ¿Es necesario tener conexión a internet para usar Local WP?** No, una vez que Local WP está instalado y configurado, puedes trabajar completamente offline. Esto es ideal para viajes o lugares donde no tienes acceso constante a internet. ### **¿Puedo usar Local WP en una computadora con pocos recursos?** Sí, Local WP está diseñado para ser liviano y funcionar bien incluso en equipos con especificaciones mínimas. Sin embargo, si trabajas con sitios grandes, es recomendable tener al menos 8 GB de RAM para un rendimiento óptimo. ### **¿Se pueden usar temas y plugins premium en Local WP?** Claro, puedes subir e instalar cualquier tema o plugin premium de la misma manera que lo harías en un sitio en vivo. Esto te permite probar su funcionalidad antes de implementarlo en producción. ### **¿Qué pasa si pierdo mi entorno local?** Es recomendable realizar copias de seguridad regulares de tus sitios locales. Puedes exportar tus sitios desde Local WP o usar un plugin de respaldo como All In One WP Migration. ### **¿Puedo clonar un sitio en Local WP?** Sí, Local WP permite clonar sitios con solo unos clics. Esta función es ideal para probar cambios en una copia sin afectar el sitio original. WordPress en un servidor local es una solución práctica y eficiente para cualquier persona que desee crear, probar o mejorar sitios web sin riesgos. Usar herramientas como Local WP hace que todo el proceso sea accesible, incluso para principiantes. Espero que este artículo te haya sido de utilidad. No dudes en dejar un comentario si tienes alguna inquietud, sugerencia o simplemente quieres saludar. ¡Siempre es un placer leerte! --- ## Ocultar opción de envío de pago si existe opción gratuita en WooCommerce URL: https://sebasweb.net/ocultar-opcion-de-envio-de-pago-si-existe-opcion-gratuita-en-woocommerce/ En el comercio electrónico, ofrecer envíos gratuitos es una estrategia efectiva para captar más clientes. Sin embargo, mantener habilitadas otras opciones de envío puede generar confusión y provocar que los compradores elijan métodos de pago innecesarios. Por eso, en este artículo te enseñaré cómo ocultar opción de envío de pago si existe opción gratuita en WooCommerce, optimizando la experiencia de compra. Además, exploraremos cómo configurarlo para mostrar únicamente el envío gratuito o, si lo prefieres, incluir también la opción de recogida en tienda. ## ¿Por qué deberías ocultar opción de envío de pago si existe opción gratuita en WooCommerce? - **Evita confusiones para tus clientes:** Mostrar múltiples métodos de envío puede confundir a los clientes, especialmente si el envío gratuito ya está disponible. Al simplificar las opciones, ayudas a mejorar su experiencia de compra. - **Aumenta las conversiones:** El envío gratuito es un incentivo poderoso para completar una compra. Si los clientes ven métodos de pago adicionales, pueden pensar que el envío gratuito no es la mejor opción o incluso abandonar el carrito. - **Refuerza tu propuesta de valor:** Al destacar el envío gratuito, refuerzas la percepción de que tu tienda ofrece un beneficio adicional frente a la competencia. ## Cómo configurar WooCommerce para ocultar métodos de envío de pago si hay envío gratuito Existen dos formas principales de configurar esto en WooCommerce, dependiendo de tus necesidades: - **Ocultar todos los métodos de envío excepto el gratuito.** - **Permitir el envío gratuito y la recogida en tienda.** A continuación, te mostramos cómo implementarlo en cada caso. ### Opción 1: Ocultar todos los métodos de envío excepto el gratuito Si deseas que WooCommerce solo muestre el método de envío gratuito cuando esté disponible, puedes usar este código: // Ocultar otros métodos de envío cuando el envío gratuito está disponible. function my_hide_shipping_when_free_is_available( $rates ) { $free = array(); // Buscar el método de envío gratuito. foreach ( $rates as $rate_id => $rate ) { if ( 'free_shipping' === $rate->method_id ) { $free[ $rate_id ] = $rate; break; } } // Retornar solo el envío gratuito si está disponible. return ! empty( $free ) ? $free : $rates; } add_filter( 'woocommerce_package_rates', 'my_hide_shipping_when_free_is_available', 100 ); **¿Qué hace este código?****Este fragmento de código verifica si hay un método de envío gratuito disponible en el carrito.Si existe, oculta cualquier otra opción, dejando solo el envío gratuito visible para el cliente. Cuándo usarlo****Esta configuración es ideal si quieres garantizar que todos los clientes que califican para envío gratuito lo utilicen, eliminando cualquier posibilidad de error o confusión. Suscríbete y aprende gratis ¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Opción 2: Permitir el envío gratuito y la recogida en tienda En algunos casos, puede que también desees permitir la opción de recogida en tienda junto con el envío gratuito. Para hacerlo, utiliza el siguiente código: El siguiente código permite que el envío gratuito se muestre como una opción preferente, pero no oculta otros métodos de envío**: // Mostrar métodos de envío con preferencia por envío gratuito si está disponible. function my_adjust_shipping_methods( $rates ) { $available_rates = array(); // Siempre mantener disponibles todos los métodos de envío. foreach ( $rates as $rate_id => $rate ) { $available_rates[ $rate_id ] = $rate; } // Priorizar envío gratuito si está disponible. if ( array_key_exists( 'free_shipping', array_column( $rates, 'method_id' ) ) ) { uasort( $available_rates, function ( $a, $b ) { if ( 'free_shipping' === $a->method_id ) { return -1; // Prioridad al envío gratuito. } return 1; }); } return $available_rates; } add_filter( 'woocommerce_package_rates', 'my_adjust_shipping_methods', 100 ); **¿Qué hace este código?** - **Mantiene todos los métodos de envío disponibles: **No se eliminan opciones como «envío estándar». - **Prioriza el envío gratuito si aplica: **Si está disponible, el sistema lo mostrará al cliente como preferencia al principio de la lista, pero aún podrán seleccionar otro método si lo desean. - **Incluye recogida en tienda:** Sigue siendo visible como una opción, junto con otros métodos de envío. **Cuándo usarlo**Este enfoque es perfecto si quieres ofrecer flexibilidad a tus clientes, permitiendo que elijan entre recibir el producto en casa sin costo o recogerlo directamente en tu tienda. Optimizar las opciones de envío en WooCommerce no solo mejora la experiencia del cliente, sino que también puede aumentar tus conversiones. Al ocultar métodos de envío de pago cuando el envío gratuito está disponible, simplificas el proceso de compra y refuerzas el valor que ofreces. Si además decides permitir la recogida en tienda, puedes seguir ofreciendo flexibilidad sin comprometer la claridad de tus métodos de envío. ¿Tienes alguna duda o me quieres compartir cómo te ha funcionado esta configuración? ¡Déjame tus comentarios! Me encantaría conocer tu experiencia. 🚀 --- ## 🔐 Cómo Implementar Encabezados de Seguridad en WordPress URL: https://sebasweb.net/como-implementar-encabezados-de-seguridad-en-wordpress/ Los encabezados de seguridad son una parte crucial de la defensa de tu sitio web contra diversas amenazas. Configurar correctamente estos encabezados puede proteger tu sitio de ataques comunes como clickjacking, cross-site scripting (XSS) y sniffing de contenido. En este artículo, aprenderás qué son los encabezados de seguridad, por qué son importantes y cómo configurarlos en tu sitio de WordPress. ## ¿Qué Son los Encabezados de Seguridad? Los encabezados de seguridad son directivas que se envían desde el servidor al navegador del usuario, indicándole cómo debe comportarse con respecto a la seguridad. Estos encabezados ayudan a mitigar riesgos al establecer políticas claras sobre qué contenido se puede cargar y desde dónde, cómo debe manejarse la información sensible y cómo proteger la interacción del usuario con el sitio. ** ## ¿Por Qué Son Importantes los Encabezados de Seguridad? - Protección Contra XSS (Cross-Site Scripting):** Los encabezados como X-XSS-Protection y Content-Security-Policy ayudan a prevenir ataques de scripts maliciosos que pueden robar información sensible o realizar acciones no autorizadas. - **Mitigación de Clickjacking:** X-Frame-Options impide que tu sitio sea incrustado en iframes de otros dominios, protegiendo contra ataques de clickjacking. - **Refuerzo de HTTPS:** Strict-Transport-Security asegura que los navegadores solo se conecten a tu sitio a través de HTTPS, protegiendo contra ataques de intermediarios (MITM). - **Control de Contenido: **X-Content-Type-Options previene que los navegadores interpreten archivos como tipos de contenido incorrectos, evitando posibles vulnerabilidades. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Configuración de Encabezados de Seguridad en WordPress Para implementar estos encabezados en tu sitio de WordPress, necesitas añadir las directivas correspondientes en el archivo .htaccess. Aquí tienes una configuración recomendada: # ENCABEZADOS DE SEGURIDAD # <IfModule mod_headers.c> Header always set Strict-Transport-Security "max-age=31536000; includeSubDomains" Header always set X-Frame-Options "SAMEORIGIN" Header always set X-XSS-Protection "1; mode=block" Header always set X-Content-Type-Options "nosniff" Header always set Referrer-Policy "strict-origin-when-cross-origin" Header set Permissions-Policy "geolocation=(), microphone=(), camera=(), payment=(), magnetometer=(), gyroscope=(), fullscreen=(self), sync-xhr=(self)" </IfModule> <IfModule mod_headers.c> Header always set Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://*.mailchimp.com https://*.list-manage.com; style-src 'self' 'unsafe-inline' ; img-src 'self' https://pontudominio.com** https://secure.gravatar.com data: https:; font-src 'self' ; connect-src 'self' https://*.mailchimp.com https://*.list-manage.com; frame-src 'self' https://js.stripe.com;" </IfModule> # FIN ENCABEZADOS DE SEGURIDAD # ⚠️ **Nota importante: debes cambiar en el código donde dice https://pontudominio.com por el que corresponda.** ## Explicación de los Encabezados - **Strict-Transport-Security:** Esta directiva indica a los navegadores que deben comunicarse con tu sitio solo a través de HTTPS. La opción includeSubDomains asegura que todas las subdominios también sean accedidos solo a través de HTTPS. - **X-Frame-Options: **Esta directiva evita que tu sitio sea embebido en iframes de otros dominios, protegiéndote contra ataques de clickjacking. - **X-XSS-Protection:** Activa el filtro de protección contra XSS del navegador, evitando la ejecución de scripts maliciosos. - **X-Content-Type-Options:** Previene que los navegadores interpreten incorrectamente los tipos de contenido, lo que puede evitar ataques basados en contenido. - **Referrer-Policy: **Controla la cantidad de información de referencia que se envía al navegar fuera de tu sitio. La opción strict-origin-when-cross-origin envía solo la información necesaria y protege la privacidad del usuario. - **Permissions-Policy:** Controla qué funciones del navegador pueden ser usadas, limitando potencialmente el acceso a características sensibles. - **Content-Security-Policy:** Define qué recursos pueden ser cargados y desde dónde, permitiendo un control granular sobre el contenido que se ejecuta en tu sitio. Esto es crucial para prevenir ataques de inyección de contenido. ## Implementación y Verificación - **Actualizar el Archivo .htaccess:** Asegúrate de que tu archivo .htaccess contenga las directivas correctas y esté ubicado en la raíz de tu instalación de WordPress. - **Verificar el Funcionamiento del Sitio: **Después de realizar los cambios, revisa que tu sitio funcione correctamente. Asegúrate de probar tanto el frontend como el backend. - **Utilizar Herramientas de Análisis de Seguridad: **Herramientas como Security Headers pueden ayudarte a verificar que los encabezados se están aplicando correctamente y a identificar áreas de mejora. - **Monitorear la Consola del Navegador: **Utiliza las herramientas de desarrollo del navegador para revisar cualquier advertencia o error relacionado con la CSP u otros encabezados de seguridad. Implementar encabezados de seguridad en tu sitio de WordPress es una medida esencial para proteger contra diversas amenazas de seguridad. Al configurar correctamente estos encabezados, puedes mejorar significativamente la seguridad de tu sitio y proporcionar una experiencia más segura para tus usuarios. Recuerda revisar y ajustar estas configuraciones regularmente, especialmente cuando introduces nuevos servicios o plugins a tu sitio. --- ## Nuevo icono de Twitter en Elementor URL: https://sebasweb.net/nuevo-icono-de-twitter-en-elementor/ Con el cambio de imagen corporativa de Twitter es necesario cambiar el icono del tradicional pajarito por la ya conocida X. El proceso para cambiar por el nuevo icono de Twitter es muy fácil o por lo menos la opción que he encontrado fue la que me ha funcionado en los proyectos de mis clientes, e incluso en mi propio sitio web. ## Pasos para cambiar el nuevo icono de Twitter en Elementor ### 1. Primer paso: habilitar el ícono SVG: Para esto, debes ir a *Elementor > ajustes > Características > fuentes de iconos integradas *y cambiar el estado a «Activo» Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### 2. Segundo paso: insertar código: El código a continuación lo puedes insertar en tu «plugin de funciones», tu «tema hijo» o plugin para insertar códigos en tu sitio web, como por ejemplo el code snippets. En mi caso, he usado el tema hijo para insertarlo y lo he puesto de la siguiente manera: /* agregar nuevo icono de Twitter */ add_filter( 'elementor/widget/render_content', function($output){ // replace the $re = '/(<svg[^>]+class="[^"]*e-fab-twitter".*?<path\s+d=")(.+?)(".+?<\/svg>)/s'; $output = preg_replace_callback($re, function($matches){ $path = "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"; return $matches[1].$path.$matches[3]; }, $output); return $output; }, 10, 2 ); ¡Y listo! Así de fácil es cambiar el nuevo icono de Twitter en Elementor en todo tu proyecto. Espero que este post te haya servido de ayuda, cuéntame como te fue en los comentarios. Me hará mucha ilusión leerte. --- ## WordCamp Madrid 2023 URL: https://sebasweb.net/wordcamp-madrid-2023/ A continuación un pequeño resumen en imágenes de lo que fue la WordCamp Madrid 2023. --- ## Webinar Emprende: Diseña tu web con WordPress – Las Rozas Next URL: https://sebasweb.net/disena-tu-web-con-wordpress/ En este artículo encontrarás el resumen en texto y videos de lo que fue el webinar «Diseña tu web con WordPress» dividido en 3 sesiones en las que abordamos el proceso de crear un sitio web con el gestor de contenidos más usado en el mundo y el plugin Elementor. Para mi ha sido un placer poder compartir este contenido con todas las personas que participaron durante las sesiones y espero haber aportado así sea un poco de conocimiento sobre WordPress y la creación de sitios web. Afortunadamente hemos tenido la precaución de grabar las sesiones para que puedan ser vistas por todas las personas que estén interesadas en aprender varios conceptos relacionados la creación de un proyecto digital. ### Herramientas recomendadas durante el webinar: - Servidor local: Descargar WP Local - Compositor: Elementor PRO - Hosting: Webempresa ### Plugins usados durante el Webinar: - Ocultar acceso por defecto de WordPress: Hide Login - Plugin para migración: All in One WP Migration Descargar presentación del Webinar *Ten en cuenta que el audio fue captado a través de mi micrófono, por lo que mejora notablemente cuando comienzo a hablar en los videos.* ## Día 1 del Webinar: «Diseña tu web con WordPress» hosting, dominio y WordPress ### Resumen propuesto para la sesión: - ¿Qué es hosting y dominio? - Contratar un hosting - ¿Qué es WordPress? - Diferencia entre WordPress.com y WordPress.org - El entorno de desarrollo ## Día 2 del Webinar: «Diseña tu web con WordPress» entorno de trabajo ### Resumen propuesto para la sesión: - Entorno de WordPress, temas, plugins y Elementor - Continuación del entorno de desarrollo - Ajustes generales de Elementor - Conocemos la interfaz deElementor ## Día 3 del Webinar: «Diseña tu web con WordPress» plantillas y proyecto ### Resumen propuesto para la sesión: - Mapa de sitio - Instalación de un Kit deElementor - Edición del contenido - Consejos generales Con el objetivo de poder abordar todos los temas relacionados con el webinar «**diseña tu web con WordPress**» he hecho un pequeño resumen de algunos conceptos esenciales para un proyecto digital creado con este CMS. No obstante, cada uno de estos conceptos puede tener mayor profundidad de explicación, que por supuesto, te invito a que los investigues en la medida que lo veas necesario. Descargar presentación del Webinar ## Respondo dudas o comentarios que salieron durante el webinar A continuación amplio un poco más de información sobre algunas dudas que surgieron durante el webinar: Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Accesibilidad en el sitio web: Los plugins de accesibilidad de WordPress ayudan a difundir el sitio web a sectores de la sociedad, especialmente con discapacidades. Por ejemplo, los usuarios con discapacidad necesitan lectores de pantalla, botones de llamada a la acción grandes, combinaciones de colores de alto contraste, subtítulos, atributos alt en las imágenes, etc. A continuación te comparto algunos plugins que podrían facilitar este trabajo (no he probado ninguno) con lo cual, no puedo dar mi punto de vista de cual es el mejor, no obstante, algunos plugins los puedes encontrar en el repositorio de WordPress y como siempre, puedes revisar sus puntuaciones, actualizaciones y cantidad de instalaciones en proyectos activos. Otros, son plataformas reconocidas en el campo de accesibilidad para web. - Accesibilidad con un clic - UserWay - Acceso - WP Accessibility Tools & Missing Alt Text Finder - Equalize Digital ## Qué es XML-RPC XML-RPC en WordPress opera como un conducto de comunicación excepcional. Imagina este sistema como un moderno servicio de mensajería digital, donde HTTP actua como el diligente mensajero y XML como el idioma codificado. La esencia de XML-RPC reside en la necesidad de WordPress de trascender sus propios límites y establecer conexiones con otros sistemas.** Consideremos este escenario: te encuentras lejos de tu computadora, pero deseas actualizar tu sitio web. Es aquí donde xmlrpc.php emerge como un recurso invaluable al permitirte realizar esta tarea de forma remota desde tu dispositivo móvil. Sin embargo, xmlrpc.php no se limita únicamente a esta función. Además de ser una herramienta para la distancia, también desempeña un papel crucial en la gestión de seguimientos y respuestas de ping desde otros sitios web. Asimismo, contribuye de manera significativa a desbloquear algunas de las funcionalidades del plugin Jetpack. Podría ser una alternativa a usar si necesitaríamos conectar nuestro proyecto con algún sistema remoto, pero por lo general, no tenemos que hacerlo, es por esta razón, que lo desactivamos con el plugin de Siteground que vimos durante el webinar. ## Aprende sobre SEO. Para aprender sobre SEO puedes encontrar muchos canales en Youtube, no obstante, te quiero recomendar el canal de Youtube de mi socio y buen amigo Diego Leiva, con el que podrás aprender una forma muy amena conceptos claves sobre SEO y su importancia para cualquier proyecto digital ## Sitio web multilenguaje Durante el webinar, también hablamos de un plugin que nos sirve mucho para poder crear sitios web multilenguaje, para ello, el plugin que yo uso se llama Polylang, y te quiero compartir un video donde explico como lo puedes instalar y usar para que tengas tu sitio web en más de un idioma. ## Plugin de suscripción Hubo una pregunta muy interesante sobre como se puede restringir contenido y poder ingresar a el a través del pago de una suscripción o el derecho a ver un contenido oculto. Para ello existen muchos plugins, algunos gratuitos o capacidades limitadas y otros de pago muy completos. Dependerá del proyecto cual podría servir mejor. A continuación comparto algunos de ellos: - YITH WooCommerce Membership - Restrict Content Pro - Ultimate Member ## Comentario final De nuevo quiero agradecer a Las Rozas Next un programa del Ayuntamiento de Las Rozas en Madrid, por hacerme la invitación y de nuevo a todos los que participaron durante las sesiones y también a los que tuvieron la intención y no han podido, espero que el contenido expuesto, sea valioso y que haya podido aportar algo por pequeño que sea a todos los que asistieron y los que posteriormente vean este artículo. Sera un **verdadero placer poder leerlos en los comentarios **que pueden dejar al final de esta entrada. Finalmente, recuerden compartir el contenido, darle like si les gusto y por supuesto, suscribirse a mi canal para seguir compartiendo y aprendiendo sobre el diseño y desarrollo web. --- ## Redirecciones masivas en Rank Math URL: https://sebasweb.net/redirecciones-masivas-en-rank-math/ Si llegaste a este artículo es porque seguramente estas buscando la forma de hacer redirecciones masivas en Rank Math, con el objetivo de ahorrarte un tiempo o simplemente, tener un panorama más claro de todos los cambios que va a requerir el proyecto en el que estás trabajando. Rank Math en su versión PRO nos ofrece una solución muy efectiva para manejar cambios en la estructura de URLs para asegurar una navegación fluida a nuestros usuarios. A lo largo de este artículo, te mostraré entre otras cosas, cuál es el paso a paso necesario para llevar a cabo redirecciones masivas utilizando la plataforma Rank Math. Vas a ver que es muy fácil 😉 ## Introducción a las Redirecciones en Rank Math Cuando hablamos de SEO (Search Engine Optimization), una de las tareas fundamentales es asegurar que nuestras páginas web sean accesibles y estén correctamente indexadas por los motores de búsqueda. Sin embargo, es común que con el tiempo realicemos cambios en nuestra estructura de enlaces o movamos contenido a nuevas ubicaciones. Aquí es donde entran en juego las redirecciones. Las redirecciones son instrucciones que le dan a los navegadores y motores de búsqueda sobre el nuevo lugar de una página o recurso cuando ha cambiado de ubicación. Estas redirecciones permiten que los usuarios y los rastreadores de los motores de búsqueda sean enviados automáticamente al nuevo destino sin encontrar páginas de error o «404 not found». Es decir, son una especie de guía que dirige a los visitantes y motores de búsqueda hacia la dirección correcta cuando una URL ha sido modificada o eliminada. Ver Rank Math PRO ## Importancia de las Redirecciones en el SEO Las redirecciones juegan un papel crucial en el SEO de tu sitio web. Cuando una página tiene una clasificación sólida en los motores de búsqueda y ha acumulado valiosos enlaces entrantes, sería un gran error simplemente eliminarla o cambiar su URL sin más. Si hiciéramos eso, todos los enlaces que apuntan a esa página llevarían a una «404 not found», lo que afectaría negativamente a nuestra clasificación en los resultados de búsqueda. **Aquí es donde las redirecciones entran en acción:** al implementar una redirección 301 (movido permanentemente) o una redirección 302 (encontrado temporalmente), podemos transferir el valor SEO acumulado de la página antigua a la nueva ubicación. Los motores de búsqueda reconocen esta señal y consideran que la nueva página es la continuación lógica y actualizada de la anterior. Además de mantener el valor SEO, las redirecciones también mejoran la experiencia del usuario. Imagina que un usuario intenta acceder a un producto específico en tu tienda en línea, pero la página ha sido eliminada o cambiada de URL sin una redirección adecuada. El resultado sería una frustración innecesaria para el usuario, que probablemente abandonaría tu sitio y buscaría en otro lugar. En cambio, con una redirección bien configurada, el usuario sería llevado sin problemas al nuevo enlace, lo que garantizaría una experiencia positiva y una mayor probabilidad de conversión. ## Tipos de redirecciones Existen varios tipos de redirecciones, pero los más comunes son los siguientes: - **Redirección 301 (Movido permanentemente):** Esta redirección indica a los motores de búsqueda que la página ha sido trasladada de forma permanente a una nueva URL. También es útil para transferir el valor de SEO de la página anterior a la nueva. Si tienes una página que ha sido renombrada o movida a un nuevo dominio, una redirección 301 es la opción adecuada. - **Redirección 302 (Encontrado): **A diferencia de la redirección 301, la redirección 302 se utiliza para indicar que la página se ha movido temporalmente a una nueva ubicación. Si planeas realizar cambios temporales en tu sitio web y deseas que los usuarios sean redirigidos a una página temporal, esta es la opción adecuada. - **Redirección 307 (Redirección temporal):** Esta redirección es similar a la 302, ya que indica una redirección temporal. Sin embargo, se diferencia en cómo los navegadores deben procesar la redirección, lo que la convierte en una opción viable para ciertos escenarios. - **Redirección 410 (Gone): **Si deseas eliminar permanentemente una página o contenido de tu sitio web y no tienes la intención de reemplazarlo, puedes utilizar esta redirección. A diferencia de la 301, la 410 indica que la página ha sido eliminada y ya no está disponible. - **Redirección 451 (No disponible por razones legales):** Este tipo de redirección se utiliza para indicar que una página no está disponible debido a restricciones legales, como censura o bloqueo por contenido prohibido. ## Redirecciones en Rank Math Si bien existen varias herramientas de SEO disponibles en el mercado, Rank Math se destaca como una solución integral para las redirecciones. Rank Math es un plugin de SEO para nuestros sitios web creados con WordPress y esta diseñado para ayudarnos a optimizar el contenido y mejorar nuestro posicionamiento en los motores de búsqueda. Entre sus muchas características, Rank Math ofrece una interfaz intuitiva y fácil de usar para gestionar las redirecciones. Con solo unos clics, puedes configurar redirecciones 301 o 302 directamente desde su panel de control. Esto es especialmente útil si no eres un experto en código y prefieres una solución sencilla para gestionar tus redirecciones. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. *** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Cómo Configurar Redirecciones en Rank Math ### Habilitar el módulo de redirecciones Después de instalar el plugin de Rank Math en tu proyecto, ahora, solo necesitas dirigirte a Rank Math > Dashboard en su área de administración de WordPress para confirmar que tienes el módulo de redirecciones habilitado. ### Cómo agregar una redirección Ahora que tienes instalado Rank Math y has verificado que el módulo de redirecciones está habilitado, podrás navegar hasta el Administrador de redirecciones en panel de administración de WordPress en Rank Math > redirecciones: Y luego, puedes continuar y crear una redirección 301 simplemente ingresando la URL que deseas redireccionar como tu URL de origen (Source URL) y la ubicación del nuevo recurso (es decir, a dónde te gustaría redirigir la URL de origen) como la URL de destino (Destination URL). Y una vez listo para activar, simplemente haz clic en «Agregar Redirección». ## Cómo hacer redirecciones masivas en Rank Math ### Opción 1: copiar y pegar varias URL de origen Dependiendo del escenario en el que estés intentando crear redirecciones en masa, la primera forma de hacerlo en Rank Math es simplemente creando una redirección única con múltiples URL de origen. Esto significaría que, por supuesto, solo funcionaría si cada una de estas URL de origen tiene la misma ubicación y URL de destino prevista. ### Opción 2: Actualización, edición e importación de redirecciones a través de CSV (Rank Math PRO) Afortunadamente Rank Math SEO en su versión PRO hace que esta tarea repetitiva sea mucho más fácil Además de poder crear redirecciones 301 en masa mediante la creación de una redirección con múltiples fuentes, también podrás gestionar fácilmente (añadir o modificar) cientos de redirecciones 301, las cuales pueden ser de diferentes fuentes y destinos y todo esto en cuestión de minutos. Aquí te explico cómo hacerlo:** ### Exporta tus redirecciones existentes a un archivo CSV Para hacerlo, dirígete a Rank Math > Redirecciones y luego selecciona Importar/Exportar, como se muestra a continuación: ### Importar Redirecciones en Rank Math Para tener una idea clara de como debes importar masivamente las redirecciones en Rank Math, lo primero que debes hacer es exportar un formato que te sirva como guía y para eso debes hacer clic en la pestaña «Exportar» y luego en el botón Exportar CSV. **Nota importante:** Debes tener por lo menos una redirección creada en Rank Math para que te funcione, sino, se te abrirá una ventana blanca sin poder descargar ningún archivo.* ### Exportar Redirecciones en Rack Math Ahora que ya tenemos el archivo CSV, es hora de abrirlo en Google Sheets (si deseas tener la opción de poder revisar el archivo en colaboración alguien más del equipo) o lo puedes abrir en Microsoft Excel. Es en este archivo donde podrás editar y actualizar las redirecciones existentes, crear nuevas o eliminar redirecciones que ya no deseas tener en tu sitio. ### Importa el archivo CSV utilizando el módulo de Redirecciones de Rank Math Una vez que estés listo para aplicar los cambios, simplemente regresa a la pestaña de Importar en el Administrador de Redirecciones de Rank Math y carga tu archivo CSV: Antes de importar el archivo, asegúrate de hacer una copia de seguridad de tu sitio web, pues una vez termine de cargar el archivo, no tienes la posibilidad de devolver los cambios. Si no sabes como hacer una copia de seguridad, te recomiendo que pases por este artículo donde te enseño como hacer una migración de un sitio web y para hacerlo tendrás que hacer una copia de seguridad con el plugin All in One. Ver Rank Math PRO Espero que este artículo sea de mucha utilidad y a su vez, te hayas podido ahorrar algunas horas de trabajo. Si fue así o tienes alguna duda, me encantará leerte en los comentarios. --- ## Cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor URL: https://sebasweb.net/como-cambiar-la-opacidad-y-el-color-del-placeholder-en-el-formulario-de-elementor/ Si llegaste a este artículo es porque necesitas saber cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor, pues siempre están en una opacidad del 50% y pueden ser difíciles de leer. Desafortunadamente no tenemos la opción para cambiar la opacidad o el color en los estilos del widget de formulario, por lo que para poder hacerlo, necesitamos un pequeño fragmento de código CSS realmente fácil de implementar. Lo único que necesitas es copiar el código CSS y pegarlo en cualquiera de las opciones que tengas para incluir CSS personalizado en tu proyecto, algunas alternativas podrían ser: - El área de CSS de tu tema activo de WordPress. - El área de CSS de tu tema hijo. - El área de CSS avanzado en la página de Elementor en la que estés trabajando. - Como fragmento en el plugin «Code Snippets». - En la opción de CSS personalizado de la pestaña avanzado del Widget del formulario. ## Código para cambiar la opacidad y el color del placeholder en el formulario de Elementor input::placeholder, textarea::placeholder { color: #eligetucolor !important; opacity: 1 !important; } Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME Te quedaría algo así: --- ## Evitar que WordPress pida los datos FTP al instalar o actualizar un plugin o tema URL: https://sebasweb.net/evitar-que-wordpress-pida-los-datos-ftp/ Cuando trabajamos en el diseño y desarrollo web utilizando un servidor web local o un entorno LAMP, es posible que nos encontremos con la solicitud de datos del servidor FTP al intentar instalar o actualizar plugins o temas en tu sitio de WordPress. Aunque los datos estándar son los siguientes: - Hostname: localhost - Usuario FTP: Tu usuario de sesión en Linux - Contraseña FTP: Tu contraseña de sesión en Linux Puede resultar tedioso tener que ingresar estos datos cada vez que deseas realizar alguna de estas operaciones. Sin embargo, hay una solución para evitar este inconveniente. Puedes agregar una línea a tu archivo de configuración de WordPress (wp-config.php), que se encuentra en el directorio raíz de tu instalación. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Cómo evitar que WordPress pida los datos FTP Aquí te explico cómo hacerlo: - Abre el archivo wp-config.php con tu editor de código favorito. - Después de los parámetros de conexión de la base de datos, pero no demasiado arriba ni demasiado abajo, añade la siguiente línea de código: define('FS_METHOD', 'direct'); - Guarda los cambios en el archivo wp-config.php. ¡Y eso es todo! A partir de ahora, WordPress no te solicitará los datos de conexión FTP al instalar o actualizar plugins y temas. Esta configuración funciona cambiando el método de transferencia de archivos en WordPress a «directo» en lugar del método estándar, que requiere los datos de FTP. Al hacerlo, se establece una conexión directa al servidor de archivos, lo que permite la instalación y actualización sin la necesidad de ingresar los datos de FTP. Es importante tener en cuenta que esta solución solo debe implementarse en entornos de desarrollo local o servidores de confianza. En entornos de producción, es recomendable mantener la seguridad y utilizar las configuraciones estándar de WordPress.** Cuéntame si este artículo te ayudo a resolver el problema, me encantará leerte en los comentarios. --- ## Child Theme hello Elementor URL: https://sebasweb.net/child-theme-hello-elementor/ Si estás buscando una forma de personalizar tu sitio web de WordPress creado con el plugin Elementor, estás en el lugar correcto. En este artículo, te guiaré a través de los conceptos básicos del Child Theme hello Elementor, su importancia y cómo puedes utilizarlo para personalizar y mejorar tu sitio web. Además, tendrás la oportunidad de descargar el Child Theme hello Elementor de forma gratuita al final del artículo. ## ¿Qué es un Child Theme y por qué es importante? Un Child Theme, o tema hijo, es un tema de WordPress que hereda las características y funcionalidades de otro tema principal, conocido como tema padre o tema base. La idea principal detrás de los Child Themes es que puedes realizar modificaciones y personalizaciones en tu sitio web sin alterar directamente el tema padre. Esto es especialmente útil porque, al mantener las modificaciones separadas del tema principal, **puedes actualizar el tema sin perder tus cambios.** ## La importancia del Child Theme hello Elementor El Child Theme hello Elementor se basa en el tema Hello Elementor para WordPress y está diseñado específicamente para trabajar de manera eficiente con el plugin de construcción de sitios web Elementor. Este Child Theme es una excelente opción si estás utilizando Elementor para diseñar y construir tu sitio web. Proporciona una base sólida para personalizar y extender las capacidades de Elementor sin afectar la funcionalidad principal del tema Hello. ### El Child Theme hello Elementor es especialmente importante porque: - **Preserva los cambios durante las actualizaciones: **Al utilizar el Child Theme hello Elementor, puedes realizar personalizaciones en tu sitio web sin preocuparte de que tus modificaciones se sobrescriban durante las actualizaciones del tema Hello o de Elementor. - **Proporciona un entorno seguro para experimentar:** Con el Child Theme hello Elementor, puedes probar nuevas funcionalidades, agregar código personalizado y realizar cambios estéticos sin alterar directamente el tema principal. Si algo sale mal o no obtienes los resultados deseados, puedes revertir fácilmente al tema padre sin afectar la estabilidad de tu sitio web. - **Flexibilidad para diseñar tu sitio web:** Elementor es conocido por su capacidad de personalización y diseño visual. Al utilizar el Child Theme hello Elementor, puedes llevar esa flexibilidad un paso más allá al agregar tus propias funciones personalizadas y estilos únicos a tu sitio web. ## ¿Cómo usar el Child Theme hello Elementor? ### Descarga e instalación del Child Theme hello Elementor Descargar Child Theme Hello Elementor Antes de comenzar, asegúrate de tener instalado WordPress y el plugin Elementor en tu sitio web. Una vez que estés listo, sigue estos pasos para descargar e instalar el Child Theme hello Elementor: - **Paso 1:** Ve a tu panel de administración de WordPress y navega hasta «Apariencia» y luego «Temas». - **Paso 2:** Haz clic en el botón «Agregar nuevo» y selecciona la opción «Subir tema». - **Paso 3: **Selecciona el archivo ZIP del Child Theme hello Elementor que descargaste previamente y haz clic en «Instalar ahora». - **Paso 4:** Una vez que se complete la instalación, activa el tema Child Theme hello Elementor. ¡Enhorabuena! Ahora tienes el Child Theme hello Elementor instalado y listo para ser personalizado según tus necesidades. ## Personalización del Child Theme hello Elementor El Child Theme hello Elementor proporciona una estructura básica para comenzar a personalizar tu sitio web. Aquí hay algunas áreas clave que puedes explorar para personalizar tu sitio web con el Child Theme hello Elementor: - **Archivos de plantilla: **Puedes incluir en el Child Theme hello Elementor archivos de plantilla que puedes editar para modificar el diseño y la estructura de tu sitio web. Estos archivos los debes copiar y pegar de la carpeta original y mantener la misma estructura en el Child Theme. - **Estilos personalizados: **Puedes agregar tus propios estilos personalizados en el archivo «style.css» del Child Theme hello Elementor. Aquí es donde puedes modificar los colores, fuentes, tamaños de fuente y otros estilos visuales de tu sitio web. - **Funciones personalizadas:** Si eres un desarrollador o tienes conocimientos de programación, puedes agregar tus propias **funciones personalizadas** al Child Theme hello Elementor. Puedes utilizar el archivo «functions.php» para agregar código personalizado que amplíe la funcionalidad de tu sitio web. ## Actualización del tema padre y del Child Theme hello Elementor Es importante tener en cuenta que el Child Theme hello Elementor se basa en el tema Hello Elementor y en el plugin Elementor. Esto significa que debes mantener actualizados tanto el tema Hello como el plugin Elementor para asegurarte de que tu sitio web funcione sin problemas **y tenga las últimas características y mejoras de seguridad.** Cuando hay una actualización disponible para el tema Hello o para Elementor, es recomendable seguir estos pasos para asegurarte de mantener tu sitio web actualizado sin perder tus modificaciones en el Child Theme hello Elementor: - **Paso 1:** Realiza una copia de seguridad de tu sitio web - Verifica las versiones actuales del plugin Elementor y los temas, antes de actualizarlos. Esto te permitirá volver a esas versiones por si tienes algún problema después de actualizar. - **Paso 2:** Actualiza los plugins y temas que lo requieran. - **Paso 3:** Después de actualizar el tema padre y el Child Theme hello Elementor, verifica que tu sitio web siga funcionando correctamente y que todas tus modificaciones se hayan mantenido. - **Paso: 4:** Si hay algún problema, puedes hacer uso de la copia de seguridad para restablecer el sitio web y/o puedes devolverte a la última versión del plugin o tema que te estaba funcionando correctamente - Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Preguntas frecuentes ### ¿Es necesario tener conocimientos de programación para utilizar el Child Theme hello Elementor? No es necesario tener conocimientos avanzados de programación para utilizar el Child Theme hello Elementor. Sin embargo, si deseas realizar modificaciones personalizadas o agregar funciones específicas, tener conocimientos básicos de HTML, CSS y PHP puede ser beneficioso. ### ¿Puedo utilizar el Child Theme hello Elementor con otros constructores de páginas diferentes a Elementor? No, El Child Theme hello Elementor está diseñado específicamente para funcionar correctamente con el plugin Elementor. ### ¿Qué sucede si desactivo o elimino el Child Theme hello Elementor? Si desactivas el Child Theme hello Elementor, tu sitio web volverá al tema padre (Hello Elementor) y perderás todas las personalizaciones y modificaciones realizadas en el Child Theme. ## Descarga Child Theme Hello Elementor Descargar Child Theme Hello Elementor --- ## Table tr td background de Elementor URL: https://sebasweb.net/table-tr-td-background-de-elementor/ En este corto artículo te quiero compartir un pequeño código para que puedas cambiar o quitar el color que viene por defecto en la Table tr td background de Elementor. más exactamente en la etiqueta TR. En mi caso, he tenido que usarlo varias veces en el widget de «añadir al carrito»donde me sale por defecto el color gris. Lo único que tienes que hacer es copiar y pegar el código que tienes a continuación y pegarlo en los estilos personalizados CSS de tu sitio web. Lo puedes hacer en: - Los estilos globales de Elementor en Ajustes > «CSS Personalizado» - La pestaña avanzado > «CSS personalizado» del widget donde quieras cambiar el color. - En los estilos «globales» o parte de la maquetación donde estés trabajando de la página, para ello te vas a la «rueda dentada» o «piñon» y allí en la pestaña avanzado tienes la caja de «CSS personalizado». No sobra decir que cuando pegues el código debes guardar los cambios. ## Código CSS para cambiar el color en la table tr td background de Elementor /* quitar el color de fondo de las líneas de la etiqueta table y tr */ table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th { background-color : transparent; } table tbody tr:hover>td, table tbody tr:hover>th{ background-color : transparent; } Verás que al poner el código, automáticamente el color gris de fondo desaparece. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME Quitar o cambiar el color en Table tr td background de Elementor es realmente fácil, por lo que espero que este pequeño truco en CSS te haya servido, si es así, me encantaría leerlo en los comentarios de esta entrada. O si tienes alguna duda, no dudes en comentarla. --- ## Eliminar el mensaje ¡La gestión de cupones se ha movido! en Woocommerce URL: https://sebasweb.net/eliminar-el-mensaje-la-gestion-de-cupones-se-ha-movido/ WooCommerce en una de sus actualizaciones ha modificado el menú de los cupones para ponerlo en la pestaña de marketing y nos lo informa a través de un mensaje en la zona de notificaciones de WordPress con la siguiente información «¡La gestión de cupones se ha movido!»: Esta mejora puede simplificar el uso de los cupones desde ese menú y hasta ahí, todo muy bien. El problema es que el mensaje no se quita, por más que le hacemos clic en el botón «Eliminar el menú de cupones heredado» por lo que para solucionar este pequeño bug, tenemos que recurrir a nuestra base de datos. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Cómo eliminar el mensaje ¡La gestión de cupones se ha movido! en Woocommerce Para ello, lo que tenemos que hacer es ir directamente a la tabla «wc_admin_notes» (el wc es el prefijo de tabla en la base de datos, entonces, dependerá de tu instalación. Lo importantes que diga admin_notes). Una vez estes en esta tabla, busca el campo llamado «wc-admin-coupon-page-moved» y cambia el «status» de «unactioned» a «actioned» Y listo, así de fácil te quitas este mensaje de tu panel de administración, qué, aunque no afecte en nada la operativa de tu tienda, no deja de ser molesto tener que verlo constantemente. ¿Dudas? ¿Te sirvió? te leo en la caja de comentarios 👨🏻‍💻 --- ## Modular DS: Administrar varios sitios web en WordPress a la vez URL: https://sebasweb.net/modular-ds/ ## Un sitio web para Administrar varios WordPress con Modular DS * Administrar varios WordPress a la vez puede resultar abrumador para los profesionales y emprendedores que nos dedicamos al mantenimiento web o la gestión de varios proyectos simultáneamente. Mantener cada sitio web actualizado, realizar copias de seguridad periódicas, gestionar la permanencia en línea de cada proyecto u optimizar el rendimiento de cada uno de ellos puede llevar mucho tiempo y esfuerzo. En este contexto, es donde debemos apoyarnos en herramientas que nos permitan **gestionar todas las webs de WordPress desde un único lugar***, pues son de gran ayuda para ahorrar tiempo, dinero y sobre todo, nos dan la tranquilidad y certeza que todos los proyectos están funcionando correctamente. Hace un buen tiempo que conozco este tipo de plataformas, de hecho, trabaje mucho con una que se llama Manage WP de la empresa GoDaddy, hasta que conocí un emprendimiento español que me ofrecía todo lo que yo necesito para llevar a cabo el mantenimiento de mis sitios web y los de mis clientes. La herramienta de la que estoy hablando se llama Modular DS y su objetivo es permitir a las agencias o diseñadores web a centralizar todos los proyectos y tareas de mantenimiento web en WordPress y demostrar el valor del trabajo diario a los clientes, para que puedan entenderlo y estén dispuestos a pagar por él. Antes comenzar a hablar de los beneficios que tienes al usar Modular DS, debes saber que tienes una versión gratis que puedes encontrar directamente en el repositorio de WordPress o registrarte directamente en su sitio web. Con esta versión podrás acceder a algunas opciones que te pueden dar una idea del gran potencial que tiene la herramienta en su versión PRO Ver todas las ventajas de Modular DS ## Beneficios de utilizar una herramienta de gestión como Modular DS En primer lugar, Modular DS te permite ahorrar tiempo y esfuerzo al proporcionar **una interfaz centralizada** desde la cual puedes gestionar todos tus sitios web en WordPress. Esto significa que las actualizaciones, copias de seguridad, monitoreo y otras tareas pueden llevarse a cabo de manera eficiente, **sin tener que ingresar a cada sitio de forma individual.** ### Monitoreo 24 / 7 d e tus sitios web con el Uptime Monitor: No tienes que estar constantemente atento a todos tus sitios web. Con el Uptime Monitor de Modular DS, recibirás alertas al correo y a tu teléfono cuando cualquiera de los sitios que tengas configurados, hayan tenido una caída, permitiéndote tomar medidas rápidas para solucionarlo. Por experiencia propia, a veces esta funcionalidad me ha permitido darme cuenta de caídas constantes que sufren proyectos de mis clientes por no elegir un buen hosting y otros proyectos, que por alguna razón han dejado de funcionar, porque supero la cantidad de inodos en su sitio web, o por falta de capacidad de respuesta del servidor, etc. ### Integra las métricas de Google Analytics: Esta integración te permitirá poder obtener estadísticas de tus sitios web, directamente en el panel de control de Modular DS y lo mejor es que con esta integración puedes añadir fácilmente los datos de Google Analytics a los informes de tus clientes para tener una visión completa del rendimiento de su proyecto. Ten en cuenta que esto no es un análisis completo que podrías extraer directamente desde Google Analytics, no obstante, te da una información básica y precisa que le puede dar una idea resumida a tu cliente del comportamiento general del proyecto según los principales datos de Google Analytics. ### Acceso rápido a tu panel de control de WordPress: Cuando ingresas a Modular DS tienes una opción muy útil para ingresar al panel de administración de WordPress, en la que con tan solo un clic, puedes acceder de forma segura sin tener que buscar las credenciales de inicio de sesión del proyecto al que necesites editar. ### Medición de rendimiento centralizado: Esto es sin duda una de las herramientas que más me gustan en Modular DS, pues me permite controlar el rendimiento de mis sitios web. Modular DS realiza pruebas periódicas de Google Page Speed basadas en las Core Web Vitals (CWV) para evaluar la velocidad y la experiencia de usuario de tu sitio y de esta forma saber que proyecto puede ser susceptible de mejoras. ### Organizar los clientes por grupos o «equipos»: Aunque en Modular DS esta función se llama equipos, yo la veo como «grupos» 🙂 Esta funcionalidad te permite agrupar los sitios web como prefieras. Lo único que tienes que hacer es crear un «equipo» y ponerle un nombre. En mi caso yo he decidido dividir los sitios web básicamente en tres grupos: «clientes», «no clientes» y «personales». No voy a especificar que significa «clientes» o «personales» creo que la misma palabra lo dice. Con respecto a «no clientes» significa, que son aquellos proyectos en los que he tenido que intervenir y que, aunque no llevo su mantenimiento web, los monitoreo para poner en alerta a sus dueños por si en algún momento el proyecto ha tenido una caída o requieren atención por algún plugin vulnerado, etc. ¿Trabajo gratis? No. porque no intervengo el sitio web. Sólo lo veo como un «valor agregado» con quienes han depositado en mi la confianza de sus proyectos. Me ha pasado que alguno ha visto el valor de tener un respaldo para su proyecto y finalmente ha aceptado que le lleve su mantenimiento web. ### Colabora dentro de Modular DS con otros usuarios: Hasta ahora no he tenido que usar esta opción, pues soy yo quién lleva el mantenimiento de mis clientes. No obstante Modular DS te brinda la posibilidad de crear perfiles de usuarios (colegas, responsables del mantenimiento, etc.) o clientes y permitirles acceder a la plataforma con permisos especializados. En ese caso, podrías asignar permisos específicos para garantizar un acceso seguro y controlado a la plataforma. ### Copias de seguridad de tus sitios web con Modular DS Por mi parte, debo decirte que prefiero asegurarme muchas veces que tengo la garantía de recuperar el proyecto de mi cliente en caso de una perdida del proyecto por un ataque de hacking o por cualquier otro motivo, por lo que tengo un sistema de backups con el plugin de UpDraftPlus que tengo conectado con mi cuenta de pago de Google donde puedo almacenar backups sin limites de espacio o de permanencia, incluso, a algunos clientes los tengo configurados para que se guarde una copia de seguridad de su base de datos cada X minutos, pues el volumen de venta es muy alto y no quisiera perder información al respecto. Además de estos backups que hago por mi cuenta, Modular DS tiene un sistema de backups automático que puedes usar y recuperar tus proyectos en apenas unos minutos seleccionando los archivos que quieras restaurar. Esta, es una de esas ventajas del Plan PRO que te permiten tener hasta **100GB de espacio para todos tus proyectos.** ### Actualizaciones en bloque desde Modular DS Con esta funcionalidad puedes actualizar plugins, el core de WordPress, los temas o plantillas de una web o de todas a la vez y ahorrarte mucho tiempo, no obstante, mi recomendación sería que te asegures muy bien de cuáles componentes vas a actualizar simultáneamente de todos los sitios web que lo requieran, pues a veces hay plugins o «actualizaciones mayores» que podrían darte más problemas que otros. ### Reportes para clientes Creo que el equipo de Modular se ha esmerado mucho en trabajar muy bien en todo lo que ofrecen, pero sobre todo en esta funcionalidad. 👏🏻 Con este módulo (nunca mejor dicho 😁) puedes crear reportes personalizados para cada uno de los clientes que tengas configurados en la plataforma y entre las cosas que puedes hacer allí son: - Personalizar el reporte con el logo de tu cliente y el tuyo. (versión pro) - Generar el reporte en un archivo PDF que puedes enviar directamente al cliente o una url única que tu cliente podrá visualizar sin problema en cualquiera de sus dispositivos. - Elegir que temas en el informe quieres agregar, por ejemplo: dar un mensaje de bienvenida, especificar las actualizaciones que se han realizado, mostrar cuanto tiempo ha estado el sitio web en línea con pptime Monitor, especificar cuántas copias de seguridad tiene el proyecto, estadísticas de Google Analytics, el rendimiento del proyecto, etc. - Y por si fuera poco, tienes un espacio en el que puedes agregar tareas o trabajos que has realizado en el proyecto, que de pronto no tuvieran que ver con el mantenimiento web, pero que es importante que el cliente sepa. No es poco, y no he contado todo. Para mi con esta funcionalidad, ya se paga el servicio, pues es esto finalmente lo que le va a permitir a tu cliente, ver que su dinero ha sido invertido en un trabajo que de cara al front no se ve, pero que el proyecto lo requiere. ## Preguntas que te podrías hacer, relacionadas con Modular DS ### ¿Es segura la tecnología Modular DS? ModularDS emplea el protocolo Auth2 para autenticar la conexión entre tu página web y sus servidores, asegurando que las contraseñas de usuario de WordPress no se almacenen. Además, la plataforma cumple con las estrictas regulaciones de protección de datos de la Unión Europea, como el Reglamento General de Protección de Datos (GDPR). Todos sus servidores y bases de datos están alojados en la Unión Europea, lo que garantiza que no se vendan datos a terceros. En conclusión, Si, Modular es seguro para ti y los proyectos web de tus clientes. ### ¿Tengo soporte si soy un usuario de la versión gratuita de Modular DS? Si, ModularDS proporciona soporte prioritario a través de chat y correo electrónico las 24 horas del día para todos sus usuarios, ya sean gratuitos o de la versión PRO y por experiencia propia, su trato y efectividad en la solución de cualquier problema, es algo que te hace sentir muy respaldado por la plataforma. ### ¿Cuál es el límite de sitios web que se pueden conectar con Modular DS? En la cuenta gratuita de ModularDS, puedes conectar hasta 10 sitios web, mientras que **la versión Pro de ModularDS te permite conectar un número ilimitado de sitios web.** ### ¿Por cuánto tiempo se almacenan las copias de seguridad en Modular DS? Las copias de seguridad se conservan durante un período de 45 días, lo que te permite utilizar versiones de hasta un mes y medio atrás como punto de restauración. Además, las cuentas Pro de ModularDS ofrecen la opción de mantener 3 copias de seguridad maestras, asegurando que nunca se eliminen. ### ¿Cuándo se realiza el cargo por una suscripción de pago en Modular DS? Los planes de suscripción son facturados anualmente o mensualmente, según el ciclo que hayas seleccionado, comenzando desde el día en que contratas el servicio. ### ¿Es posible cancelar la suscripción de Modular DS en cualquier momento? Claro, puedes cancelar tu suscripción en cualquier momento sin complicaciones y seguirás teniendo acceso a todas las características y funciones hasta el próximo ciclo de renovación. Además, si no estás satisfecho con un plan de pago, tienes un período de 15 días desde la fecha de compra para ponerte en contacto con el equipo de ModularDS y solicitar un reembolso completo. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## En conclusión Es evidente que si sólo tienes un sitio web para administrar, podrías prescindir de una herramienta como Modular DS, pero si tienes más de un proyecto que debes controlar, esta sin duda, es una plataforma que unifica todo el trabajo «individual», en un sólo lugar y con una experiencia de usuario impecable. Como habrás podido ver, Modular DS es una herramienta que centraliza la gestión y administración de tus sitios web en un solo lugar, lo que te ahorra un tiempo considerable. Para la mayoría de los usuarios, la versión gratuita suele ser suficiente para mantener sus sitios web al día. No obstante, dependiendo de la cantidad de sitios que administres y de tus necesidades particulares, podría ser necesario considerar un plan de pago. Es importante mencionar que estos planes son bastante asequibles en comparación con otras herramientas similares en el mercado y lo mejor de todo, es que está en español y con un soporte a sus usuarios increíble. ¿Qué opinas de está herramienta? ¿Crees que me falto por decir algo? me encantará leerte en los comentarios. Ir a Modular DS --- ## Plugin para oferta de 3×2 en WooCommerce URL: https://sebasweb.net/plugin-para-oferta-de-3x2-en-woocommerce/ Si buscas una estrategia de marketing que impulse las ventas en tu tienda en línea, la oferta de 3×2 en WooCommerce es perfecta para atraer la atención de tus clientes y aumentar la compra de tus productos. A través del plugin que te voy a hablar en este artículo, podrás establecer rápidamente las condiciones de la oferta y poner en marcha esta tentadora promoción en tu sitio web. El plugin al que me refiero se llama YITH WooCommerce Dynamic Pricing and Discounts y nos permitirá la oferta de 3×2 en WooCommerce, más otro tipo de promociones filtrando por productos, categorías y/o atributos. **Algunas de las ventajas que tienes con este plugin:** - **Aplicar descuentos en toda tu tienda** o en productos de una categoría específica con solo unos clics. - **Crear promociones personalizadas** para aumentar el valor promedio de los pedidos, ya sea con descuentos por cantidad de productos o por el total en el carrito de compras. - **Configura las promociones más populares**, como 3×2, 2×1, BOGO (‘Buy One, Get One’ es la oferta por la que un usuario consigue un producto gratis por la compra de otro de igual o mayor valor.) Además de otras estrategias que podrás hacer directamente en tu tienda. - **Programar descuentos** y promociones para que comiencen y terminen automáticamente en fechas especiales como Black Friday, Cyber Monday, Halloween, Navidad, día de la madre, padre, etc - **Ofrecer regalos o descuentos** a los usuarios que compren un producto específico o que alcancen un monto total determinado en su compra. - **Brindar descuentos dinámicos** en el carrito de compra o envío gratuito a partir de una compra mínima. - **Aplicar un descuento masivo** en todo el catálogo de la tienda o en productos de una categoría en específico con pocos clics VER PLUGIN ## Configurar una oferta de 3×2 en WooCommerce En este caso, voy a configurar que por cada compra de 3 unidades, se regala 1 adicional (esta promoción es conocida como el «3×2»). Lo interesante es que puede aplicarse a cualquier cantidad de productos. El plugin YITH WooCommerce Dynamic Pricing and Discounts brinda la capacidad de crear diversas ofertas con diferentes combinaciones, como por ejemplo, «2×1», «3×2» o «4×3». Simplemente tenemos que indicar la oferta deseada y ¡listo! Además, podremos especificar si el descuento lo queremos aplicar a todos los productos, solo a algunos específicos, a determinadas categorías o etiquetas de productos, o incluso si se excluyen productos en específico. También tienes una opción de «repetir» por si quieres que el usuario tenga el mismo descuento a medida que vaya aumentando la compra, por ejemplo: si se ofrece un 50% de descuento al comprar un segundo producto, cuando el usuario compra cuatro productos, la regla se aplica dos veces y el usuario obtiene un 50% de descuento en dos de los cuatro productos comprados. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME Finalmente tienes también tienes la posibilidad de aplicar esta oferta a usuarios específicos, excluir usuarios, programar la oferta en unas fechas especificas, deshabilitar la oferta para los productos que ya tengas en oferta, y activar o desactivar la oferta cuando otro cupón ya se haya aplicado. Como podrás ver, este plugin te permite configurar muy fácilmente una oferta de 3×2 en WooCommerce, además de todas las demás opciones que tienes para implementar, múltiples tipos de reglas y estrategias de marketing para atraer la compra de tus clientes. Cuéntame que te parece este plugin y si tienes alguna duda. IR AL PLUGIN --- ## Habilitar Rank Math SEO en las plantillas de Elementor URL: https://sebasweb.net/habilitar-rank-math-seo-en-las-plantillas-de-elementor/ Si estás añadiendo contenido a las plantillas de Elementor, es posible que necesites optimizar tu plantilla para SEO con Rank Math, al igual que lo harías con una publicación o página. Por defecto, Rank Math no incluye soporte para las plantillas de Elementor, ya que no son páginas o publicaciones «reales»; por lo tanto, necesitamos activar Rank Math para las plantillas de Elementor. ## ¿Cómo habilitar Rank Math SEO en las plantillas de Elementor? En este corto artículo te mostraré como puedes habilitar Rank Math SEO en las plantillas de Elementor, es realmente muy fácil. **Sigue los siguientes pasos:** ## Agrega un filtro a tu archivo functions Para habilitar la integración de Rank Math en las plantillas de Elementor, debes añadir un filtro al archivo functions.php de tu tema. Para agregar el fragmento de código te recomiendo usar un tema hijo o «child theme». Esto se debe a que si cometes algún error al modificar el archivo, puedes alterar el funcionamiento del proyecto. Si haces los cambios en el tema principal, también te podría pasar que en el futuro requiera alguna actualización que elimine directamente todos los cambios que hayas podido hacer en el archivo functions. Puedes crear un tema hijo utilizando un plugin llamado Child Theme Configurator. Una vez lo tengas creado, vas a ir a Apariencia > editar temas > functions.php y allí vas a agregar el siguiente código: /** * Filtro para habilitar Rank Math SEO en los archives de Elementor */ add_filter( 'rank_math/excluded_post_types',function( $post_types) { $post_types['elementor_library'] = 'elementor_library'; return $post_types; }, 11 ); y posteriormente guarda los cambios. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Accede a la configuración de Títulos y Meta en Rank Math Una vez que hayas añadido el fragmento de código anterior y guardado los cambios, verás una nueva pestaña con la etiqueta «Mis Plantillas» cuando accedas a Rank Math > Títulos y Meta dentro del panel de administración de WordPress. Navega hasta la sección «Mis Plantillas». ## Habilita los controles de SEO para las plantillas de Elementor. A medida que te desplazas hacia abajo, verás la opción «Agregar controles de SEO»**. Al habilitar esta opción, se añadirá el cuadro de metadatos de SEO de Rank Math a tus plantillas de Elementor. Ahora puedes utilizar Rank Math para agregar una palabra clave principal, optimizar el contenido o aprovechar el marcado de esquema, entre otras cosas, en tus plantillas de Elementor, al igual que lo harías con cualquier publicación o página. ¡Y eso es todo! Espero que este artículo te haya ayudado a habilitar Rank Math en tus plantillas de Elementor. Si aún tienes alguna pregunta o aporte, no dudes en dejarlo en la caja de comentarios. --- ## Los cambios que hago con Elementor no se ven en línea [posibles soluciones] URL: https://sebasweb.net/los-cambios-que-hago-con-elementor-no-se-ven-en-linea-posibles-soluciones/ En este artículo, te quiero compartir una solución para un problema con el que a veces me he enfrentado: los cambios que hago con Elementor no se ven en línea. A menos que sea un problema en el core de Elementor, puede ser un problema fácil de solucionar si reviso todo lo que gira en torno a la instalación del proyecto. ## Posibles causas del problema Cuando trabajamos con Elementor, a veces puede haber razones por las cuales nuestros cambios no aparecen en línea. Aquí hay algunas causas comunes a tener en cuenta: - **Caché del navegador:** Tu navegador guarda una copia en caché de tu sitio web para acelerar la carga. Sin embargo, esto puede hacer que no veas los cambios más recientes. - **Complementos de almacenamiento en caché:** Otros complementos de almacenamiento en caché instalados en tu sitio podrían interferir con las reglas de CSS de Elementor, lo que afecta la visualización de los cambios. - **Temas conflictivos: **Algunos temas pueden sobrescribir las reglas de estilo de Elementor y por consecuencia podrían afectar la correcta visualización de los cambios realizados en tu sitio web. ## Paso a paso para solucionar el problema Ahora, te invito a seguir estos sencillos pasos para solucionar el problema y asegurarte de que tus modificaciones en Elementor se reflejen correctamente: - **Borra la caché: **Comienza borrando la memoria caché de tu navegador. Puedes hacerlo presionando las teclas «Ctrl + Mayús + Supr» (en Windows) o «Cmd + Mayús + Supr» (en Mac). Asegúrate de seleccionar la opción para borrar la caché del navegador. - **Desactiva los complementos:** Si el problema persiste, desactiva temporalmente todos los plugins, excepto Elementor y Elementor Pro. Luego, revisa tu sitio web para ver si los cambios aparecen correctamente. Si es así, esto significa que uno de los complementos desactivados está causando el conflicto. Reactiva los complementos uno por uno para identificar cuál es el responsable. - **Cambia temporalmente el tema:** Si los pasos anteriores no resuelven el problema, prueba cambiar temporalmente a un tema predeterminado de WordPress, como «Twenty Twenty-One». Verifica si tus cambios en Elementor se muestran correctamente con este tema. Si lo hacen, es posible que tu tema actual tenga alguna incompatibilidad con Elementor.**Yo suelo trabajar con el Hello Elementor y el Child Theme de Elementor y hasta ahora no he tenido ningún problema con este tema. - Eliminar la cache del servidor: **Si has seguido los pasos anteriores y todavía no ves los cambios, es posible que necesites eliminar el caché del servidor. Esto puede variar dependiendo del proveedor de alojamiento que estés utilizando. Consulta la documentación o el soporte de tu proveedor de alojamiento para obtener instrucciones específicas sobre cómo limpiar el caché del servidor.**En mi caso por ejemplo, uso Siteground para la mayoría de los sitios web de mis clientes, por lo que a veces me suele pasar que se guarda un cache automático que tengo que eliminar directamente en su panel de control. Te explico como eliminarlo aquí - Eliminar cache del CDN:** Si aún no ves los cambios, es posible que necesites borrar el caché del CDN (Content Delivery Network) que estás utilizando, como Cloudflare por ejemplo. El CDN almacena copias en caché de tu sitio web en servidores distribuidos en diferentes ubicaciones geográficas para acelerar la entrega de contenido. Para borrar la caché del CDN, accede a la configuración de tu proveedor de CDN y busca la opción para purgar o borrar la caché. En el caso de Cloudflare, puedes acceder al panel de control de Cloudflare, encontrar tu dominio y seleccionar la opción correspondiente para borrar la caché. Una vez hecho esto, verifica si tus cambios en Elementor se reflejan correctamente en tu sitio web. ¡En mi experiencia, solucionar el problema de que los cambios realizados con Elementor no se vean en línea a veces se me convierte en un desafío, porque debo descartar varias cosas antes de llegar a la solución definitiva! Sin embargo, siguiendo los pasos mencionados anteriormente, puedo superar este obstáculo y asegurarme de que las modificaciones se vean correctamente en línea Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Eliminar la cache de Siteground Para vaciar manualmente tu almacenamiento en caché dinámica de Siteground, simplemente inicia sesión, ve a tus Site Tols y sigue estos pasos: - Dirígete a la sección de Velocidad en el panel de control. - Haz clic en «Almacenamiento en caché» y selecciona «Caché dinámica». - En la pestaña de «Caché dinámica», encontrarás una lista de URLs de tu sitio web. - Para vaciar la caché de una URL específica, simplemente haz clic en el icono de «Vaciar caché» en el menú Acciones junto a la URL deseada. ### ¿Cómo limpiar Memcached? Si deseas vaciar la caché de Memcached, ten en cuenta que esta acción se aplica a todos los sitios simultáneamente. Sigue estos pasos para llevar a cabo el proceso: - Accede a la pestaña de Memcached en: Velocidad > Almacenamiento en caché > MemCached. - Para vaciar la caché de Memcached de todos los sitios a la vez, simplemente haz clic en el icono «Vaciar caché» en el menú Acciones. De esta manera, podrás limpiar la caché de Memcached y revisar que efectivamente puedas ver los cambios realizados en tu sitio web, o que lo que ves en el compositor de Elementor, también se refleje en línea. --- ## Truco para organizar los datos en columnas de un CSV en excel URL: https://sebasweb.net/truco-para-organizar-los-datos-en-columnas-de-un-csv-en-excel/ Cuando trabajamos con grandes cantidades de datos, es fundamental contar con herramientas eficientes para organizar y manipular la información de manera efectiva. En el mundo digital, los archivos CSV (Comma Separated Values) son ampliamente utilizados debido a su simplicidad y compatibilidad con diversas aplicaciones. En este artículo, exploraremos qué es un archivo CSV y cómo podemos aprovecharlo para importar y exportar productos en WooCommerce. Además, aprenderemos cómo organizar los datos en columnas correctamente en Excel, optimizando así nuestros procesos de gestión de datos. ## ¿Qué es un archivo CSV? Un archivo CSV es un tipo de archivo de texto plano que se utiliza para almacenar datos tabulares de forma sencilla y estructurada. Como su nombre lo indica, los valores de cada fila se separan por comas, lo que permite una fácil interpretación de los datos por parte de los programas informáticos. Los archivos CSV son altamente compatibles y se pueden abrir en diversas aplicaciones, incluyendo hojas de cálculo como Microsoft Excel, Google Sheets o WooCommerce para importar y exportar productos masivamente. ## Como podemos organizar los datos CSV en columnas de un Excel Más que un truco, es una funcionalidad que viene por defecto en Excel, no obstante, cuando configuramos que ordene los productos por columnas, nos suele pasar que, si algunas de las columnas tienen una coma (,) en su información, entonces también nos separa por columnas ese contenido. Primero te quiero explicar como poder organizar los textos en columnas de un archivo CSV por si aún no lo tienes muy claro. ## Paso a paso para organizar los datos en columnas de un CSV en excel de un archivo de WooCommerce. 1. Abrir el archivo CSV con excel. 2. Seleccionar la primera columna completa (A) e ir a la pestaña «Datos» y hacer clic en el ícono de «Texto en columnas» 3. En la ventana que te sale debes elegir la opción «Delimitados» 4. En el siguiente paso elegimos la opción «coma» para que se nos separe el contenido de nuestro archivo CSV por comas. 5. Finalmente, si quieres cambiar el formato de alguna columna en especial, puedes elegir una por una y seleccionar que tipo de «formato de dato» necesitas, por ejemplo, cambiar de general a texto. En este caso yo lo dejaré como viene por defecto. 6. Al darle clic en finalizar, vas a ver que tus datos quedarán «organizados por columnas». Sin embargo, la información no me quedo bien organizada porque algunos de los contenidos tenían comas, con lo cual, me separa la información en columnas que no necesito. Para arreglar esto, vamos a hacer lo siguiente (verás que es muy sencillo). Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### Truco para organizar los datos de un CSV en columnas correctamente. Como previamente ya organizamos el contenido por columnas con la configuración que hicimos. Entonces lo que vamos a hacer será: 1. Sin cerrar el excel, vamos a abrir el archivo con un bloc de notas o un editor de texto. 2. Vas a copiar copiar todo el contenido del bloc de notas. = «Ctrl + C» (copiar). 3 Vas al excel que tienes abierto y eliminas todo el contenido. 4 Te ubicas en la columna A1 y haces «Ctrl + V» (pegar) Y listo, ahora todo tu contenido se verá correctamente en la columna que le corresponde. Me encantaría leerte en los comentarios de esta entrada si este truco te ha servido tanto como a mi 🤩 --- ## ¿Por qué me cambié de Declarando a Abaq y FacturaDirecta? URL: https://sebasweb.net/me-cambie-de-declarando-a-abaq-y-facturadirecta/ Como autónomo, uno de mis principales objetivos es contar con respaldo y apoyo en aquellas áreas que no domino, pero que son esenciales para garantizar que mi negocio esté cubierto en todos los aspectos. Precisamente por esta razón decidí cambiar de Declarando a Abaq y FacturaDirecta. A continuación, te comparto mis motivos. Para mí, todo lo relacionado con Hacienda, declaraciones y presentación de impuestos es un tema en el que no aspiro a ser experto. Sin embargo, considero fundamental contar con profesionales que me asesoren y aseguren que todo esté en orden, evitando así sanciones o posibles malentendidos legales. Por eso, he querido buscar una plataforma en la que yo pueda tener cierta autonomía, pero a su vez, poder resolver cualquier duda sin problema, sin mucho tiempo de espera y sobre todo sin problemas técnicos que afecten a mis clientes o el desarrollo de mi negocio y que por supuesto, me ayude a optimizar el tiempo, no a perderlo buscando solución a problemas que corresponden a la plataforma. Teniendo en cuenta la premisa de poder ahorrar tiempo, tener un buen respaldo, etc., me encontré con Declarando, una plataforma que prometía todo lo que yo quería, e incluso, que incluiría inteligencia artificial en mi perfil, de cara a proyectar mejor financieramente mi negocio. **Nada más alejado de lo que yo esperaba.** Tuve suficientes problemas, tantos, como para** tomar la decisión de irme de la plataforma**, aunque supiera que esto tuviera como consecuencia «volver a comenzar» en otra parte o con alguien más, migrando todo el contenido, clientes, facturas, gastos, presentación de impuestos, etc., pero todo esto pesaba menos que el hecho de no poder estar tranquilo con mi facturación o con la sensación de estar en un lugar que por el precio, no ofrecía todo lo que esperaba, ni con la inteligencia artificial ayudándole a mi negocio, ni con los tiempos de respuestas que prometen en el soporte, y mucho peor aún, con todos los problemas mensuales en la facturación recurrente que tengo de algunos clientes de mantenimiento técnico de sus sitios web. ## ¿Cómo llegue a Abaq y FacturaDirecta? Con la idea de encontrar una solución, ya fuera un gestor, gestoría, otra plataforma, etc., di con Abaq y FacturaDirecta, gracias a un amigo que casualmente la recomendó a través de su newsletter y que posteriormente al contarle mis problemas, me contó la forma en la que llevaba su contabilidad y las ventajas de estar en ambos servicios. Después de esa conversación y ver los beneficios en los sitios web de ambas plataformas, me registré en Abaq para comenzar mi proceso y desde el primer momento ya sentí la diferencia en la atención y la facilidad para configurar todo. Algunas diferencias que he encontrado en el proceso del cambio y que me han llamado mucho la atención y valoro mucho son: CaracterísticasEn DeclarandoAbaq + FacturaDirecta**Exportar el contenido**En el excel que exportas de las facturas no tienes el detalle de la venta. Si tienes 300 facturas y necesitas esa información, te toca ponerla manualmente en el excel.Te exporta toda la información completa de las facturas, clientes, gastos, etc.**Facturas recurrentes**No tienes una interfaz para controlar que clientes tienen facturas recurrentes. Una vez configurado, si no sabes hasta que fecha lo pusiste, ya no tienes forma de saberlo y tampoco de editarlo. En varias ocaciones les llego a mis clientes más de una factura que posteriormente tenía que hacerles la rectificación manualmente.Tienes una completa área para controlar todo lo relacionado con los clientes recurrentes donde puedes llevar el control de facturación por cliente y editar la recurrencia e información que sea necesaria.**Configuración de envíos de correo**Sólo es posible configurar una cuenta de correo de cliente, por lo que no puedes enviar una copia de la factura automáticamente desde la plataforma. Toca descargarla y enviarla manualmente a través del correo. (esto aplica también con las facturas recurrentes).**No puedes configurar el texto que le llegará al correo del cliente.Este correo llega a nombre de declarando.Puedes configurar la cantidad de correos en copia que necesites para enviar la factura a tu cliente, incluso, puedes configurar una copia oculta en la que te puedes poner otro correo propio para asegurarte de la recepción de los correos. Puedes editar el texto que le llegará al correo con las facturas.Este correo llega a tu nombre.Configuración de las facturas**El prefijo de la factura se pone automáticamente y no se puede configurar desde donde comienza la numeración. Por lo que si ya tienes un consecutivo no te servirá la opción de facturación automática y tendrás que crear cada factura manualmente.Se pueden configurar diferentes plantillas de factura, con logos, colores, prefijo del nombre de la factura, desde donde comienza la numeración (esto es una maravilla si ya tienes una contabilidad creada).**Importar Contenido**No puedes importar el contenido masivamente, toca crear uno por uno los clientes, las facturas, o los gastos. (Es muchísimo tiempo si ya tienes una facturación de tus clientes).Te permite descargar un archivo de muestra para llenar un excel con toda la información de tus clientes y hacer una única carga con toda la información de tus clientes, facturas, gastos, etc.**Tiempo de respuesta del soporte**Han pasado más de 8 horas sin responder, incluso hasta la tarde del otro día. **No responden los correos de «hola» ni «soporte».El teléfono tiene un mensaje automático que te deriva al chat (que no responden a tiempo).No han pasado más de dos horas en responder en el chat (por lo menos en lo que llevo hasta ahora).App**No tienen App.Todo lo controlas desde la App de ambas plataformas, es muy fácil y muy clara toda la información.**Integración otras plataformas**No tienen.Puedes integrar ambas Apps con Google Drive para poder cargar todos los gastos y posteriormente ellos se encargan de cargarlos directamente en la presentación de impuestos. **Las facturas también te van quedando guardadas en la carpeta que hayas sincronizado.Yo sólo subi los gastos a Drive y automáticamente todos estaban registrados en la plataforma. ¡Una maravilla!Precio aprox**Yo pague por un año 542,64 en el plan plus que ahora no existe. **En este momento el precio en su sitio web es de 70 euros mensuales el más económico y para que te atiendan en menos de 30 minutos por el chat, puedes pagar el de 250€ mensuales.420.28 al año **(IVA Incluido) Estas son sólo algunas de las cosas que he visto que me han gustado mucho y que valoro por el tiempo y la facilidad con la que puedo manejar todo lo relacionado con Hacienda. ## Lo bueno se recomienda. Recibe un mes gratis en Abaq. Como mi amigo me la sugirió y yo accedí gracias a su recomendación, a él y a mi nos han regalado un mes en la plataforma. Cómo ahora soy yo el que está feliz con el cambio, también te la recomiendo y si ingresas el siguiente código, también nos regalan a ambos un mes en la plataforma. (aparte del mes que la plataforma te regala, es decir, que tienes dos meses gratis) **Ingresa el código SEBASWEB en Abaq en el momento de la CONFIGURACIÓN DEL PAGO**. (NO del registro) ### Copia el código desde el ícono: SEBASWEB ## ¿Cuál es la diferencia entre Abaq y FacturaDirecta? Abaq es un servicio de gestoría que se encargará de presentar los impuestos, además tiene una serie de herramientas contables que facilitarán la gestión de la contabilidad del negocio. FacturaDirecta es la plataforma que facilita la facturación del negocio. En ella es posible crear las facturas, presupuestos, albaranes, facturas recurrentes, gestión de clientes, etc. Ambas funcionan independientes, pero si accedes a Abaq, tienes una versión gratuita «limitada» de FacturaDirecta. Por mi parte, por ahora es suficiente con la versión gratuita que tengo de FacturaDirecta. Cada una tiene su propia App, por lo que la carga de contenidos o gestión en cada una de ellas, lo puedo hacer desde el móvil. ### Prueba FacturaDirecta Si quieres probar FacturaDirecta aparte, también lo puedes hacer y podrás tener también acceso a un mes gratis (aparte del mes que la plataforma te regala, es decir, que tienes dos meses gratis). **Ingresa el código SEBASWEB en FacturaDirecta en el momento de la CONFIGURACIÓN DEL PAGO. (NO del registro)** ### Copia el código desde el ícono: SEBASWEB Espero que esta recomendación te sirva tanto como a mi el cambio. La tranquilidad tiene un precio, y en este caso, es mucho más económico que lo que ofrecen en otra parte. Me encantaría saber si tienes opiniones sobre Declarando o Abaq y Factura Directa. Te leo en los comentarios 🙂 --- ## Popup de Elementor no cierra en la versión mobile URL: https://sebasweb.net/popup-de-elementor-no-cierra-en-la-version-mobile/ Si llegaste a esta entrada es porque seguramente tienes problemas porque tu popup de Elementor no cierra en la versión tablet y mobile. Al parecer este bug existe hace mucho tiempo y aún no ha sido solucionado *(por lo menos hasta este momento que estoy escribiendo esto*). Una de las opciones que tenemos en los popup de Elementor PRO, es poder crear animaciones de entrada y de salida. Hay animaciones muy interesantes que podemos usar y que veremos que funcionan muy bien para darle una experiencia al usuario más dinámica del contenido que estamos publicando. El problema radica precisamente en que estas animaciones no funcionan correctamente en la versión responsive y genera un bug que no permite cerrar bien el popup. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Popup de Elementor no cierra, ¿cómo solucionarlo? Para solucionar este problema, simplemente elimina todas las animaciones de entrada y de salida que hayas creado en las versiones responsive (table, mobile y si tienes alguna más de las personalizadas que permite crear Elementor PRO.** Ten en cuenta que la animación que hayas creado para la versión escritorio se aplicará en el resto de versiones. ¿Qué pasaría si quisieras una animación diferente en el escritorio y otra en el móvil? A menos que crees dos popups diferentes, no podrás cambiar la animación por dispositivo móvil hasta que arreglen este error. ¿Te sirvió esta entrada? Te leo en la caja de comentarios 🚀 --- ## Listing grid con Query Builder – JetEngine URL: https://sebasweb.net/listing-grid-con-query-builder-jetengine/ En este artículo vamos a aprender a crear una consulta personalizada con el «Query Builder» de JetEngine **Objetivo:** ver un listado de post y cada uno de ellos con su imagen destacada, titulo, frase personalizada y **sus categorías (cada una con su respectivo color).** **Resumen de lo que vamos a hacer::** - Crear una metabox con el campo dinámico «color» asociado a la taxonomía categorías del CPT entradas. - Crear categorías y asignaremos un color a cada una con el colorpicker del campo dinámico. - Crear un listing grid asociado a las taxonomías para poder ver el color asignado. - Crear un tipo de consulta personalizado con «Query Builder» - Crear un listing grid de post y en él, vamos a poner el listing grid de categorías para poder visualizar a que categorías corresponde cada post y poder ver sus respectivos colores. - Finalmente vamos crear un listing grid asociado a post para mostrar el listing grid tipo post que hemos creado en la página home Para poder hacer este tutorial debes estar usando JetEngine de Crocoblock. Ver plugin ## ¿Qué es Query Builder en Jet Engine? Query Builder es una herramienta que nos ayuda a crear listas de elementos, seleccionados de la matriz general de nuestro proyecto de acuerdo a algunas condiciones. Nos permite consultar publicaciones, taxonomías, usuarios, comentarios, información de la base de datos de la tablas SQL, elementos recibidos a través de la funcionalidad REST API y elementos de tipo de contenido personalizado. Su funcionamiento se basa en establecer unas condiciones de consulta para la posterior creación de un listing personalizado que posteriormente se podrá mostrar en cualquier parte del sitio web a través de un listing grid. ## Paso a paso de la creación de una consulta personalizada con Query Builder En este paso a paso te enseñaré a crear una consulta personalizada aplicada a un listing grid tipo taxonomía para mostrar las categorías con colores dinámicos (suena un poco raro, pero vas a ver que es fácil). ### Creación de campos dinámicos con «Metaboxes» Vamos a crear los campos dinámicos asociados a la taxonomía del CTP entradas (esto es para el ejemplo, pero recuerda que puedes elegir el CPT que quieras) Para ello, vamos a la pestaña de metaboxes en JetEngine y hacemos clic en «Add New» * Y procedemos con la configuración: En la pestaña General Settings vamos a poner un nombre para reconocer nuestros campos dinámicos - Meta Box Title: Nombre dinámicos para las categorías - Meta Box for: elegimos Taxonomy En la pestaña Visibility Conditions vamos a especificar en donde dice «Enable por taxonomies» la taxonomía «categorías» que corresponde al CPT «entradas» del sitio web. Una vez hemos especificado donde queremos ver esta caja de campos dinámicos, vamos a crear el campo que queremos agregar y para ello entonces vamos a ir a la pestaña «Meta fields» y configuramos los siguientes campos: - En la etiqueta Label: el nombre que prefieras para reconocer tu campo dinámico (en mi caso lo voy a llamar «Color fondo Categoría». - Name/ID: se pondrá automáticamente al poner el nombre. Lo puedes editar si quieres, pero ten en cuenta que no puedes poner tildes, caracteres especiales o dejar espacios. - Fyeld Type: En este caso vamos a elegir Colorpicker para poder seleccionar el color que queremos que corresponda a cada una de las categorías. Finalmente termina haciendo clic en el botón azul «Add Meta box» Este paso fue muy fácil. En resumen, simplemente creamos una caja de campos dinámicos con un único campo de color para asignarle colores a las categorías. ### Configurar el color de las categorías A continuación vamos a la pestaña categorías de nuestras entradas y allí creamos las categorías que vamos a usar en nuestro blog. En mi caso he creado 3 categorías y ahora a cada una le puedo asignar su correspondiente color - Digital: azul - Marketing: magenta - Inteligencia artificial: verde Este paso fue realmente sencillo ### Creación de listing grid asociado a taxonomías Ahora vamos a crear el diseño nuestro listing grid asociado a las taxonomías para poder darle a cada categoría el color que ya hemos elegido previamente. Para ello, vamos a la pestaña de JetEngine, elegimos la opción «Listings» y hacemos clic en «Add New» Una vez le demos clic, vamos a ver que se nos abre una ventana con algunas opciones que debemos configurar para configurar nuestro listing de taxonomías: - Listing source: aquí vamos a elegir la opción «terms» que nos permite consultar nuestras taxonomías - From taxonomy: vamos a elegir «categorías» de nuestro CPT entradas - Listing item name: aquí te sugiero darle un nombre que te permita reconocer facilmente a que diseño se refiere ese listing que estás creando. En mi caso lo he llamado «Listing categorías (color)» - Finalmente en listing view lo puedes dejar como está y termina haciendo clic en «Create listing item» Una vez entremos en nuestra interfaz de Elementor vamos a buscar el widget «Dynamic terms» que nos va a permitir filtrar las categorías creadas. Con el widget seleccionado, vamos a configurarlo para poder visualizar las categorías que corresponden: En la pestaña «Content» - From taxonomy: vamos a elegir «Categorías» - Show All items: yo desactivo esta opción para mostrar sólo una categoría. - Link terms: yo dejo esta opción activa para permitirle al usuario hacer clic y ver los artículos que corresponden a la categoría en su respectivo archive. Ahora puedes ver como automáticamente te va a mostrar una de las categorías que hayas creado. Ahora vamos configurar el color de fondo de nuestra categoría y para ello vamos a buscar la etiqueta dinámica que previamente habiamos creado. Nos vamos a la pestaña «Estilo» y en la opción «Labels» vamos a hacer clic en donde dice «tipo de fondo» para activar el color y en la opción donde podemos cambiar el color, buscamos el icono de etiquetas dinámicas, hacemos clic en él y elegimos la opción «custom field». Una vez elegido, vas a ver que se activa un ícono de llave inglesa al lado izquierdo de la palabra «Custom field». haz clic en el y en el campo «field» elige la etiqueta dinámica que previamente creamos con el nombre «Color fondo categoría» Al darle clic verás que automáticamente el fondo de tu categoría tendrá el color que previamente elegimos cuando creamos las categorías. Ahora, lo único que falta es darle un poquito de estilo al widget. En mi caso he hecho las siguientes configuraciones: - Padding: 2px por arriba y por debajo y 20px por los lados - Radio del borde de las esquinas: 100px por todos lados - Color del texto: blanco #ffffff Y listo, con esto tenemos nuestro primer listing grid asociado a las categorías, vamos muy bien 👏🏻 ### Creamos nuestra propia consulta con Query builder Es posible que este sea el paso más importante de este artículo, pues es aquí donde tenemos que crear la query personalizada que nos va a permitir mostrar las taxonomías que corresponden al post. Para ello vamos a nuestro plugin de «jetEngine» en la pestaña «Query Builder» y hacemos clic en el botón «Add New» A continuación vamos a configurar el nombre y el tipo de Query que necesitamos En general settings vamos a poner lo siguiente: - Name: ponle un nombre para reconocer nuestra propia consulta, que también nos va a servir para elegirla luego en el listing grid, en mi caso la he llamado «Consulta categorías entradas» - Description: Aquí puedes poner una descripción para saber donde lo estas poniendo y demás (no es necesario para que funcione).* - Query Type: aquí vas a elegir desde donde vas a «hacer la consulta del contenido» por lo que en este caso vamos a elegir «Terms» Query» que corresponde a las taxonomías. * Una vez hemos elegido la opción de Terms Query, vamos a ver que nos cambia la siguiente pestaña de opciones y allí tendremos que configurar lo siguiente En Terms Query vamos a la pestaña general: - Taxonomy: Aquí vamos a elegir «Categorías» (recuerda que están pertenecen al CPT entradas) - El resto de las opciones no son «necesarias» para que funcione correctamente la query personalizada* Ahora vamos a la pestaña «Include/Exclude y en donde dice «Include» vamos a especificar la opción «Current terms» A continuación donde dice «Taxonomy» vas a elegir la opción «Categorías» y terminas haciendo clic en «Apply» y posteriormente en «Add Query» Listo, hemos creado satisfactoriamente nuestra «consulta personaliza» con Query builder, ahora nos falta menos 💪🏼 Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### Creación de Listing grid asociado a los post Ahora necesitamos crear un listing grid que nos permita hacer el diseño de cómo queremos que se vea uno de los post en el listado de nuestro blog. Para ello, volvemos al menú de nuestra interfaz de WordPress, en la pestaña JetEngine > listings hacemos clic en el botón «Add new» y configuramos lo siguiente: - Listing Source: Posts - From post type: Entradas - Listing item name: Ponle el nombre que puedas reconocer con facilidad Una vez hacemos en el botón «Create listing item» vamos a tener la posibilidad de diseñar como se va a ver un sólo post de nuestro listado. En mi caso, voy a poner la imagen destacada, el titulo, una pequeña reseña generada automáticamente con el widget de «Dynamic fields» Ahora sólo nos falta «mezclar» lo que hemos hecho previamente en un sólo widget. 👇🏼 ### Listing grid de taxonomia con query builder personalizada. Ahora sólo necesitamos incluir nuestro widget de listing grid de taxonomía, dentro del listing que estamos creando. Puedes ponerlo donde quieras, es la ventaja de crear diseños personalizados. Yo lo pondré encima del titulo. Ahora vamos a configurar algunas cosas para su correcta visualización en la pestaña general: - Listing: vamos a buscar el listing grid asociado a taxonomías, en mi caso lo he llamado «Listing categorías (color)» - Columns number: vamos a poner 1 - Post Number: lo he dejado por defecto, en este caso 6, por si un post tuviera más de una categoría. Ahora vamos a la pestaña «custom query» activamos la opción «use custom query» y en el selector «Custom «Query» elegimos la consulta personalizada que previamente creamos. En mi caso yo la he llamado «Consulta categorías entradas» y ¡listo! deberíamos ver el listado de las categorías que corresponden al post de muestra. ### Listado de entradas de post Finalmente, vamos a crear nuestro listado de post en donde lo necesitemos. Las opciones donde se suele crear es en el home para un pequeño listado de post y por supuesto en la página de blog, donde vamos a listar todos nuestros artículos, pero es obvio que lo puedes poner donde quieras. Basta con poner nuestro listing grid y elegir el listing tipo post para que muestre el diseño que acabamos de realizar y queden cargados todos los post, con sus respectivas categorías. JetEngine es posiblemente el plugin más completo que conozco** para crear mis sitios web, pues me permite hacer cualquier tipo de diseño y hacer cualquier tipo diseño y de consulta. --- ## Crear listas de espera para productos agotados en WooCommerce URL: https://sebasweb.net/crear-listas-de-espera-para-productos-agotados-en-woocommerce/ ## ¿Por qué es importante tener una lista de espera para productos agotados? En el mundo del comercio electrónico, es crucial mantener una buena gestión de inventario para evitar perder ventas y mantener la satisfacción de los clientes. Sin embargo, a veces puede ocurrir que un producto se agote de forma repentina, dejando a los clientes descontentos y desanimados. Es aquí donde entra en juego la lista de espera para productos agotados, una herramienta que puede ayudar a mantener el interés de los clientes y darles la oportunidad de obtener el producto que desean en el futuro. ## ¿Cómo funciona una lista de espera? La lista de espera para productos agotados funciona de forma muy sencilla: cuando un producto se agota, se ofrece la opción de dejar el correo electrónico para recibir una notificación cuando vuelva a estar disponible. De esta manera, se puede mantener el interés del cliente en el producto y aumentar las posibilidades de venta cuando se reponga el inventario. Además, la lista de espera también proporciona información valiosa sobre los productos más populares y los clientes más interesados en ellos. ## ¿Cuáles son las ventajas de utilizar una lista de espera? La lista de espera para productos agotados puede tener varias ventajas, como ya he mencionado no obstante, también se puede destacar que: - Ayuda a medir el interés de los clientes en productos específicos y planificar el inventario en consecuencia. - Proporciona una forma efectiva de comunicarse con los clientes interesados ​​cuando el producto vuelva a estar disponible, lo que puede aumentar las posibilidades de venta. - Si un producto se agota permanentemente, se pueden usar los correos electrónicos recopilados para enviar información sobre productos similares o futuras promociones. ## ¿Qué plugins se pueden utilizar para implementar una lista de espera? Existen varias opciones de plugins para implementar una lista de espera en tu tienda online. Algunas de las opciones más populares son: - WooCommerce Product Stock Alert: una opción gratuita que ofrece las funcionalidades básicas de una lista de espera. - YITH WooCommerce Waiting List: una opción de pago que ofrece una amplia variedad de funcionalidades, incluyendo la opción de avisar solo a un número limitado de clientes y la compatibilidad con productos variables. VER PLUGIN **Algunas de las cosas que puedes hacer con el plugin YITH WooCommerce Waiting List son:** - Notificar automáticamente a los usuarios suscritos cuando los productos estén disponibles nuevamente para su compra. - Recuperar ventas ofreciendo a tus usuarios productos similares a los que les interesan - Planificar un pre-lanzamiento para ciertos productos creando una lista de correo de usuarios interesados antes de ponerlos a la venta. - Generar expectativa y aumentar el interés de los clientes en tu tienda en línea. - Administración avanzada de las listas de espera en una pestaña separada: editar, eliminar y enviar correos electrónicos a algunos o todos los usuarios. - Sección «Mi lista de espera» en la página de «Mi cuenta» de usuarios registrados, que muestra todas las listas de espera a las que se han suscrito y permite darse de baja. - Opciones para cumplir con la GDPR, incluyendo un segundo paso de verificación, consentimiento de datos y la posibilidad de desuscribirse de la lista. - Compatible con WPML. ### Elige en qué productos quieres activar la opción de lista de espera Tienes la flexibilidad de decidir cómo activar la lista de espera en tus productos sin stock en tu tienda en línea. Puedes habilitar esta función para todos los productos automáticamente, o puedes personalizar la configuración usando la lista de exclusión para seleccionar en qué productos deseas habilitar o deshabilitar la opción de lista de espera. De esta manera, tienes el control total sobre cómo se gestiona la lista de espera en tu tienda. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### Personaliza el texto y el formulario que se mostrará en las páginas de productos En las páginas de productos, tienes la opción de mostrar una notificación personalizada para informar a tus usuarios sobre la disponibilidad del producto. Esta sección es ideal para ofrecer incentivos como descuentos o bonificaciones, que pueden motivar al usuario a suscribirse a la lista de espera. ### Crea una lista de correo electrónico para optimizar tus estrategias de marketing y mantener a tus clientes informados acerca de tus nuevos productos, servicios o promociones. La opción de lista de espera puede ser muy útil para crear una base de datos de correos electrónicos de usuarios interesados en tus productos. Con esta lista, podrás planificar futuras estrategias de marketing y promocionar productos específicos a un público altamente segmentado. ### Personaliza el correo electrónico «disponible nuevamente» que se enviará a los clientes Adapta el correo electrónico de notificación de disponibilidad de productos a la imagen y voz de tu marca con la opción de personalización que ofrece el plugin. Puedes modificar el texto, el diseño y las imágenes del correo para asegurarte de que se ajuste a la estética y tono de tu tienda en línea. Así, puedes reforzar la identidad visual de tu marca y mejorar la experiencia de tus clientes al comunicarte con ellos. --- ## Actualizar automáticamente el carrito en WooCommerce URL: https://sebasweb.net/actualizar-automaticamente-el-carrito-en-woocommerce/ ## Cómo actualizar automáticamente el carrito al cambiar cantidades en WooCommerce WooCommerce es uno de los plugins de comercio electrónico más populares para WordPress, utilizado por miles de tiendas en línea en todo el mundo. Aunque WooCommerce tiene muchas características útiles, a veces es necesario agregar funcionalidades adicionales para mejorar la experiencia de compra del usuario. Una de las características que puedes agregar a tu tienda en línea es la capacidad de actualizar el carrito automáticamente cuando un cliente cambia la cantidad de un producto. Esta característica puede ahorrarle tiempo al cliente y mejorar su experiencia de compra en general. Si deseas agregar esta funcionalidad a tu tienda en línea WooCommerce, sigue leyendo para obtener más información sobre cómo hacerlo. ## ¿Por qué actualizar automáticamente el carrito en WooCommerce? Cuando un cliente compra varios productos en línea, es posible que desee cambiar la cantidad de uno o más de ellos. En lugar de hacer clic en el botón de actualización del carrito cada vez que cambia la cantidad de un producto, ¿no sería más fácil que el carrito se actualizará automáticamente? Al agregar la funcionalidad para actualizar automáticamente el carrito al cambiar las cantidades de los productos en WooCommerce, mejorarás la experiencia del usuario y reducirás el tiempo que los clientes pasan actualizando manualmente su carrito de compras. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Cómo agregar la funcionalidad para actualizar el carrito automáticamente en WooCommerce Agregar la funcionalidad para actualizar automáticamente el carrito al cambiar las cantidades de los productos en WooCommerce es un proceso simple y directo. Solo necesitas seguir estos pasos: ### Accede al archivo functions.php de tu tema Lo primero que necesitas hacer es acceder al archivo functions.php de tu tema. Puedes hacerlo desde el panel de administración de WordPress, seleccionando Apariencia > Editor y luego seleccionando el archivo functions.php. de tu tema hijo o child theme ### Agrega el código Una vez que estés en el archivo functions.php, debes agregar el siguiente código: /* Actualizar importes de carrito al cambiar cantidades */ add_action( 'woocommerce_after_cart', 'actualizar_importe_carrito' ); function actualizar_importe_carrito() { ?> <script> jQuery('div.woocommerce').on('change', '.qty', function(){ jQuery("").prop("disabled", false); jQuery("").trigger("click"); }); </script> <?php } En detalle, este código utiliza una función de acción de WordPress add_action para agregar un script de JavaScript en la página de carrito después de la sección del carrito en el HTML generado. La acción utilizada es woocommerce_after_cart, que se activa después de la sección de carrito. Luego, la función personalizada actualizar_importe_carrito se define para imprimir un fragmento de código JavaScript que usa jQuery para detectar cuando el valor de cantidad (.qty) cambia en el carrito, desactivar el botón de «Actualizar carrito» y, a continuación, activar el clic del botón «Actualizar carrito» para actualizar automáticamente el importe total del carrito. ### Guarda los cambios Una vez que hayas agregado el código anterior al archivo functions.php de tu tema, guarda los cambios y actualiza tu sitio web. ### Comprueba que la funcionalidad se ha agregado correctamente Una vez que hayas actualizado tu sitio web, dirígete a la página del carrito y cambia la cantidad de un producto. Si todo ha sido configurado correctamente, deberías ver que el total del carrito se ha actualizado automáticamente sin necesidad de hacer clic en el botón de actualización. --- ## Cambiar el texto de IBAN en Woocommerce URL: https://sebasweb.net/cambiar-el-texto-de-iban-en-woocommerce/ Si has utilizado Woocommerce para aceptar pagos mediante transferencia bancaria, es posible que hayas notado que la sección de información bancaria incluye el texto «IBAN». Sin embargo, algunos países no utilizan el sistema de IBAN, lo que puede ser confuso para los clientes que deseen realizar una transferencia bancaria. En este artículo, te explicaré cómo cambiar el texto de IBAN en Woocommerce para adaptarlo a tus necesidades. ## La función de filtrado de texto de Woocommerce Para cambiar el texto de «IBAN» en Woocommerce, utilizaremos una función de filtrado de texto que viene incluida en Woocommerce. Esta función nos permitirá reemplazar el texto de «IBAN» con cualquier otro texto que deseemos. La función de filtrado de texto se llama gettext, y se utiliza para modificar las cadenas de texto que se muestran en un sitio web. En Woocommerce, podemos utilizar esta función para cambiar cualquier cadena de texto que esté definida en el dominio de Woocommerce. ## Como cambiar el texto de IBAN en Woocommerce Aquí te muestro cómo puedes cambiar el texto de «IBAN» en Woocommerce utilizando la función de filtrado de texto: function cambiar_texto_transferencia_bancaria($translation, $text, $domain) { if ($domain == 'woocommerce') { switch ($text) { case 'IBAN': $translation = 'C.C.'; break; } } return $translation; } add_filter('gettext', 'cambiar_texto_transferencia_bancaria', 10, 3); Para utilizar esta función, simplemente copia y pega el código en el archivo functions.php de tu tema de WordPress. El nuevo texto que deseas utilizar en lugar de «IBAN» se define en el caso case del switch statement. En el ejemplo anterior, he cambiado «IBAN» por «C.C.». Una vez que hayas agregado la función a tu archivo functions.php, el texto de «IBAN» se cambiará automáticamente por el nuevo texto que hayas definido en la función. ## Por qué es importante cambiar el texto de «IBAN» El texto de «IBAN» es un término comúnmente utilizado en Europa y otros países para identificar el número de cuenta bancaria internacional. Sin embargo, no todos los países utilizan el sistema de IBAN, y es posible que los clientes se confundan si ven este término en lugar del que están acostumbrados a utilizar. Al cambiar el texto de «IBAN» a algo más relevante para tu país, podrás ofrecer una experiencia de pago más fluida y fácil de entender para tus clientes. Además, esto ayudará a evitar cualquier confusión que pueda retrasar el procesamiento de los pagos. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Cómo cambiar la palabra otra palabra como «Código de clasificación» Para cambiar la palabra «Código de clasificación» en Woocommerce, podemos utilizar la misma función de filtrado de texto. Aquí te muestro cómo puedes hacerlo: function cambiar_texto_transferencia_bancaria($translation, $text, $domain) { if ($domain == 'woocommerce') { switch ($text) { case 'IBAN': $translation = 'C.C.'; break; case 'Código de clasificación': $translation = 'Cambia este texto'; break; } } return $translation; } add_filter('gettext', 'cambiar_texto_transferencia_bancaria', 10, 3); En este ejemplo, he cambiado «Código de clasificación» por «Cambia este texto». Al igual que con el ejemplo anterior, simplemente copia y pega este código en el archivo functions.php de tu tema de WordPress, y el nuevo texto que hayas definido se mostrará automáticamente en lugar de «Código de clasificación». --- ## Sincronizar WooCommerce y Google Sheets URL: https://sebasweb.net/sincronizar-woocommerce-y-google-sheets/ En este artículo te enseño a **gestionar el stock de tu tienda online con WooCommerce desde una única hoja de calculo en Google** y de una forma muy fácil con el plugin «stock sync with google sheet for woocommerce«. Una de las principales ventajas de Sincronizar WooCommerce y Google Sheets, será ver el stock completo de tus productos en la hoja de calculo y hacer cambios en ella que se reflejen directamente en el producto de tu WooCommerce, con lo cual, si se hace una compra a través del sitio web, se actualizará automáticamente el excel, pero si cambias manualmente el stock desde la hoja de calculo, también se reflejará el cambio en el producto en la tienda. ¡Una maravilla! (Mi cliente se ocupa del excel, yo me ocupo del WordPress) **Esta integración te permite actualizar fácilmente la información de tus productos, controlar el stock y realizar un seguimiento de tus ventas y finanzas**. A continuación verás de una forma muy gráfica el paso a paso para vincular ambas plataformas. Esta integración puede ayudarte a optimizar la gestión de tu tienda en línea. VER EL PLUGIN ## **Cómo sincronizar WooCommerce y Google Sheets: una guía paso a paso En este artículo aprenderás a instalar y configurar el plugin stock sync with Google sheet for WooCommerce. A continuación te comparto un pequeño resumen de lo que haremos: - Instalación y activación del Plugin en tu sitio web - Paso 1: Crear las credenciales en «Google Cloud Platform» - Paso 2: Crear una hoja de cálculo de Google. - Paso 4: Configurar el script de la App - Paso 5: Habilitar trigger o «disparador» del script ### Instalación y activación del Plugin en tu sitio web Antes de comenzar con el paso a paso del plugin, obviamente tendremos que instalarlo y para ello, debes ir a la sección de plugins de tu sitio web y hacer clic en el botón «Agregar Nuevo». En la caja de búsqueda escribe «stock sync with Google sheet for WooCommerce» cuando lo encuentres, haz clic en «Instalar» y «Activar». Una vez activo el plugin vas a ver que tienes la posibilidad de hacer la configuración guiada, para ello pulsa el botón azul «Star Setup». Al darle clic vas a ver que tenemos 5 pasos que te explicaré a continuación. ### Paso 1: Crear las credenciales en «Google Cloud Platform» Haz clic en «Google Cloud Platforms» para acceder a tu cuenta de gmail con la que quieres sincronizar tu tienda online. ⚠️ la cuenta que elijas será la única cuenta con la que tendrás el control de tu hola de calculo en Google, por lo que ten presente al momento de hacer la sincronización que efectivamente estás conectado con la que quieres o necesitas. Si aún no tienes un proyecto configurado en «Google Cloud Platform» deberás aceptar las condiciones del servicio y las actualizaciones por correo electrónico. Una vez los hayas aceptado, haz clic en «Aceptar y continuar». Si ya tienes un proyecto creado, no es necesario que crees uno nuevo. En caso de que no lo tengas haz clic en «Crear Proyecto» para establecer un nombre de proyecto antes de hacer clic en «Crear proyecto». Ponle el nombre que quieras (por lo general yo lo llamo «Sitio web (nombre del cliente)» y haz clic en «Crear» Una vez creado el proyecto, vas a ver que tienes la posibilidad de «Crear las credenciales» para ello haz clic en el botón «Crear credenciales» y posteriormente selecciona «Cuenta de servicio» Se te abrirá una ventana donde debes especificar los «detalles de la cuenta de servicio». Aquí puedes poner un título para reconocer las credenciales que estás creando, puede ser por ejemplo «WooCommerce – Google» (verás que el ID se crea automáticamente con el nombre que hayas puesto en el nombre de la cuenta de servicio. Una vez lo hayas definido haz clic en «Listo» Verás que ya tienes creado el servicio, ahora haz clic en el enlace que se te ha generado En la ventana que se te abre, ve a la pestaña «Claves» y haz clic en «Agregar clave» y selecciona «Crear clave nueva». Al hacer clic, ver a ver que tienes la posibilidad de crear la clave privada para la cuenta de servicio que estás creando, en mi caso se llamará «WooCommerce Google» elige la opción «JSON» y haz clic en el botón «Crear» Guarda en un lugar seguro de tu ordenador el archivo JSON que se te ha generado porque lo necesitaremos para continuar con la configuración del plugin. Luego, ve de nuevo a WordPress donde estamos haciendo la instalación del plugin y elige el archivo JSON que descargaste a tu ordenador Una vez lo haz cargado, tendrás que habilitar la API de Google y para ello debes hacer clic en «Clic here» Al darle clic verás que se te abre una nueva ventana y allí deberás habilitar «Google Sheets API» haciendo clic en «Habilitar» Una vez habilitado, vuelve a la configuración del plugin y haz clic en «I’ve enabled Google Sheet API» y después en el botón «Next» Hemos terminado el primer paso, vamos por el segundo👇🏼 ### Paso 2: Crear una hoja de cálculo de Google. Ve a Google Drive y crea un nuevo documento desde la opción que quieras. Puede ser creando el documento izquierda arriba donde dice «Nuevo» y eliges la opción «hojas de calculo de Google» o puedes ir al ícono de los puntos arriba a la derecha donde al darle clic puedes elegir directamente el ícono de «hojas de calculo» Copia la URL del documento que acabas de crear y el nombre de la pestaña de la hoja (por defecto se llama Hoja1) en mi caso la he llamado «stock-tienda». y «pega» la URL y el nombre de la pestaña, en las cajas correspondientes. Una vez lo hayas hecho, haz clic en «Next». Este paso ¡fue fácil! continuemos con el paso 3 👇🏼 ### Paso 3: Sincronizar el plugin con la hoja de calculo de Google A continuación daremos acceso de «editor» a la ID que se ha creado en el proceso de configuración. Para ello haremos lo siguiente: Copia el ID del correo electrónico haciendo clic en el botón azul «Copy». Luego ve a tu hoja de cálculo de Google y haz clic en el botón «Compartir» en la posición superior derecha y agrega el ID que previamente copiaste. Asegúrate de especificar que sea «Editor» y finalmente haz clic en «Enviar» Finalmente haz clic en «I’ve given Editor access to this email ID» y en el botón «next» Listo! haz conectado tu hoja de calculo con el plugin ¡ya falta poco! 💪🏼 ### Paso 4: Configurar el script de la App Estamos llegando al final de nuestra configuración, para este paso necesitaremos hacer lo siguiente: 1. Copia el código de script desde la casilla. Ve a tu hoja de cálculo de Google y haz clic en el menú de Extensión y en la opción Apps Script Se te abrirá una ventana de Apps Script con un código por defecto que debes eliminar** **Una vez lo hayas eliminado, pega el código script que previamente haz copiado y si quieres, también puedes cambiar el nombre del script, en mi caso lo he llamado «Script plugin stock» Ahora dale clic al ícono de guardar y posteriormente al botón que dice «ejecutar» Al darle clic a ejecutar, Google te va a solicitar que des autorización a través de tu correo Al hacer clic en «Revisar permisos» te llevará a una ventana donde tendrás que hacer clic en «Configuración avanzada» y allí se te va a desplegar una opción en donde deberás hacer clic en «Ir a Script plugin stock (no seguro)» Ahora haz clic «permitir» (te recomiendo no cerrar la ventana de Apps Script» la vas a necesitar para el siguiente paso) Vuelve a tu plugin y confirma que has agregado el script de código haciendo clic en «I’ve placed the code and clicked on Run button» y posteriormente en «Next» Vamos muy bien, ya vamos para el 5to y último paso 👏🏻 Suscríbete y aprende gratis ¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### Paso 5: Habilitar trigger o «disparador» del script Vamos de nuevo la ventana de Apps Script y hacemos clic en el ícono del «reloj» = «Activadores» Al hacer clic se nos abrirá una nueva ventana en haremos clic en el botón azul «Añadir activador» En la pestaña «seleccionar que función ejecutar» elige la opción «onEdit». De igual forma, vas a elegir la opción «al editarse» en la pestaña «selecciona el tipo de evento». Cuando lo hagas, haz clic en el botón «Guardar» Vuelve a la configuración del plugin en tu WordPress y haz clic en «I’ve added the trigger and gave permissions» para confirmar que haz creado los activadores y en el botón azul «Next» Estamos a UN CLIC de terminar **🥳 Haz clic en el botón «Sync with Google Sheet» para completar la configuración ¡Listo! Ahora tus productos de WooCommerce se sincronizarán con tu hoja de cálculo de Google, puedes hacer clic en el botón «View on Google Sheet» para que veas tu hoja de calculo con los productos cargados. Y así se verá el resultado final 👌🏻 ## Características y Comparación de la versión gratis y la versión de pago. CaracterísticasGRATISPROExportación simple de productos a las hojas de calculo de Google✅✅Fácil sincronización (**Máximo 20 productos en la versión gratis**)✅✅Soporte de productos variables✅✅Edición de datos de productos (SKU, Nombre, Stock, Precio de venta, Precio regular)✅✅Actualización bidireccional y sincronización automática✅✅Existe una restricción que impide eliminar productos de la hoja de cálculo vinculada. Así, no hay posibilidad de eliminar productos por error.✅✅Los productos variables se almacenarán en filas diferentes. Así no hay posibilidad de confundirse al actualizar.✅✅Desde el panel de control del plugin y con un solo clic puedes ir a la hoja de cálculo conectada en Google Sheets✅✅**Sincronización ilimitada de productos** (versión PRO)❌✅Agregar nuevos productos desde la hoja de calculo en Google Sheet❌✅Mostrar y editar la descripción corta de los productos❌✅Actualizar el SKU de producto en WooCommerce desde Google Sheets.❌✅Mostrar atributos de los productos❌✅Ver el recuento total de las ventas❌✅Ver la categoría de los productos❌✅ Para poder usar la versión pro debes tener en cuenta que necesitas tener la versión gratis instalada. --- ## Mostrar las imágenes de los productos en el checkout de WooCommerce URL: https://sebasweb.net/mostrar-las-imagenes-de-los-productos-en-el-checkout-de-woocommerce/ En este corto artículo te voy a enseñar cómo puedes mostrar las imágenes de los productos en el checkout de WooCommerce. Es una forma sencilla y efectiva de darle a tus clientes una mejor experiencia de compra. Primero que nada, te recomiendo hacer una copia de seguridad de tu sitio web antes de hacer cualquier cambio en el código. Es mejor prevenir que lamentar. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME Ahora sí, vamos al grano. Para mostrar las imágenes de los productos en el checkout de WooCommerce, necesitamos agregar un fragmento de código al archivo functions.php de nuestro tema. Pero no te preocupes, no es nada complicado. Paso 1: Abre el archivo functions.php** Para empezar, abre el archivo functions.php de tu tema. Puedes hacerlo desde el panel de control de WordPress, en Apariencia > Editor. O, si lo prefieres, puedes usar un programa FTP como FileZilla para acceder al archivo directamente en tu servidor. **Paso 2: Agrega el fragmento de código** Ahora, copia y pega el siguiente fragmento de código al final del archivo functions.php: add_filter( 'woocommerce_cart_item_name', 'imagen_producto_checkout', 9999, 3 ); function imagen_producto_checkout( $name, $cart_item, $cart_item_key ) { if ( ! is_checkout() ) return $name; $product = $cart_item['data']; $thumbnail = $product->get_image( array( '55', '55' ), array( 'class' => 'alignleft' ) ); return $thumbnail . $name; } Este código utiliza un filtro de WooCommerce para agregar la imagen del producto al nombre del producto en el checkout. Es decir, la imagen se mostrará junto al nombre del producto en la página de pago. **Paso 3: Guarda los cambios** Una vez que hayas agregado el fragmento de código, guarda los cambios en el archivo functions.php y actualiza la página de checkout para ver los cambios en acción. Y eso es todo. Ahora tus clientes podrán ver las imágenes de los productos en el checkout de WooCommerce. ¡Espero que esta información te sea útil! --- ## Configurar los gastos de envío gratis en WooCommerce para pedidos de un importe mínimo URL: https://sebasweb.net/configurar-los-gastos-de-envio-gratis-en-woocommerce-para-pedidos-de-un-importe-minimo/ WooCommerce es una de las plataformas de comercio electrónico más populares para WordPress, y es utilizada por millones de personas en todo el mundo. Si tienes una tienda en línea con WooCommerce, es posible que hayas considerado ofrecer el envío gratis a partir de un precio mínimo en la tienda. En este artículo, te explicaré cómo configurar los gastos de envío gratis para pedidos de un importe mínimo en WooCommerce. ## Paso 1: Crear una zona de envío Lo primero que debes hacer es crear una zona de envío. Para hacer esto, ve a WooCommerce > Ajustes > Envío. Haz clic en «Agregar zona de envío» y escribe un nombre para la zona. Luego, selecciona los países en los que deseas ofrecer envío gratuito y haz clic en «Guardar cambios». ## Paso 2: Configurar los métodos de envío El siguiente paso es configurar los métodos de envío para la zona de envío que creaste en el primer paso. Para hacer esto, haz clic en la pestaña «Métodos de envío». Selecciona la opción «Envío gratis» y haz clic en «Editar». Aquí, debes establecer las condiciones para que se aplique el envío gratuito. En el campo «Monto mínimo». ## Paso 3: Guardar los cambios Finalmente, asegúrate de hacer clic en «Guardar cambios» para guardar la configuración que acabas de hacer. Ahora, los clientes que gasten por encima del importe mínimo que estableciste obtendrán envío gratuito automáticamente. ## Oculta las opciones de pago cuando el usuario tiene el envío gratis Cuando terminamos de configurar la posibilidad de tener el envío gratis, lo mejor es ocultar las opciones de pago de envío porque el cliente ya no las necesita. Para eso, podemos implementar el siguiente código en el archivo functions de nuestro child theme o con el plugin code snippets. function ocultar_gastos_envio_si_pago_gratuito( $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', 'ocultar_gastos_envio_si_pago_gratuito', 100 ); --- ## Unidades CSS personalizadas, min(), max() y clamp(): tres funciones lógicas de CSS URL: https://sebasweb.net/unidades-css-personalizadas/ Antes de comenzar con el artículo, te comparto un corto video de mi participación en la Meetup «Aplica nuevas funcionalidades de Elementor V3.10 y V3.11 con ejemplos prácticos» donde hablo de como podrías aplicar las unidades CSS personalizadas en Elementor PRO. Las Unidades CSS personalizadas son una de las herramientas más útiles y poderosas que los desarrolladores web podemos utilizar para crear diseños y diseños web más dinámicos y adaptables. En particular, las unidades CSS min(), max() y clamp() son una manera útil y flexible de establecer valores numéricos en CSS. La unidad min() es útil para establecer un valor mínimo en un estilo CSS. Por ejemplo, si desea que un elemento tenga un ancho mínimo de 300 píxeles, pero permita que el ancho se ajuste automáticamente según el tamaño de la pantalla, puede utilizar la siguiente declaración CSS: width: min(300px, 100%); En este caso, la anchura será de 300 píxeles si el ancho de la ventana gráfica es menor de 300 píxeles. Si la ventana gráfica es más ancha, la anchura será del 100% del ancho de la ventana gráfica. La unidad max() funciona de manera similar a la unidad min(), pero establece un valor máximo en lugar de un valor mínimo. Por ejemplo, si desea que un elemento tenga un ancho máximo de 800 píxeles, pero permita que el ancho se ajuste automáticamente según el tamaño de la pantalla, puede utilizar la siguiente declaración CSS: width: max(800px, 100%); En este caso, la anchura será del 100% del ancho de la ventana gráfica si es más ancha que 800 píxeles. Si la ventana gráfica es más estrecha, la anchura será de 800 píxeles. Finalmente, la unidad clamp() combina las unidades min() y max() para crear un valor que está dentro de un rango específico. Por ejemplo, si desea que un elemento tenga un ancho que esté entre 300 y 800 píxeles, pero permita que el ancho se ajuste automáticamente según el tamaño de la pantalla, puede utilizar la siguiente declaración CSS: width: clamp(300px, 50%, 800px); En este caso, la anchura será del 50% del ancho de la ventana gráfica si está entre 300 y 800 píxeles. Si la ventana gráfica es más estrecha que 300 píxeles, la anchura será de 300 píxeles. Si la ventana gráfica es más ancha que 800 píxeles, la anchura será de 800 píxeles. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Unidades CSS personalizadas en Elementor Muchos de los widgets de Elementor incluyen la posibilidad de cambiar el tamaño, el relleno o las márgenes a través de la unidades de medida como PX, EM, REM, % VW, VH. y por supuesto, cada vez necesitábamos configurar un tamaño teníamos que elegir alguna de estas unidades. A partir de ahora podemos hacer uso de las funciones Min, Max, calc y Clamp de CSS con el objetivo de calcular matemáticamente los espacios ## La tipografía fluida La tipografía fluida es otro aspecto importante que se relaciona con el uso de unidades CSS personalizadas como min(), max() y clamp(). La tipografía fluida se refiere a la práctica de ajustar el tamaño de la fuente automáticamente en relación con el tamaño de la pantalla del usuario. Esto se logra mediante el uso de unidades de medida relativas, como em o rem, en lugar de unidades de medida fijas, como px. Al combinar la tipografía fluida con el uso de unidades CSS personalizadas como min(), max() y clamp(), los desarrolladores web tenemos la posibilidad de crear diseños más adaptables y accesibles que se ajusten automáticamente al tamaño de la pantalla y al tamaño de la fuente preferido del usuario. Por ejemplo, en lugar de establecer un tamaño de fuente fijo de 16px, se puede utilizar la siguiente declaración CSS para establecer un tamaño de fuente que varía entre 14px y 18px, según el tamaño de la pantalla del usuario: font-size: clamp(14px, 2vw, 18px); En este caso, la unidad de medida vw se refiere al ancho de la ventana gráfica del usuario y se utiliza junto con la unidad clamp() para establecer un rango de valores para el tamaño de la fuente. El resultado es una tipografía fluida que se adapta automáticamente al tamaño de la pantalla y al tamaño de la fuente preferido del usuario. --- ## Redireccionar un nombre de dominio a otro dominio con htaccess URL: https://sebasweb.net/redireccionar-un-nombre-de-dominio-a-otro-dominio-con-htaccess/ El archivo .htaccess es una herramienta muy útil en el mundo del desarrollo web. Se trata de un archivo de configuración que se encuentra en servidores web que utilizan el software Apache. Su función principal es la de modificar la configuración del servidor para mejorar la seguridad, el rendimiento y la accesibilidad del sitio web. Existen diferentes funciones que puede tener un archivo .htaccess, algunas de las más comunes son: - **Redirecciones:** permite redirigir a los usuarios que intentan acceder a una URL antigua a una nueva URL. - **Control de acceso: **permite controlar quién tiene acceso a ciertas partes del sitio web mediante autenticación y autorización. - **Optimización de la carga de página:** permite configurar el caché y la compresión para mejorar el rendimiento del sitio web. - **Manipulación de URLs: **permite reescribir las URLs para hacerlas más legibles y amigables para los motores de búsqueda y los usuarios. La sintaxis básica del archivo .htaccess es bastante sencilla. Se trata de un archivo de texto plano que se guarda con el nombre .htaccess y que se coloca en la raíz del sitio web. A continuación, te comparto un ejemplo de cómo se escriben las reglas: RewriteEngine On RewriteRule ^ejemplo/([0-9]+)/?$ pagina.php?id=$1 Como puedes ver, la regla utiliza la función RewriteEngine para activar la reescritura de URLs y RewriteRule para definir la regla en sí misma. En este caso, la regla redirige una URL como «ejemplo/123» a la página «pagina.php?id=123». Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Redireccionar un nombre de dominio con htaccess Ahora bien, una de las funciones más útiles del archivo .htaccess es la de redireccionar un dominio a otro. Esta es una tarea común cuando se cambia de dominio o se desea redirigir el tráfico de un sitio web a otro. Para hacer esto, podemos utilizar la siguiente regla en el archivo .htaccess: RewriteEngine on RewriteCond %{HTTP_HOST} ^dominioanterior.com RewriteCond %{HTTP_HOST} ^www.dominioanterior.com RewriteRule ^(.*)$ https://nuevodominio.com/$1 En este caso, la regla utiliza RewriteCond para definir las condiciones que se deben cumplir para aplicar la regla. En este caso, la regla se aplicará si el dominio anterior es «dominioanterior.com» o «www.dominioanterior.com». La regla en sí misma utiliza RewriteRule para redirigir todas las URLs del dominio anterior al nuevo dominio. En este caso, se utiliza el comodín «(.*)» para capturar cualquier URL y se redirige a «https://nuevodominio.com/$1», donde «$1» representa la URL capturada. Además, se utiliza el código de respuesta 301 para indicar a los navegadores que la redirección es permanente y que deben actualizar sus marcadores y resultados de búsqueda. ⚠️ Ten en cuenta que esta redirección servirá para que cualquier URL existente del «dominio anterior» cargue igualmente en el «nuevo dominio» por ejemplo, si antes tenías dominioanterior.com/quienes-somos, entonces esta url va a redirigir directamente a nuevodominio.com/quienes-somos exactamente con el mismo slug**. ## Donde cargar o editar el archivo htaccess Este archivo debe colocarse en la raíz del sitio web, es decir, en el directorio principal donde se encuentran todos los archivos del sitio. Es importante tener en cuenta que no todos los servidores permiten la edición del archivo .htaccess, por lo que es posible que se necesiten permisos especiales o que se deba consultar con el proveedor de alojamiento web para poder utilizar esta herramienta. ### Cargar el htaccess a través de FileZilla Si estás utilizando FileZilla para gestionar los archivos de tu sitio web, puedes subir el archivo .htaccess siguiendo los siguientes pasos: - Abre FileZilla y conecta con el servidor donde está alojado tu sitio web. - Navega hasta el directorio raíz del sitio web donde deseas colocar el archivo .htaccess. - Haz clic con el botón derecho del ratón sobre el directorio y selecciona la opción «Crear archivo». - Escribe «.htaccess» como nombre del archivo y pulsa Enter. - Haz clic con el botón derecho del ratón sobre el archivo .htaccess y selecciona la opción «Ver/Editar». - Se abrirá una ventana de edición de texto, donde podrás escribir o copiar y pegar las reglas necesarias para tu archivo .htaccess. - Una vez que hayas terminado de editar el archivo, guarda los cambios y cierra la ventana de edición de texto. - Verifica que el archivo .htaccess se ha subido correctamente al directorio raíz del sitio web. ¡Así que ahí lo tienes! El archivo .htaccess es una herramienta increíblemente útil para la gestión de tu sitio web. Ya viste que entre tantas cosas, con él, puedes redirigir un dominio a otro de manera rápida y sencilla en solo unos pocos pasos. Solo asegúrate de colocar el archivo .htaccess en el directorio raíz de tu sitio web. ¿Qué te ha parecido? puedes dejarme tus comentarios en la entrada, estaré muy feliz de leerlos. --- ## Redirigir al usuario al iniciar o cerrar sesión en WordPress URL: https://sebasweb.net/redirigir-al-usuario-al-iniciar-o-cerrar-sesion-en-wordpress/ En este artículo, te mostraré cómo redirigir al usuario al iniciar o cerrar sesión en WordPress una vez se ha identificado en el sitio web. A menudo, cuando los usuarios inician sesión en WordPress, simplemente se redirigen a su página de perfil de usuario, lo cual puede ser confuso si deseas que los usuarios accedan a una página específica después de iniciar sesión. Por otro lado, cuando los usuarios cierran sesión en WordPress, generalmente son redirigidos a la página de inicio de sesión, lo cual puede ser ineficiente si deseas que los usuarios sean redirigidos a una página específica de tu sitio web. Por estas razones, **redirigir al usuario al iniciar o cerrar sesión en WordPress** puede mejorar la experiencia de usuario en tu sitio web. ## Redirigir al usuario cuando inicia sesión Para redirigir a los usuarios en WordPress después de iniciar sesión, necesitamos agregar algunas líneas de código a nuestro archivo functions.php. Esto implicará la creación de una función personalizada para redirigir a los usuarios, que luego agregaremos a la acción wp_login. Por ejemplo, si tenemos una página llamada «Descargas» que solo es accesible para usuarios registrados, podemos usar esta función para redirigir al usuario directamente a esa página después de iniciar sesión. De esta manera, el proceso de inicio de sesión será más fluido y los usuarios podrán acceder fácilmente a la información o características específicas que necesitan en tu sitio web. Copia y pega este código en el archivo «functions.php» de tu child theme o en tu plugin de códigos personalizados. (recuerda cambiar la palabra «descargas» por el slug de la página a donde quieres redirigir a tus usuarios) function my_custom_login_redirect(){ //Pasamos a la función home_url() el slug de nuestra página de descargas wp_redirect( home_url("descargas") ); exit(); } add_action( 'wp_login','my_custom_login_redirect' ); ## Redirigir al usuario cuando cierra sesión El proceso para redirigir a los usuarios en WordPress después de cerrar sesión es similar al de redirigirlos después de iniciar sesión. La única diferencia es que en lugar de usar el hook wp_login, usaremos el hook wp_logout. Para hacer esto, simplemente necesitamos agregar algunas líneas de código a nuestro archivo functions.php. Con estas líneas de código, podemos crear una función personalizada que redirija a los usuarios a una página específica después de cerrar sesión. De esta manera, los usuarios no serán redirigidos a la página de inicio de sesión predeterminada de WordPress después de cerrar sesión, sino que serán enviados directamente a la página que hayamos especificado. En el siguiente código yo los estoy re dirigiendo a la página «home» function my_custom_logout_redirect(){ wp_redirect( home_url("home") ); exit(); } add_action( 'wp_logout', 'my_custom_logout_redirect' ); Con estas dos funciones personalizadas, podemos redirigir a los usuarios a cualquier página que deseemos después de que inicien o cierren sesión en WordPress. Pero podemos ir más allá y utilizar estos redireccionamientos de manera más específica al filtrar por tipo de usuario y función de su rol en nuestro sitio web. Por ejemplo, en el caso de la función de inicio de sesión que mencionamos anteriormente, podemos limitar la funcionalidad solo a los usuarios suscriptores y redirigirlos a una página específica. Sin embargo, para los usuarios administradores, podemos querer redirigirlos directamente al backend del sitio web. En este caso, podemos utilizar el filtro login_redirect en WordPress para actuar en función del rol del usuario. De esta manera, podemos personalizar el comportamiento de inicio y cierre de sesión para diferentes tipos de usuarios en nuestro sitio web, lo que mejorará su experiencia en nuestro sitio web. Un ejemplo puede ser: function my_custom_login_redirect($redirect_to, $request, $user) { global $user; if ( isset( $user->roles ) && is_array( $user->roles ) ) { if ( in_array( 'subscriber', $user->roles ) ) { return home_url("descargas"); } } return $redirect_to; } add_filter( 'login_redirect', 'my_custom_login_redirect', 10, 3 ); ## Redirigir al usuario al iniciar o cerrar sesión en WordPress con un plugin En caso de que prefieras hacerlo con un plugin, una de las opciones que podrías implementar, es el uso de LoginWP (Formerly Peter’s Login Redirect) un plugin gratuito que puedes encontrar en el repositorio de WordPress. Este plugin te permite definir un conjunto de reglas de redirección para usuarios específicos, usuarios con perfiles específicos, usuarios con capacidades específicas, y una regla general para todos los demás usuarios. Además, establece una URL de redirección para después del registro. ### Proceso de Instalación del plugin Instalar este plugin es muy fácil.Ve a a la sección de «plugins» dentro de tu panel de control de tu WordPress, y sigue estas instrucciones: - En el campo de búsqueda ingresa la palabra LoginWP . Haz clic en «Buscar plugins» o pulsa Intro («enter»). - Selecciona LoginWP y haz clic en «Instalar ahora». - Una vez instalado, haz clic en «Activar». - Una vez activo, vas a ver una pestaña en tu administrador con el nombre LoginWP ### Cómo crear una regla de redirección de inicio de sesión con LoginWP LoginWP te permite crear diferentes reglas de redirección de inicio de sesión basadas en distintos criterios de usuario como el rol, la capacidad y los nombres de usuario. De esta manera, los usuarios serán redirigidos a distintas URL después de iniciar sesión en tu sitio de WordPress, según las reglas de redirección que hayas establecido. Este plugin funciona con la página de inicio de sesión predeterminada de WordPress y los formularios de inicio de sesión de WooCommerce, Gravity Forms, WPForms, LifterLMS, Easy Digital Downloads, WP User Frontend, LearnDash, MemberPress, MemberMouse, Restrict Content Pro, Paid Memberships Pro, ProfilePress, LearnPress, Ultimate Member, WishList Member, WP User Manager, Tutor LMS, Theme My Login, User Registration (WPEverest), Polylang y WPML. Para crear una regla de redirección de inicio de sesión sigue estos pasos: 1. Ve a LoginWP >> Redirecciones. 2. Haz clic en el botón «Añadir nueva». 3. Selecciona el tipo de regla (puede ser un rol de usuario, capacidad y nombre de usuario) y la condición. 4. Introduce la URL a la que se redirigirá al usuario después de iniciar y cerrar sesión. En conclusión, redirigir al usuario al iniciar o cerrar sesión en WordPress es una tarea sencilla que puede mejorar significativamente la experiencia de usuario. Ya sea que desees enviar a los usuarios a una página de bienvenida personalizada o evitar que se distraigan con otros contenidos al cerrar sesión, Ya viste que hay varias formas de redirigirlos sin necesidad de habilidades de programación avanzadas. Simplemente siguiendo las instrucciones en este artículo para hacerlo con unas pocas líneas de código o usando un plugin y estarás en el camino hacia una experiencia de usuario más fluida y personalizada para los usuarios de tu sitio web con WordPress. --- ## Exportar pedidos de Woocommerce con Advanced Order Export For WooCommerce URL: https://sebasweb.net/exportar-pedidos-de-woocommerce/ Si tienes un negocio en línea, sabrás lo importante que es exportar los pedidos que han realizado en tu tienda, para mantener un registro detallado de las transacciones y ventas de tus productos, conectar estos datos con servicios externos de contabilidad, llevar el seguimiento del inventario o simplemente identificar la tendencias de ventas de tu negocio. Sin embargo, el proceso de exportación manual puede ser tedioso y propenso a errores. Es aquí donde un plugin como el Advanced Order Export For WooCommerce puede ser una ventaja significativa para tu tienda online. Ver plugin He tenido que interactuar con este plugin en varias ocasiones por diferentes solicitudes de clientes que tienen su tienda online creada con WooCommerce, por lo que, a continuación te quiero compartir: ## 5 razones por las cuales tendrías que exportar los pedidos de WooCommerce - **Analiza tus datos de ventas**Al exportar tus datos de pedidos, podrás analizar tus ventas para obtener información valiosa sobre tus clientes y productos. Podrás conocer tus productos más vendidos, los clientes más frecuentes, los descuentos más utilizados y mucho más. - **Integra tus ventas con tu sistema CRM**Si utilizas un sistema CRM para gestionar tu negocio, el plugin Advanced Order Export For WooCommerce te permitirá integrar tus ventas con tu sistema CRM. Podrás importar tus datos de pedidos directamente en tu sistema CRM para tener una gestión más efectiva de tus clientes. - **Envía tus datos de pedidos a terceros**Si trabajas con socios o proveedores que necesitan conocer tus datos de ventas, el plugin también te permitirá enviarles tus datos de pedidos fácilmente. - **Ahorra tiempo en la gestión de tus pedidos**El plugin también te permite exportar tus datos de pedidos masivamente, lo que te ahorrará tiempo en la gestión de tus pedidos. Podrás exportar todos los pedidos de una vez y filtrar la información que necesitas. - **Personaliza la información que necesitas exportar**Con el plugin Exportación avanzada de pedidos para WooCommerce, podrás personalizar la información que necesitas exportar. Podrás elegir los campos que quieres exportar, cambiar los nombres de las etiquetas, reorganizar las columnas, etc. El plugin «Advanced Order Export For WooCommerce» puede ser una parte indispensable de cualquier operación que involucre la venta en línea de productos a través de WooCommerce. Este plugin es capaz de exportar datos detallados necesarios para presentar impuestos especiales y sobre ventas para cada estado, así como para crear listas de selección, resúmenes de pedidos, tendencias de ventas por SKU, etc. ## Características del plugin Advanced Order Export For WooCommerce Entre las características de este plugin destacan: - Posibilidad de exportar un gran número de campos personalizados. - Cambiar los nombres de las etiquetas, reordenar las columnas y personalizar la exportación según tus necesidades. - Exportar los campos personalizados de WooCommerce y los términos para los productos/pedidos. - Realizar una exportación masiva para los pedidos que selecciones. - Aplicar potentes filtros para encontrar los datos que necesitas. - Además, la exportación incluye información detallada de los pedidos, el resumen de los detalles del pedido (como el número de artículos, descuentos, impuestos, etc.), detalles del cliente (envío y facturación), atributos del producto y detalles del cupón. Podrás elegir entre diferentes formatos para exportar tus datos, como XLS, CSV, TSV, PDF, HTML, XML y JSON. ## Características y comparación de la versión gratis y la versión de pago. CaracterísticasGratisPROPestaña: «exportar ahora»✅✅Pestaña «herramientas«✅✅Pestaña «ayuda» te permite resolver dudas sobre el plugin✅✅Pestaña «perfiles«❌✅Pestaña «tareas de cambio de estado«❌✅Pestaña «tareas programadas«❌✅Pestaña «ajustes» Desde aquí podrás editar opciones del plugin❌✅ ### Opción de «exportar Ahora» La pestaña «Exportar ahora» ofrece múltiples opciones de filtrado y configuración para descargar rápidamente los pedidos en cualquiera de los formatos disponibles, como xls, csv, xml, json, tsv, pdf y html. Entre las cosas que puedes hacer en la pestaña de «exportar ahora» son: - Filtrar pedidos que deseas exportar por fecha de orden, fecha de modificación, fecha de pago, fecha completada - Exportar por rango de fechas: por ejemplo puedes elegir la fecha de inicio y fecha de finalización. - Crear un informe resumido con la información de todos los pedidos y filtrada por los productos que tengas en la tienda - Cambiar el nombre de archivo del informe con etiquetas especificas de fecha, hora, etc - Podrás elegir el formato del archivo que quieres exportar. Entre las opciones tienes XLS CSV XML JSON TSV PDF HTML y cada uno de ellos tiene opciones para personalizar la forma en que lo necesitas. - Ordenar los pedidos exportados por fechas y si los quieres en orden ascendente o descendente. - Configurar los campos que quieres exportar. (Es aquí uno de los puntos más fuertes del plugin). La diferencia entre la versión «Pro» y la versión «Gratis» es la posibilidad de usar la función «**guardar la configuración del informe» en tu propio perfil**. ### Opción de «herramientas» Puedes exportar e importar la configuración del plugin «Advanced Order Export for WooCommerce» de un sitio web a otra instalación de WordPress. ### Opción de «perfiles» Podrás crear perfiles para tener un mayor control sobre las diferentes exportaciones que podrías crear en tu sitio web. Con un perfil creado podrás editar, clonar, copiar a una exportación programada, borrar y exportar cualquiera de las exportaciones que hayas asociado al perfil. ### Opción «tareas de cambio de estado» Podrás configurar fácilmente la exportación automática de pedidos a un destino especificado cada vez que su estado cambie. Por ejemplo. si ingresas el estado «Procesando» en el campo «Desde el estado» y dejas vacío el campo «Hasta el estado», se descargarán los pedidos que hayan cambiado su estado de «En procesamiento» a cualquier otro. Y si ingresas el estado «Completado» en el campo «Hasta el estado», se descargarán todos los pedidos que cambiaron el estado de «Procesando» a «Completado». ### Opción «tareas programadas» Dí con este plugin porque estaba buscando precisamente esta funcionalidad. Necesitaba que se generara un archivo cada cierto tiempo y se creara el documento en una carpeta especifica del servidor, conectándolo a través del FTP. Pues esta fue la solución, simplemente programe el archivo con el formato CSV que un CRM iba a leer directamente desde la misma carpeta donde yo lo dejaría, con lo cuál todos los datos de la tienda, estarán sincronizados con la plataforma de contabilidad de mi cliente. Una maravilla. En resumen, con esta opción podrás configurar el tipo de exportación que necesites, en el formato que necesites y con la frecuencia y destino que requieras. ## Conclusión Este es un pequeño resumen de lo que puedes hacer con este plugin en sus dos versiones, puedes ver todas sus ventajas con más detalle en el sitio oficial. A mi personalmente me ha aportado mucho con algunos clientes que requieren exportar informes para hacienda, conectar información con sus CRM, tener un mayor control de los pedidos que han realizado el día anterior para despachar el picking de la tienda física, en fin, la cantidad de documentos y personalización de los mismos puede ser tan enorme como tu creatividad o la necesidad de un cliente. Espero que te haya servido esta información. Me encantaría leerte en los comentarios. ¿Tienes algún plugin mejor? ¿es esto lo que necesitabas? Gracias por llegar hasta aquí. --- ## Crear un sitio web gratis con WordPress URL: https://sebasweb.net/crear-un-sitio-web-gratis-con-wordpress/ En este tutorial voy a enseñarte cómo crear un sitio web gratis con WordPress.com. En este tutorial, te guiaré paso a paso en el proceso de creación de tu sitio web, desde la selección de una plantilla hasta la publicación de tu sitio en línea. Empezaremos por elegir una plantilla adecuada para tu sitio web, ya sea una plantilla gratuita o de pago. Luego, personalizaremos tu sitio web añadiendo contenido y configurando las opciones de tu sitio. También te mostraré cómo agregar funcionalidades adicionales a tu sitio web con plugins y widgets adicionales. Así que, ¡vamos a empezar! sigamos paso a paso para crear tu sitio web. ## Pasos para crear un sitio web gratis con WordPress Primero debemos ingresar al sitio web oficial wordpress.com y allí, hacer clic en el botón “Comenzar” o “Empieza a crear tu página web” * Una vez le des clic a comenzar, vas a ver que debes comenzar una serie de pasos, en total 3 ### Paso 1 de 3 Crea tu cuenta en WordPress.com El primero va a ser por supuesto, crear una cuenta en wordpress.com con la que vas a poder ingresar a editar tu proyecto cuando lo necesites, para ello debes ingresar algunos datos: Los datos que debes ingresar son: • Tu dirección de correo electrónico: con el que tendrás la administración del sitio web.**• Nombre de usuario: Este deberá ser único, por lo que si no está disponible, la plataforma te pedirá que cambies por un nombre de usuario que no exista.• Selecciona una contraseña: procura que sea segura, con al menos un carácter especial, letras mayúsculas y/o números. Y finalmente dale al botón “Crear tu cuenta” - También tienes la posibilidad de registrarte con la opción de Google o con tu cuenta de Apple. Si te registraste con tu correo electrónico. No te olvides de ir a tu bandeja de entrada y revisar el correo de “confirma tu dirección de correo electrónico” y hacer clic en el botón de color azul ### Paso 2 de 3 Elige el dominio Este paso es muy importante, pues, será la URL que podrás compartir y con la que te vas dar a conocer.El nombre que pongas aquí también tendrá que ser único y quedará como un “subdominio” de wordpress.com, ejemplo: sebasweb.wordpress.com En WordPress.com también tienes la opción de compra un dominio, pero suelen ser más costosos que si los compras en páginas como dondominio o ionos por ejemplo y luego “apuntas” ese dominio a wordpress.com. En esta ocasión vamos a trabajar con el dominio que nos da wordpress.com y tendremos que poner la palabra con la que vamos a crear nuestro proyecto. Una vez tenemos elegido el dominio, pasamos al último paso ### Paso 3 de 3 Elegir un plan En este paso, debes tener en cuenta que aunque wordpress.com es una plataforma donde puedes crear tu blog o sitio web gratis. Igual, podrás encontrar opciones de pago para acceder a otros beneficios según el plan que elijas. En esta ocasión, trabajaremos con la opción gratis, por lo que debes hacer clic en el texto superior que dice “empieza con un sitio gratuito” Has clic y espera unos segundos mientras crean la plataforma Una vez terminas los 3 primeros pasos en la creación de tu sitio web gratis, te van a invitar a especificar “¿cuáles son tus objetivos?” con tu sitio web, allí podrás especificarlos o directamente hacer clic donde dice “saltar al escritorio”, información que le podría servir a wordpress.com para analizar los proyectos que se están creando dentro de su plataforma y/o ofrecerte de nuevo los planes de negocio acordes a tus objetivos En esta ocasión voy a omitir la encuesta, e iremos directamente a la opción “Saltar al escritorio” Hemos terminado los 3 primeros pasos, ¡Enhorabuena!** Te va a llegar un correo con la bienvenida a la plataforma y la invitación a configurar tu sitio web: ## Conoce el panel de control de tu sitio web gratis con WordPress **Te doy la bienvenida al backend, panel de administración o “centro de operaciones” como lo llamaría WordPress** A lo mejor tantos vínculos y opciones pueden asustar un poco, no te preocupes, es más sencillo de lo que parece. Tienes dos columnas, la de color gris a la izquierda con algunas opciones que te servirán para editar tu sitio web o crear contenido y a la derecha tienes un panel que te invita a editar algunas cosas sencillas, pero fundamentales para tu sitio web, y es eso precisamente lo que vamos a hacer: Primero, vamos a ponerle un nombre al sitio web. Al hacer clic en el botón, vas a ver que te va a llevar directamente a los “ajustes generales” una de las secciones más importantes de tu proyecto cuando recién estas comenzando. Allí, vas a poder cambiar: - T**ítulo del sitio web:** este sería tu nombre en caso de que sea tu portafolio o el nombre de tu empresa, por ejemplo. en el caso de este ejemplo sería: Mi blog está en WordPress - **La descripción corta del sitio web: **aquí debes escribir en un promedio de 155 caracteres, de qué se trata tu sitio web. - **Icono del sitio: **Para cambiar el icono sólo tienes que hacer clic en el botón donde dice “cambiar” y allí subir la imagen. “procura que no pase de 100kb” y que el tamaño no sobrepase los 500px de ancho Has clic en la opción de subir archivos y elige tu logotipo Procura que la imagen sea cuadrada para que el logotipo te quede bien en el centro Una vez termines de editar esta información, ya puedes hacer clic donde dice “guardar ajustes” Veras que, en esta misma sección, tienes opciones como cambiar el idioma o la zona horaria del lugar desde donde estes creando tu proyecto web. Una vez termines estas configuraciones podrás seguir editando tu proyecto web, pero antes de hacer cualquier otra edición, es importante que sepas que podrías hacer en cada uno de los vínculos de la columna gris de la izquierda. - **Mi página de inicio:** en esta sección tienes el escritorio con la información general de tu proyecto web - **Estadísticas:** En esta sección vas a poder estadísticas de tus vistas, visitas, comentarios, etc. Que has tenido a través del tiempo. - Mejoras: te va a llevar a la opción de comprar planes, extensiones, dominios, correos electrónicos, etc. - **Bandeja de entrada: **es la bandeja de entrada de tu correo en caso de que compres tu propio dominio con wordpress.com - **Entradas:** Aquí es donde puedes crear artículos para blog, crear categorías y etiquetas para que cuando estes creando tus entradas, puedas segmentar el contenido por tipo de contenido. Por ejemplo: Entrada: “Cómo crear mi primer sitio web con WordPress” Categoría: Principiante. Etiqueta: WordPress - **Medios: **Aquí podrás cargar todos los archivos media de tu sitio web, ejemplo imágenes jpg, png, gif, etc. - **Páginas:** las páginas corresponden al contenido “estático” de tu sitio web, por ejemplo, el home, la página “sobre nosotros” o la página de contacto. Desde este apartado las podrás crear, editar, eliminar o incluso programar para que se hagan públicas en la fecha que determines. A diferencia de las entradas, estas no se pueden categorizar. - **Comentarios: **Desde aquí podrás revisar, aprobar, eliminar y responder los comentarios que tengas en tu sitio web. - **Mensajes:** desde aquí podrás revisar lo que te hayan escrito a través del formulario de tu sitio web J**etpack:** Este es un servicio de pago de wordpress.com que, entre otras cosas, también sirve para ver el registro de las actividades dentro del sitio web, hacer backups, o evitar el spam. - **Woocommerce:** desde aquí, podrías acceder a un plan de pago para crear una tienda online con la tecnología de Woocommerce. - **Apariencia:** este apartado te permite cambiar la estructura gráfica de tu sitio web a partir de las siguientes opciones: **Temas:** Los temas hacen que tu sitio web tenga el aspecto que tiene. Un tema de WordPress es el aspecto visual y el diseño de tu sitio web. El tema de WordPress que elijas representará tu marca. - **Personalizar:** con esta opción, puedes llevar el tema de tu sitio un paso más allá. Desde esta sección, puedes cambiar el título y la descripción corta del sitio, cambiar el logotipo de tu sitio web, editar el pie de página, crear menús, cambiar colores, fuentes o cambiar los ajustes de la página de inicio, entre muchas otras cosas. - **CSS adicional:** Las siglas CSS (Cascading Style Sheets) significan «Hojas de estilo en cascada» y parten de un concepto simple pero muy potente: aplicar estilos de color, forma, márgenes, etc. adicionales al tema que hayas elegido en tu sitio web. Para poder usar esto debes acceder a un plan de pago. - **Plugins: **los plugins para WordPress son herramientas esenciales para complementar las funcionalidades de un sitio o blog, colaborando en todo momento para un mejor posicionamiento en las páginas de búsqueda y en la experiencia del usuario. Basicamente son bloques de código que se agregan en función de lo que necesites hacer, como por ejemplo, una tienda online, un calendario, formularios, o mejorar la forma en que Google lee el sitio web. - **Usuarios: **Desde aquí podrás crear usuarios o perfiles que también pueden ingresar a colaborar en su sitio web. - **Herramientas:** desde este apartado puedes acceder a algunas herramientas gratuitas como por ejemplo conectar el sitio web con redes sociales, activar los botones de compartir en diferentes secciones del sitio web o mostrar contenido relacionado desde de las entradas de tu blog. Para poder acceder a la mayoría de las opciones debes acceder a un plan de pago, como por ejemplo conectar tu sitio web Google Analytics para analítica de tu sitio web o integrarlo con plataformas como cloudflare para optimizar la entrega de contenido según el lugar desde donde estén visualizando el sitio web. - **Ajustes: **Desde aquí vas a poder acceder a varios apartados: **Generales: **ya lo vimos antes en este artículo. - **Rendimiento:** te ofrecen algunas plataformas de pago para mejorar la carga del sitio web. - **Escritura:** desde aquí podrás editar algunas cosas como por ejemplo la cantidad de entradas (artículos de blog) que quieres que se publiquen en la pestaña del blog o cambiar el formato de como se muestra la fecha. - **Comentarios:** desde aquí podrás editar la forma en la que quieres que los usuarios interactúen con tu sitio web a través de los comentarios, Podrás configurar cosas como por ejemplo que “Los usuarios deben registrarse y acceder para comentar” o “Recibir un correo electrónico cuando alguien escriba un comentario” entre otros. - **Lectura: **desde este apartado podrás elegir si tu sitio web está concebido sólo para que sea un blog, o si quieres elegir una página en especial para que sea el home y una página para muestre un listado de las entradas del blog de tu sitio web, entre otras cosas. - **Medios:** cuando subes una imagen a WordPress, la plataforma por defecto replica la imagen en 3 tamaños demás para optimizar la carga del contenido en el proyecto. Desde este apartado puedes cambiar el tamaño al que quieres que se repliquen estas 3 imágenes, por ejemplo, cambiar la que viene por defecto de la miniatura en 150 x 150 px a 300 x 300 px y así con las otras dos opciones. También puedes activar un carrusel, etc. - **Configuración del alojamiento: **desde aquí podrías acceder a la base de datos de tu sitio web y a otros ajustes avanzados con algún plan de pago Listo, después de este repaso por todo el menú lateral del panel de administración de tu sitio web en WordPress, es hora de hacer uso de algunas de las herramientas que tenemos a disposición: ## ¿Cómo cambiar un tema en WordPress de un sitio web gratis con WordPress? Vamos a cambiar nuestro tema, para ello vamos a ir a apariencia > temas y desde allí podremos ver que tenemos la posibilidad de filtrar por categorías según lo que estemos buscando para nuestro blog o sitio web Para visualizar los temas que tienes a disposición es tan simple como hacer clic en cualquiera de ellos sobre el botón que dice “información”, además si dejas el mouse sobre el tema sin moverlo por un momento, podrás ver también un pequeño resumen del concepto del tema. Al darle clic en “INFORMACIÓN” podrás ver que más detalles sobre el tema e información como su tipografía. También tienes una opción muy interesante para previsualizar el tema si le das clic en los tres punticos que tienes en la parte inferior de la imagen y haces clic en la opción “versión de demostración”. Allí vas a ver ampliado en versión escritorio el diseño de la plantilla. Una vez ampliada, tendrás la opción de cambiar la visualización del dispositivo para revisar cómo se está viendo el tema en Tablet o teléfono Cuando finalmente tengas definido con cuál quieres trabajar en tu proyecto, sólo tienes que activar el tema. Para ello tienes varias opciones, una de ellas, es aprovechar en la visualización del tema, el botón en la parte superior que dice “Activar” La otra opción es activarlo desde la miniatura de los temas Una vez le des clic a activar, WordPress te preguntará como quieres usar el tema: En caso de que no tengas aún contenido nuevo creado, te recomendaría elegir la opción de “Reemplazar el contenido de mi página principal por la página principal de (tema elegido)”.* Si ya tienes contenido en tu sitio web, mi sugerencia sería *“Cambiar el tema, conservando el contenido de mi página principal.”* Una vez hayas elegido tu opción activa el tema haciendo clic en el botón inferior “Activa (tema elegido)” Una vez activado, te saldrá un mensaje agradeciendo la activación del tema y dos botones. Uno de ellos es para que puedas ver el sitio web y el otro para editar el sitio Al darle clic a “editar el sitio” te va a dirigir a las “partes de la plantilla” donde podrás editar la estructura gráfica de tu sitio web. Desde aquí tienes dos opciones para visualizar y editar las plantillas: Plantillas: aquí podrás editar: - **Archivo**: esta plantilla corresponde a la lista de las entradas de tu blog (en otras palabras, la página blog de tu sitio web) - **Única: **aquí podrás ver como se ve una sola entrada o artículo de tu blog - **404:** esta plantilla o “página” es la que se le muestra al usuario cuando una url de tu sitio web ya no existe. Se conoce como “error 404” - **Página:** aquí podrás editar el diseño de cómo se ve una sola página. - **Índice**: será la forma en la que ves los artículos en el home si tu sitio web esta enfocado sólo a blog - **Buscar:** será la forma en la que se ve el buscador de tu sitio web. Para editar cualquiera de estas plantillas, sólo tienes que elegir la que quieras editar y hacer clic en el botón superior de editar. Al darle clic a editar, vas a ver que se amplía ese contenido de la plantilla y que puedes pasar por cada una de las cajitas con un borde azul – que llamaremos bloques – y te mostrarán un “tooltip” con las diferentes opciones de edición que tenga ese bloque. De esta forma podrás editar el diseño de cada uno de los bloques de cualquier plantilla de tu tema. Por ejemplo, si hago clic en la plantilla que se llama “única”, y paso el ratón por el “Titulo de la entrada” entonces me mostrará las opciones de edición de cómo quiero que quede el diseño de ese título en todas mis entradas. En este ejemplo, podrías editar: - **Posición del elemento: **si lo quieres más arriba o más debajo de donde está. - **Alineación del bloque:** si lo quieres a la izquierda, derecha, centro, etc - **EL nivel del encabezado:** h1, h2, h3, etc que corresponde a la jerarquía de los títulos para el SEO. (h1 sólo debe haber uno y es el titulo de la entrada, h2 puede ser un subtitulo y h3 un subtitulo del subtitulo) así entenderá mejor Google de que va tu artículo. - **Alineación del texto:** puedes elegir dentro del tamaño de tu bloque, hacia que lado quieres que este alineado el texto. - **“3 punticos”:** desde aquí tienes múltiples opciones para tu bloque que prefiero que veas en la siguiente captura Una vez termines la edición de tu plantilla, debes guardar los cambios haciendo clic en el botón que dice “guardar” de la parte superior derecha **En “partes de plantillas”** podrás editar: - **Footer:** aquí podrás editar el “pie de página” que corresponde a la parte inferior de tu sitio web - **Post-meta: **se refiere al bloque que muestra el nombre del autor de las entradas. - **Header: **aquí podrás editar bloques como el navegador (menú) o el texto del nombre de tu sitio web - **Header-landing-page: **este header corresponde al diseño del encabezado de tu tema Para salir de la edición de cualquiera de las plantillas debes hacer clic en el ícono de la parte superior izquierda del administrador. Si ya has puesto el icono de tu sitio web, entonces será esa la imagen en la que debes hacer clic. Ahora que sabes donde puedes editar las plantillas y algunas partes del diseño de tu tema. Es hora de que aprendamos a crear páginas y entradas. ## Cómo crear una entrada para para el blog de tu sitio web gratis con WordPress Nos vamos a ir al apartado “Entradas” y hacemos clic en “añadir nueva Una vez ingresemos aquí vas a ver que la interfaz se divide en dos columnas, la de la izquierda donde podrás poner todo el contenido y la de la derecha verás que hay dos pestañas En la columna de la izquierda podrás: - Poner el titulo - Agregar los bloques que necesites, ejemplo: Encabezados - Párrafos - Imagen - Galería - Video - Columnas - Espacios - etc. **Y entre las opciones que tienes en la columna de la derecha, podrás ver que tienes dos pestañas, una de ellas se llama “entrada” y en ella podrás ver cosas como:** - **Visibilidad: **especificar la visibilidad de tu entrada **Publico:** si quieres dejarla publicada para todos los publicos - **Privada:** sólo visible para ti - **Protegida con contraseña: **sólo quién tenga la contraseña podrá verla - **Publicar: **tienes la opción de programar la publicación de tu entrada - **Categorías: **Agregar categorías o elegir las que ya tienes creadas - **Etiquetas:** elegir o crear las etiquetas que quieras incluir en tu entrada - **Imagen destacada: **esta imagen es la principal imagen del artículo. - **Extracto: **el extracto te sirve para crear un pequeño resumen de lo que el usuario podrá ver en el artículo - **Comentarios: **podrás elegir si quieres desactivar o permitir que se puedan hacer comentarios en tu entrada En la pestaña que se llama “bloque” podrás editar las opciones que tenga el bloque en con el que estes trabajando, por ejemplo, si estoy en un bloque de texto, podría editar cosas como el color de la fuente, el enlace, el tamaño, etc. Una vez termines de editar tu entrada podrás publicarla haciendo clic en el botón**“publicar” que vas a encontrar en la parte superior derecha. Recuerda que para salir de la edición de cualquier parte de tu sitio web debes ir a la parte superior de la interfaz y hacer clic en el icono de tu proyecto (o de WordPress en caso de que aún no hayas puesto tu ícono) Si vas a la sección de entradas o páginas, vas a ver que tienes varias opciones para editar haciendo clic en los 3 punticos al final del titulo. ## ¿Cómo crear páginas en wordpress.com? Para crear una nueva página en WordPress debes ir a la pestaña “Páginas” que se encuentra en la columna izquierda de tu panel de control. Una vez allí podrás ver que tienes una opción que se llama “añadir nueva página” Al darle clic vas a ver que wordpress.com te da la opción de elegir una plantilla para la página que necesites crear o directamente crear una nueva en blanco para que la crees a tu gusto. ## ¿Cómo hacer público mi sitio web? Mientras no tengas publicado tu sitio web, entonces vas a ver este mensaje en tu proyecto Para poder verlo publicado, debes hacer clic en “Haz tu sitio público para todo el mundo” Y posteriormente en “publicar sitio” Al hacer clic aquí wordpress.com te va a ofrecer de nuevo comprar un dominio. Pero para este ejercicio no lo vamos a comprar (además son más costosos que el promedio) por lo que vamos a darle clic en “Omitir compra”. Para ello tendrás que ir hasta el final de la página (un poco oculto 😉 ) Al darle clic a “Omitir compra” wordpress.com te va a ofrecer – de nuevo – la compra de algún plan. Esto también lo vas a poder evitar haciendo clic en “empieza con un sitio gratuito” Espera un par de segundos… Y listo, ya tienes tu sitio web publicado. Finalmente visita tu sitio web haciendo clic en el botón “visitar sitio” para que veas el resultado de tu proyecto. ¡Enhorabuena! A seguir trabajando en ello.** ## Ventajas de crear un sitio web gratis con WordPress Algunas ventajas de usar WordPress.com incluyen: - Es fácil de usar y no requiere conocimientos técnicos para crear un sitio web - Ofrece una amplia variedad de plantillas gratuitas y de pago para elegir - No tienes que comprar hosting - Cuentas con una gran documentación sobre cómo crear un sitio web gratis con WordPress ## Desventajas de crear Sitio web gratis con WordPress: - Limitaciones en la personalización de tu sitio web, ya que está sujeto a las restricciones impuestas por WordPress.com - Limitaciones en el uso de plugins y temas, ya que sólo están disponibles los que son aprobados por WordPress.com - Limitaciones en la monetización de tu sitio web, ya que no se permite mostrar publicidad en el sitio o vender productos o servicios directamente a través de él - Costos adicionales si deseas eliminar la marca de WordPress o tener un dominio personalizado - Limitaciones en el almacenamiento y ancho de banda disponible si no tienes un plan premium - Limitaciones en el uso de ciertas funcionalidades, como la posibilidad de editar código HTML/CSS si no tienes un plan premium. - Limitaciones en el alojamiento:** **Aunque WordPress.com ofrece alojamiento gratuito, hay algunas limitaciones en cuanto a la cantidad de espacio de almacenamiento y tráfico que se puede utilizar. - Limitaciones en el SEO:** **Aunque WordPress.com tiene algunas características de SEO básicas, hay algunas limitaciones en cuanto a lo que se puede hacer para optimizar el SEO de tu sitio web. - Limitaciones en el comercio electrónico: Aunque es posible agregar algunas funciones de comercio electrónico a un sitio web de WordPress.com, hay algunas limitaciones en cuanto a lo que se puede hacer. Es importante mencionar que estas desventajas son para el uso gratuito de WordPress.com, el cual tiene restricciones, si decides usar un plan premium estas desventajas podrían desaparecer o minimizar en gran medida. --- ## Plantillas o template kits para Elementor URL: https://sebasweb.net/plantillas-o-template-kits-para-elementor/ Antes de hablar sobre las Plantillas o template kits para Elementor, quiero recordar que cuando me inicie como creador de sitios web con WordPress, una de las primeras alternativas que vi para ofrecer a mis clientes, fue el uso de plantillas pre diseñadas «listas para su publicación» que se pueden comprar en plataformas como themeforest. Es cierto que con estas plantillas saque adelante más de un proyecto y también pensaba que al ser una plantilla acabaría más rápido, sin embargo, no fue así y casi siempre me vi con problemas para personalizar algunas secciones, animaciones, y / o omitir contenido que realmente no necesitaba, por lo que me llevaba más trabajo del que yo contemplaba en el presupuesto. además la curva de aprendizaje se hacía extensa con cada plantilla que compraba para entender cómo había sido el planteamiento del Backend del desarrollador de turno. Ha pasado el tiempo y aunque ya no compro plantillas de themeforest, no descarto usar una plantilla cuando un proyecto lo requiera. La diferencia es que es **ahora yo controlo cada parte del proyecto y puedo modificarlo como lo necesite gracias a Elementor.** Además de permitirme ser más ágil en el montaje del proyecto, el hecho de usar el mismo compositor hace que sea más rentable a la hora de entregar el proyecto web a mi cliente. Sin más dilación y teniendo claro porque me gusta contar con las plantillas o template kits para Elementor, vamos a ver qué son y como los puedes implementar en tus proyectos web. Puedes ver el video ⬇️ o ver el paso a paso en el resto del artículo * Ponencia durante la Meetup de Elementor Madrid* ## ¿Qué son las plantillas o template kits para Elementor? Una plantilla o template kits es una colección de plantillas que contienen diferentes páginas, publicaciones y secciones del constructor de temas de Elementor que van a permitir crear un sitio web completo, sin tener que preocuparte por crear cada página o publicación individual desde cero para posteriormente personalizarla a tu gusto, pero teniendo una buena base del proyecto. Puedes encontrar plantillas o template kits para Elementor en la versión free y la versión pro, siendo esta última la que te va a permitir aprovechar el «Theme builder» o constructor de temas y por supuesto **tener control sobre cada una de las secciones del sitio **como el header, footer, single de entrada, archive del blog, entre otros. Mientras tanto la versión free sólo te mostrará algunas secciones y ajustes globales. ## ¿Qué tema debo usar para los template kits? Yo personalmente procuro trabajar siempre con Hello Elementor por diferentes razones: - Te permite tener un «lienzo en blanco» es decir, no carga más contenido que el básico que requiere WordPress para poder funcionar, con lo cual tendrás la libertad de crear cualquier parte de tu sitio web con el Elementor PRO. - Es un tema ligero y óptimo para la optimización (WPO) de tu sitio web. Además de trabajar directamente con la opción que nos brinda directamente Elementor con su theme «Hello Elementor» siempre instalo también su Child theme para configuraciones y modificaciones que necesite hacer directamente en la plantilla. ## ¿Dónde conseguir template kits para Elementor? Como ya he mencionado antes, Elementor nos brinda la posibilidad de aprovechar los kit de plantillas que vienen por defecto en ambas versiones del plugin. Sin embargo, existe un lugar donde podrás encontrar **más de 2000 plantillas para la versión gratuita** de Elementor y** **más de 1300 para la versión PRO (a la fecha en la que escribo este post) y que podrás encontrar en elements.envato.com Envato Elements – Plantillas o template kits para Elementor Este sitio web es un **Marketplace de recursos digitales** que además de ofrecerte estas plantillas listas para usar en tu proyecto, también te ofrece, fotos, fuentes, plantillas de gráficos, efectos de sonido,** plugins de WordPress, Themes de WordPress**, etc. Un sin fin de posibilidades que podrás descargar ilimitadamente por 20€/mes y que con un sólo proyecto ya amortizas la inversión. Pero volviendo a los kits de Elementor, tendrás la posibilidad de filtrar por sus más de 20 categorías entre las que podrás encontrar plantillas para negocios, tecnología, deportes, fotografía, sitios web corporativos, tiendas online, entre otras. Existen otras alternativas que incluso algunos plugins han habilitado, pero sin lugar a duda, este (para mi) es el mejor lugar para las plantillas o template kits para Elementor Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Cómo instalamos un Kit para Elementor Voy a compartir dos formas de instalarlas** ### 1. Importar una Plantilla o template kit Directamente en Elementor con un WordPress «vacio» Debemos asegurarnos que tenemos la opción de «**importar o exportar un kit web**«. Para ello ve a ajustes de Elementor y en la pestaña experimentos busca la opción, ponla activa y guarda cambios. Una vez la tengas activa, entonces podrás ir a la pestaña «**Biblioteca de Kits**» que podrás ver en la pestaña «plantillas» que corresponde a Elementor. Una vez le des clic a la “Biblioteca de Kits” podrás ver que tienes la posibilidad de filtrar por categorías, tags o kits según el plan que tengas con Elementor. Evidentemente con la versión free no tendrás tantas opciones y sólo se limitará a cargar contenido gráfico con imágenes y secciones, pero no contarás con las plantillas del “Theme Builder”. Al elegir cualquier plantilla de la librería, tendrás un botón en la parte superior izquierda donde podrás ver la demo y la opción de «Overview» donde podrás revisar que contenido tiene el kit que estás eligiendo. Una vez que estes convencido de la plantilla que vas a usar, podrás hacer clic en el botón verde donde dice “Apply Kit” para cargar la plantilla en tu proyecto web. **IMPORTANTE**: debes tener presente que puedes usar todo el kit, o personalizarlo e incluir solo algunos elementos y que al aplicar el kit completo, anularás cualquier estilo, configuración o contenido que ya esté en tu sitio. La carga se va a demorar dependiendo del tamaño del kit que quieras importar y los elementos que la contenga, como plugins, plantillas, páginas, entradas, etc. (Si ya tienes algunos elementos configurados en tu sitio web, entonces Elementor te informará cuales elementos se van a reemplazar) (si en tu caso el WordPress esta vacío, no te debería salir este mensaje) Una vez se ha cargado todo el kit de Elementor, te saldrá un mensaje con toda la información que se ha importado y finalmente podrás verlo en vivo (o darle clic al botón cerrar para volver al administrador de WordPress) ### Importar una plantillas o template kit para Elementor Envato Elements. Ingresas a elements.envato.com y en el selector eliges la opción WordPress y en el buscador escribes Kits Elementor Una vez allí, podrás filtras por “Template Kits” y en “compatible con” tendrás más de 2700 opciones para Elementor Free y más de 1300 opciones para la versión PRO. Al darle clic a “Filtrar por” podrás filtrar por categorías especificas como Automoción y transporte, blogs, y podcast, negocios, servicios, finanzas y un largo etc. Una vez has elegido los filtros necesarios para encontrar las plantillas acordes a lo que necesitas, entonces elige la que más te guste y descargarla y añade el archivo a un proyecto nuevo. (Ten en cuenta que puedes ver todo lo que contiene la plantilla antes de descargarle y asegurarte que efectivamente tiene lo que quieres o necesitas) **IMPORTANTE:** Algunas de la plantillas tienen imágenes de demostración y necesitarás licenciarlas en envato.elements para usarlas en tu sitio web, o puedes sustituirlas por las tuyas propias. (Lo mejor es que al suscribirte al plan mensual, puedes descargar las imágenes y licenciarlas sin problema o incluso tienes un enorme banco de imágenes para reemplazarlas) Una vez descargues la plantilla de Envato (no la descomprimas) sigue a continuación estas instrucciones para que la puedas instalar en tu proyecto web (procura que sea un WordPress completamente vacío, para tener mejor control sobre el contenido que se ha creado en tu sitio web) #### **Cómo instalar y usar el kit de Envato:** 1. Instala y activa el Plugin «Envato Elements» desde Plugins > Añadir nuevo en WordPress 2. Has clic en el botón para conectar tu cuenta en envato.elements.com 3. Logueate en Envato 4. Una vez la conectes se te va a generar un Token que deberás copiar 5. posteriormente pegarlo en el plugin de la página web. 6. Con tu cuenta ya activa dentro de tu sitio web, entonces debes ir a la opción de “Paquetes instalados” y subir el zip que has descargado de tu kit de Elementor. (También puede importar automáticamente haciendo clic en Conectar cuenta para vincular su suscripción a Elements y, a continuación, importarla en Elementos > Kits de plantillas.) 7. Busca el Banner naranja en la parte superior y haz clic en Requisitos de instalación para cargar cualquier Plugins que use el kit.**IMPORTANTE:** (antes de darle clic a importar asegúrate que tengas el Elementor PRO instalado si vas a usar una plantilla para esta versión) 8. Cuando tengas los requisitos de la plantilla instalados, entonces has clic primero en importar en Estilos de kit globales. 9. Revisa los elementos que quieres implementar en tu sitio web y has clic en Importar en una plantilla a la vez. Se almacenarán en Elementor en Plantillas > Plantillas guardadas. 10. Luego ve a páginas, crea una nueva página (publícala) y posteriormente has clic en Editar con Elementor 11. Has clic en el icono de engranaje en la parte inferior izquierda del generador para ver la configuración de la página y elegir Elementor Full Width y ocultar el título de la página 12. Posteriormente has clic en el icono gris de la carpeta para acceder a la pestaña Mis plantillas 13. Importa la página que quieres personalizar. ** 14. Acepta y aplica los cambios para poder importar tu plantilla en la página (en este ejemplo, la del home) 15. Repite el mismo proceso con cada sección y plantilla que quieras usar en tu página web del kit que descargaste para tu proyecto. Enhorabuena ahora puedes editar y cambiar a tu gusto cada parte de tu sitio web y ten el control total sobre cada parte del proyecto**. ## Exportar kits de Elementor. Exportar los kits de Elementor de tu proyecto es muy fácil, sólo tienes que ir a la pestaña herramientas de Elementor y hacer clic en la pestaña Importar / exportar. Allí verás la opción de “iniciar la exportación” Al iniciar la exportación verás que Elementor te muestra todas las opciones que puedes elegir para exportar tu contenido (elige las que necesites exportar y has clic en siguiente) Al darle siguiente, tendrás a continuación el listado de los plugins que tienes instalados en tu proyecto para que elijas los que quieres y necesitas incluir en la exportación. (Revisa por supuesto que este elegido por defecto el Elementor PRO) Cuando hayas terminado de elegirlos, has clic en “Crear kit” y espera que ejecute la exportación y posteriormente guarda el archivo en tu computador. Al guardarlo, verás un resumen del kit que has exportado. ¡**Enhorabuena! ya tienes tu kit de Elementor exportado** **IMPORTANTE:** • Cuando exportas un kit, estas exportando sólo las entradas, páginas, plantillas, medios y demás… pero no la configuración o los ajustes generales de tu sitio web, por lo que si lo que quieres es migrar o clonar una página, debes hacerlo con otros recursos como por ejemplo, usando el all in one wp Migration • Ten instalado previamente los plugins que puedas necesitar aparte del Elementor y Elementor PRO, por ejemplo, si usas alguno de Crocoblock ## Importar un Kit de Elementor Doy por hecho que ya tienes instalado WordPress, el plugin de Elementor y Elementor PRO. Ve a la pestaña “Elementor” de tu Backend y has clic en en “herramientas”. Allí verás la pestaña importar / exportar kit (has clic en la opción “iniciar la importación” Se abrirá una ventana en la que podrás elegir el archivo del Kit de Elementor que vas a importar. Una vez lo hayas elegido, verás que plugins son necesarios para la correcta instalación de tu kit (si aún no los tienes instalados, te sugiero instalarlos antes de comenzar la instalación) Posteriormente verás que partes de tu kit quieres importar (plantillas, contenido y ajustes del sitio). Elige lo que quieras y darle clic a “importar» Comenzará a importarse tu kit (esto dependerá del tamaño de los elementos que estás importando. ¡**Enhorabuena! importaste tu kit de Elementor, ahora podrás ver cómo quedo.** **IMPORTANTE:** - Si el kit que estás importando corresponde a un proyecto propio, ten presente que debes importar el tema que hayas usado (incluyendo el Child theme si lo tuviera) sino, verás todo el contenido importado, aplicado al tema que tengas activo. - Si aún no has hecho nada en tu instalación con Elementor hasta este momento, es posible que te solicite “activar la carga de de archivos sin filtrar”. Te lo solicita por si necesitas cargar contenido SVG para tu proyecto. (Es necesario que lo actives para que te importe este tipo de contenido) ## Ventajas y desventajas de usar plantillas o template kits para Elementor ### Algunas de las ventajas al usar los template kits son: - Las Plantillas o template kits para Elementor están listas para crear un sitio web en muy poco tiempo. - Son fáciles de usar y no requieren conocimientos de código. - Son personalizables, por lo que puedes cambiar la apariencia de tu sitio web usando el compositor el mismo compositor - Vienen preparadas con responsive web design, por lo que se verán bien en todos los dispositivos. - Si las adquieres en Envato Elements además tendrás a disposición una gran cantidad de medios digitales para personalizar tu proyecto ### Algunas «desventajas» serían: - No tener suficientes kits desde Elementor o sentir algunos limitados porque solo vienen con ciertas opciones de diseño, pero esto lo puedes solucionar con las múltiples opciones que tiene Envato Elements - Hay una pequeña curva de aprendizaje asociada con el uso de Elementor, pero por algo es el plugin más descargado del mundo y una de sus principales fortalezas es lo intuitivo de su uso. En conclusión, son más las ventajas que nos da el uso de plantillas o template kits para Elementor PRO. --- ## Entrevista sobre WordPress en la Cadena Ser URL: https://sebasweb.net/entrevista-sobre-wordpress-en-la-cadena-ser/ La radio Cadena Ser es una de las emisoras más populares de España, ¡y me invitaron a pasar y hablar sobre WordPress! En la entrevista, discutimos cómo se usa WordPress en todo el mundo, cómo impulsa tantos sitios web y blogs, y por qué es una plataforma tan popular. También hablamos sobre algunas de las cosas increíbles que puede hacer con WordPress. Si tienes curiosidad acerca de WordPress o quieres aprender más sobre él, ¡escucha la entrevista! o mírala haciendo en la página de Cadena Ser Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME --- ## Buenas practicas con Elementor PRO URL: https://sebasweb.net/buenas-practicas-con-elementor-pro/ Elementor PRO es un complemento popular de WordPress que permite a los usuarios crear páginas y publicaciones personalizadas con arrastrar y soltar. Si bien Elementor es fácil de usar, hay algunas cosas a tener en cuenta para aprovechar al máximo el complemento. En este artículo, te compartiré algunas **buenas prácticas con Elementor PRO.** ## ¿Qué es Elementor PRO? Elementor PRO es un creador de páginas avanzado para WordPress. Te permite crear páginas y publicaciones personalizadas con la facilidad de arrastrar y soltar. Elementor PRO también agrega muchas funciones potentes al complemento gratuito Elementor Page Builder. Con Elementor PRO, puedes crear páginas y publicaciones con la facilidad de arrastrar y soltar. Además, obtienes acceso a potentes funciones como widgets globales, CSS personalizado y más. Si estás buscando un potente creador de páginas para WordPress, entonces Elementor PRO es la elección perfecta. Con su interfaz de arrastrar y soltar y funciones avanzadas. Elementor es el compositor que uso para los desarrollos de mis clientes de diseño web con WordPress ### A continuación el listado de algunas buenas practicas con Elementor PRO compartidas en el Live del grupo oficial de Elementor de Facebook en Español - Comenta el código CSS que estas usando en tu proyecto. - Elimina el espacio por defecto que tiene el widget de parrafos. - Especifica el Header como header e igualmente el footer. - Usa el Hello Elementor para tus proyectos con Elementor - Para modificaciones en la plantilla usa el Child Theme - Usa los estilos globales para los colores y las fuentes - Tip* predefinir siempre el blanco – Negro y transparente en los estilos globales de color - Usa las etiquetas dinámicas para los títulos y los enlaces - Usa la ventana del navegador para organizar tus secciones (ayuda mucho con el responsive) - Usa los padding para la altura de las secciones, con eso evitas que la altura sea predefinida para todos los dispositivos. - Aprovecha los bordes redondeados para darle forma a las imágenes si puedes ahorrarte una imagen en formato png - Aprovecha las plantillas creadas en Elementor para compartir contenido en las entradas de Gutenberg. - En ajustes: desactiva la opción de Elementor para las entradas y - Diseña cómo se va a ver una entrada con el compositor de Elementor. - Procura usar la opción de código que te ofrece Elementor para implementar en tu sitio web. - Configura la página de error 404 - Ahorra tiempo con la opción de copiar y pegar que tiene Elementor. - Copia o elimina toda una página con un par de clics. - Entrega a tus clientes el sitio web optimizado para que pueda actualizar su sitio web. - Usa la opción de ancho del objeto y evita usar columnas para organizar los objetos en línea. - Mientras estes trabajando en tu proyecto, diseña una plantilla para el modo mantenimiento y activado desde los ajustes de Elementor. - Oculta el re-captcha en el front con CSS. ### Estas son algunas buenas practicas que incluí sobre WordPress que también puedes ver en el video: - AL comenzar un proyecto con WordPress, activa en ajustes de lectura la opción: «Pedir a los motores de búsqueda que no indexen este sitio» - Crea un perfil de colaboración para el encargado del Marketing. - Procura mantener máximo dos temas instalados. Uno es el principal y el otro es por seguridad o pruebas. - Desactivar los comentarios de toda la página – diablee comments - Cambia el prefijo de instalación de la base de datos cuando instales WordPress. - Guarda un documento con tus códigos personalizados. - Quita o cambia la descripción corta de los ajustes generales «Otro sitio realizado con WordPress» - Revisa que tengas la opción de «Nombre de la entrada» en los ajustes de «Enlaces permanentes» #### A continuación entro un poco más en detalle sobre algunas de las buenas practicas con Elementor PRO ### Usa Hello Theme el tema oficial de Elementor Elementor ha diseñado Hello Theme, un tema gratuito desarrollado específicamente para ser la plantilla perfecta y óptima para trabajar con el plugin Elementor. Este tema no ofrece opciones de personalización ni de diseño. Es prácticamente solo un lienzo en blanco, lo que significa que es una excelente opción para el rendimiento de la página y nos permite hacer uso del plugin para el desarrollo y personalización de toda la página. Definitivamente una de las buenas practicas con Elementor PRO, al ser la plantilla oficial del compositor. #### Child Theme Hello Elementor Un Child Theme es un tema de WordPress que hereda su funcionalidad de otro tema de WordPress, llamado tema principal. Los temas secundarios a menudo se usan cuando desea realizar cambios en un tema de WordPress existente sin perder la capacidad de actualizar el tema principal. Usar un tema secundario con Elementor es una excelente manera de comenzar con la personalización sin tener qué preocuparse por perder los cambios cuando se actualice el tema principal. Por esta razón recomiendo instalarlo desde el comienzo. Por ejemplo, en este video, te enseño como poder crear un child theme del tema Astra. ### Usa los estilos globales para el color y las fuentes Como diseñador web, es importante tener una buena comprensión de los estilos globales y cómo se pueden utilizar para su beneficio. Aquí hay algunos consejos sobre cómo usar estilos globales en Elementor PRO. Cuando se trata de estilos globales, una de las cosas más importantes a tener en cuenta es que menos es más. No debes exagerar con diferentes colores y fuentes, ya que esto puede hacer que tu sitio web se vea desordenado y poco profesional. En cambio, concéntrate en usar los colores y fuentes del estilo de la marca en todo su sitio web. Esto ayudará a crear una apariencia cohesiva que sea fácil de navegar para sus visitantes. Otro consejo para usar estilos globales de manera efectiva es asegurarse de usarlos de manera consistente en todo su sitio web. Para ello te recomiendo usar la herramienta que viene por defecto en Elementor PRO. ### Ventana de navegador La opción de la «ventana del navegador» o navigator en la interfaz de Elementor PRO es una excelente manera de mejorar el flujo de trabajo cuando estas desarrollando tu web. Te permite navegar entre las diferentes capas o secciones que tengas creadas dentro de tu sitio web, moverlas de posición y por supuesto ingresar a la opción de editar el contenido con el clic derecho. ### Aprende a copiar y pegar los estilos de tus widgets Elementor PRO te permite copiar y pegar estilos de un elemento a otro. Este es un gran ahorro de tiempo cuando está trabajando en un sitio web con varias páginas y deseas mantener una apariencia uniforme en todo momento. Para usar la función de copiar y pegar, simplemente seleccione el elemento del que desea copiar el estilo, al hacer clic derecho, elige la opción «Copiar» en el panel de Elementor, luego seleccione el elemento en el que desea pegar el estilo y haga clic en » Pegar». botón. Debes tener en cuenta que para usar esta opción, debes copiar y pegar los estilos de un elemento igual, por ejemplo de un botón a un botón o de una columna a otra columna. Esta característica es extremadamente útil si estás trabajando con muchos elementos de texto o botones en su sitio web. Esta opción te permite crear rápidamente una apariencia consistente sin tener que diseñar manualmente cada elemento. ### Guarda plantillas reutilizables Como diseñador web, una de las cosas más importantes que puedes hacer como una de las buenas practicas con Elementor PRO es ahorrar tiempo usando plantillas. Esto es una excelente manera de crear plantillas personalizadas para tus proyectos web. Con Elementor Pro, puede guardar tus diseños como plantillas y reutilizarlos una y otra vez. Sin duda, es una de las buenas practicas con Elementor PRO Para poder usar esta opción, primero, abre la plantilla que deseas guardar en Elementor Pro. Luego, haz clic en el botón «Guardar» en la parte superior del editor de plantillas. En la ventana emergente, asigna un nombre a tu plantilla y haz clic en el botón «Guardar plantilla». Tu plantilla ahora se guardará en su biblioteca de Elementor Pro. Para reutilizar su plantilla guardada, simplemente haga clic en el botón «Cargar plantilla» en el editor de plantillas y seleccione su plantilla de la biblioteca. ¡Eso es todo al respecto! ### Usa los shortcodes de plantillas en las entradas con Gutenberg Los códigos cortos o también llamados «shortcodes» son pequeños fragmentos de código qué se pueden usar para agregar funcionalidad a sus páginas y publicaciones. Por ejemplo, puede usar un shortcode para agregar una galería de imágenes, un video o un formulario. Para usar un código corto en Elementor pro, simplemente haz clic en el ícono «Agregar elemento» y seleccione el elemento «código corto» de la lista. Luego pega tu código abreviado en el campo «Contenido». Otra alternativa muy útil es usar los códigos cortos que generan las plantillas que haz guardado en tu instalación. Un ejemplo muy claro, es diseñar una plantilla para que los usuarios se suscriban a tu sitio web y posteriormente pegar ese código corto en las entradas de tu blog creadas con Gutenberg. ### Oculta elementos en responsive Cuando creas una página con Elementor PRO, tienes la opción de elegir entre tres modos: escritorio, tableta y móvil. De forma predeterminada, se selecciona el modo de escritorio, no obstante tienes la opción de cambiarla al dispositivo que estes desarrollando. La opción de adaptabilidad te permite cambiar la apariencia de tu página en diferentes dispositivos. Por ejemplo, es posible que desees mostrar una barra lateral en modo escritorio pero no en los dispositivos móviles. O bien, es posible que desees ocultar completamente un elemento en alguno de los dispositivos. ### Usa CSS personalizado en cualquier elemento, página o ajustes globales Agregar estilos CSS en Elementor Pro es muy sencillo. Con solo unos pocos clics, puedes agregar estilos personalizados a cualquier elemento de tu página. Para comenzar, abre el editor de Elementor Pro y haz clic en el elemento que deseas diseñar. Luego, haga clic en el botón Editar CSS que se encuentra en la pestaña avanzado de la esquina superior derecha de la columna izquierda en el editor. En la ventana del Editor de CSS que aparece, puedes agregar s¡tus estilos de CSS personalizados. Para hacerlo, simplemente escribe el código CSS deseado y presiona Guardar. ¡Y eso es! Tus estilos personalizados se aplicarán al elemento seleccionado inmediatamente. ### Secciones fijas para llamar la atención de tus usuarios Para crear una sección fija en Elementor Pro, simplemente edita la sección que deseas hacer fija y marca la opción «fijar» que se encuentra en la pestaña Avanzado (Efectos de movimiento). A continuación, puedes elegir si desea que la sección se pegue a la parte superior o inferior de la página, y cuánto debe desplazarse desde esos bordes. Una vez que hayas guardado los cambios, los visitantes de tu sitio web ahora verán esa sección adherida a la parte superior o inferior de su pantalla a medida que se desplazan hacia abajo. Esta puede ser una excelente manera de captar su atención y asegurarse de que no se pierdan información importante. ### Copia y borra todo el contenido de una página Si deseas eliminar o copiar todo el contenido de una página, hay una manera fácil de hacerlo. Simplemente ve al final de la página que desees copiar y eliminar y sobre la caja punteada donde dice «arrastra aquí el widget» puedes hacer clic derecho y elegir cualquiera de las dos opciones. En caso de que hayas elegido copiar, podrás ir a otra página sobre el mismo dominio, y darle clic derecho sobre la misma caja y elegir pegar. ¡Eso es todo al respecto! Puede copiar y eliminar rápidamente todo su contenido sin tener que hacerlo manualmente con cada elemento. --- ## Trucos CSS en Elementor URL: https://sebasweb.net/trucos-css-con-elementor/ Estos con algunos trucos CSS en Elementor que he compartido en el live del grupo oficial de Elementor en Español. Espero que te puedan ser de utilidad y si tienes algún otro que quieras que comparta, me puedes escribir en el formulario de contacto y será un placer sumarlo a esta lista de códigos Trucos CSS en Elementor. En el video enseño cómo y donde puedes implementar cada uno de estos códigos y trucos CSS en Elementor. Truco CSS N1: ## Posición del ícono en versión mobile en el widget de la caja del ícono @media only screen and (max-width: 600px) { .elementor-icon-box-wrapper { display: flex!important; } p.elementor-icon-box-title { margin-left: 10px!important; } } Ejemplo: Este es el encabezado Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Truco CSS N2: ## Eliminar el espacio inferior por defecto de los párrafos .elementor-text-editor p:last-child{ margin-bottom:0px; } Ejemplo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Truco CSS N3: bordes a los videos de fondo en las secciones .elementor .elementor-background-video-container { border-radius: 6px; max-width: 300px; } Ejemplo Truco CSS N4: ## Rotación de imagen infinito .image { -webkit-animation:spin 20s linear infinite; -moz-animation:spin 20s linear infinite; animation:spin 20s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } } Ejemplo Truco CSS N5: ## Botón volver en html Ejemplo --- ## Recuperar la contraseña del WordPress URL: https://sebasweb.net/recuperar-contrasena-wordpress/ En este video vamos a aprender a recuperar la contraseña del WordPress a través del CPANEL de nuestro hosting o más exactamente en el phpMyAdmin. SiteGround es el hosting que recomiendo y uso durante el video. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME --- ## Video Marketing con Filkers y Woocommerce URL: https://sebasweb.net/video-marketing-con-filkers-y-woocommerce/ Con Filkers vas a poder crear videos para estrategias de Video Marketing en tu página, con los productos que tengas en tu tienda online, sin necesidad de conocimientos técnicos en la edición de video y con la posibilidad de actualizar el contenido del video de forma muy fácil. IR A FILKERS Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME --- ## Plantillas de correo electrónico HTML y CSS URL: https://sebasweb.net/plantillas-de-correo-electronico-html-y-css/ En este video vamos a aprender a usar una herramienta en línea para crear y descargar plantillas de correo electrónico HTML y CSS, simplemente con el concepto de arrastrar y soltar. Para ello, usaremos la página beefree.io, aunque tienen una opción premium, lo que veremos en el video será con su versión gratuita y con la posibilidad de evitar cualquier marca de agua para tus diseños, además de tener un email en html y css listo para usar en cualquier plataforma de envíos, o como en nuestro caso, para el correo de autorespuesta del formulario creado en Elementor PRO. Descarga aquí los correos en HTML Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### Resumen del video - 00:00 📧 Creación de correo electrónico con befree.io** Creación de un diseño de correo electrónico personalizado utilizando la plataforma befree.io. - Introducción al entorno de diseño en befree.io con dos espacios: uno para diseño y otro con pestañas de contenido, filas y ajustes. - **01:42 🎨 Diseño del encabezado y saludo** Personalización del encabezado del correo electrónico, incluyendo el logo y ajustes de estilo. - Uso de herramientas de befree.io para añadir imágenes, definir colores de fondo y ajustar propiedades de las filas. - **04:51 📝 Creación del cuerpo del correo** Diseño del contenido principal del correo electrónico, incluyendo texto personalizado y elementos dinámicos. - Utilización de bloques de texto, ajuste de tipografía, colores y alineación para lograr un diseño atractivo. - **08:32 🖼️ Diseño de sección con dos columnas** Creación de una sección con dos columnas, cada una conteniendo una imagen y texto relacionado. - Ajuste de espacios entre columnas, personalización de fondo y disposición de elementos para lograr una estructura visualmente equilibrada. - **10:36 📱 Creación de botones y sección de vídeos** Personalización de botones en befree.io para incluir enlaces y ajustes visuales. - Diseño de una sección que presenta vídeos con imágenes, títulos y enlaces correspondientes. - **11:46 🌐 Inclusión de redes sociales y finalización del diseño** Agregado de una sección final con enlaces a redes sociales. - Ajustes finales en colores, espaciados y diseño general del correo electrónico. - **13:28 💻 Exportación y ajustes finales del código HTML** Demostración de cómo exportar el diseño y obtener el código HTML. - Eliminación de elementos no deseados en el código HTML y ajustes para la correcta visualización en emails. - **17:49 🎁 Regalo y cierre del tutorial** Oferta de un regalo consistente en códigos HTML de diseños adicionales. - Invitación a comentar sobre la experiencia y sugerencias para futuros tutoriales. --- ## Cómo instalar WordPress en Siteground URL: https://sebasweb.net/como-instalar-wordpress-en-siteground/ En este video vamos a aprender a instalar WordPress en Siteground con un par de clics. MUY FÁCIL. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME --- ## Actions pack for Elementor Pro URL: https://sebasweb.net/actions-pack-for-elementor-pro/ En esta ocasión, vamos a ver cómo funciona el plugin Actions pack for Elementor Pro. IR AL PLUGIN AQUÍ Durante el video vas a poder ver algunas de las cosas que podrás hacer con el plugin Actions Pack for Elementor PRO más otros plugins que complementan muy bien las opciones que le podemos dar al usuario final con el objetivo de darle una muy buena experiencia de usuario: - Cómo crear un formulario de registro personalizado para usuarios con campos del formulario nativo de Elementor PRO. - Cómo añadir en la parte pública de la web un switcher de JetTricks (de la empresa Crocoblock) con 2 formularios (registro / login). - Cómo personalizar los formularios de login y olvidé mi contraseña. ## Que puedes hacer con el plugin Actions Pack for Elementor PRO - Crear un formulario de registro de usuario - Crear un formulario de inicio de sesión de usuario - Crear un formulario de restablecimiento de contraseña - Crear una interfaz para el perfil de usuario. - Integrar Hojas de cálculo de Google - Integrar un servicio SMS con el formulario de Elementor PRO para enviar o recibir mensajes a un número de teléfono móvil. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## ¿Qué pasa cuándo instalas Actions Pack for Elementor PRO? Una vez que instalas el plugin en tu proyecto, automáticamente conviertes el formulario nativo de Elementor PRO en un potente widget que te podrá servir para registro de usuarios, recuperar contraseñas, crear inicios de sesión, etc sin tener que usar un widget adicional y por supuesto, con todas las opciones de diseño que Elementor PRO nos proporciona. --- ## Campos repeater en JetTabs (tabs o acordeón) usando Jet Engine y Dynamic data addon URL: https://sebasweb.net/campos-repeater-en-jettabs-tabs-o-acordeon-usando-jet-engine-y-dynamic-data-addon/ En este video tutorial usaremos Dynamic data addon para aprender a usar los campos repeater en las tabs o acordeones del plugin JetTabs de Crocoblock, espero te sea tan útil como lo ha sido para mí en mis proyectos con clientes. A continuación te dejo los vínculos para los plugins que he usado en el tutorial. ### PLUGINS DEL TUTORIAL: - Plugin JetEngine: https://url.sebasweb.net/jetengine - Plugin JetTabs: https://url.sebasweb.net/jettabs - Plugin Dynamic data addon: https://url.sebasweb.net/dynamicdata ### Configuración de los íconos Los iconos del acordeón se configuran en los campos Active y Active Icon.**El Icon es el estado cerrado del acordeon y allí podremos poner el icono: fas fa-plusEl icon se podrá ver cuando el acordeón esta abierto, es decir en estado «activo» por lo que podremos poner el icono: fas fa minus. En caso de querer poner otros iconos, podrás disponer de la biblioteca oficial de font Awesome Suscríbete y aprende gratis ¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ### Los temas que veremos durante el video son: - Creación del campo repeater y asignación a un single. - Creación de la entrada (página) para rellenar los datos. - Diseño del acordeón o de las tabs para campos repeater con texto - Diseño de página con tabs y plantillas - Descargar e instalar el plugin desde la página (ver plugin acá) - Creación de dos plantillas con información para probar el mismo efecto pero con shortcodes. - Ejemplo de una página real donde use los dos. 💥 ¡Suscríbete y activa la campana para que no te pierdas ningún video https://cutt.ly/Cyz2l6c --- ## Exportar entradas de WordPress con las imágenes destacadas URL: https://sebasweb.net/exportar-entradas-de-wordpress-con-las-imagenes-destacadas/ Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Exportar Entradas de WordPress con las Imágenes: Migración sin Esfuerzo La migración de contenido en WordPress puede ser una tarea compleja, especialmente cuando se trata de transferir todas las entradas con sus imágenes destacadas y enlaces. Sin embargo, con las herramientas adecuadas y una estrategia bien planificada, este proceso puede realizarse sin complicaciones. En este artículo, exploraremos la solución efectiva presentada en el video «Exportar Entradas de WordPress con las Imágenes», proporcionando una guía detallada para una migración sin esfuerzo. ### Entendiendo la Importancia de una Migración Completa Cuando se cambia de sitio web o se actualiza un proyecto, es fundamental llevar consigo todas las entradas, imágenes y enlaces para mantener la integridad del contenido. Esto asegura que los visitantes del nuevo sitio experimenten la misma calidad y relevancia que ofrecía el sitio anterior. ### La Estrategia de Exportar Entradas de WordPress con las Imágenes En el video, comparto una estrategia sólida utilizando el plugin «Export Media with Select Selected Content». Este plugin se convierte en un aliado fundamental para garantizar una migración sin problemas. A continuación, se detallan los pasos esenciales para llevar a cabo esta migración: #### 1. Instalación y Configuración del Plugin:** Lo primero que se debe hacer es instalar el plugin «Export Media with Select Selected Content» desde el repositorio de WordPress. Una vez instalado, se activa y se configura para seleccionar las entradas específicas que se desean migrar. #### **2. Selección de Entradas y Descarga del Archivo XML:** Usando el plugin, se seleccionan las entradas del sitio web actual que se migrarán al nuevo proyecto. Posteriormente, se genera y descarga un archivo XML que contiene todas las entradas, imágenes y enlaces asociados. #### **3. Importación del Contenido en el Nuevo Sitio:** En el nuevo sitio web, se utiliza el plugin de importación de WordPress. Al seleccionar el archivo XML descargado y marcar la opción «Descargar importar archivos adjuntos», se asegura que todas las imágenes y archivos multimedia se importen junto con las entradas. #### **4. Verificación y Optimización:** Una vez completada la importación, es fundamental revisar el nuevo sitio para asegurarse de que todas las imágenes y enlaces estén en su lugar. Además, es una oportunidad para optimizar el contenido si es necesario, asegurando una experiencia de usuario fluida. ### Conclusión: Una Migración Sin Preocupaciones La migración de entradas de WordPress con sus imágenes destacadas puede parecer abrumadora, pero con la estrategia adecuada y el uso del plugin «Export Media with Select Selected Content», se convierte en un proceso fluido y sin preocupaciones. Mantener la integridad del contenido es esencial para el éxito continuo en línea, y esta estrategia proporciona una solución efectiva para este desafío común. No importa si estás cambiando de sitio web o actualizando tu proyecto actual, la migración sin esfuerzo de WordPress es posible con las herramientas adecuadas a tu disposición. Siguiendo los pasos mencionados y utilizando el plugin correcto, puedes garantizar una transición sin complicaciones y continuar ofreciendo un contenido valioso a tu audiencia. ¡Espero que hayas encontrado útil este artículo sobre cómo exportar entradas de WordPress con las imágenes destacadas! Si tienes alguna pregunta, experiencia para compartir o simplemente quieres dejar tus comentarios, me encantaría leerte. Tu opinión es valiosa para mí. ¿Has utilizado alguna vez estos plugins para migrar tu contenido? ¿Tienes algún otro consejo o herramienta que te gustaría recomendar? No dudes en dejar tus comentarios a continuación y únete a la conversación. Estoy ansioso por leerte 🙂 --- ## Cambiar el precio según la cantidad de productos en WooCommerce URL: https://sebasweb.net/cambia-el-precio-segun-la-cantidad-que-elijas-de-producto-en-woocommerce/ Cambiar el precio según la cantidad de productos en WooCommerce puede ser una excelente manera de fomentar compras mayores y aumentar la satisfacción del cliente. Al hacer que los clientes vean el precio final desde el principio, es menos probable que abandonen el carrito en el proceso de pago. Actualmente WooCommerce no nos ofrece esta opción por defecto, no obstante, lo podemos lograr con un plugin de una manera muy sencilla. ## Cambiar el precio según la cantidad de productos en WooCommerce con el plugin Final Price El plugin «Final Price» para WooCommerce funciona de manera simple y efectiva. Sólo tienes que instalar y activar y listo. Una vez hayas hecho esto, el plugin muestra un cuadro de precio total adicional en la página del producto, justo encima del botón «Agregar al carrito». Este cuadro se actualiza automáticamente cuando el usuario cambia la cantidad de productos seleccionados. Es importante tener en cuenta que el complemento solo funciona para productos simples y variables, y no para productos agrupados o de descarga. Finalmente por un precio muy económico y de un sólo pago, puedes conseguir una mejor experiencia de usuario. VER EL PLUGIN Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME --- ## Exportar emails de los comentarios de WordPress URL: https://sebasweb.net/exportar-emails-de-los-comentarios-de-wordpress/ Hoy vamos a hablar de algo muy útil: exportar emails de los comentarios de WordPress. Si tienes un sitio web y recibes comentarios, seguramente querrás tener esos correos para comunicarte con tus visitantes. ¡Así que vamos al grano! Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Método 1: Usando phpMyAdmin para exportar emails de los comentarios de WordPress Si te sientes cómodo con un poco de código, este método es ideal. Aquí te dejo los pasos: - Accede a phpMyAdmin**: Primero, entra en el panel de control de tu hosting y busca phpMyAdmin. - **Selecciona tu base de datos**: Encuentra la base de datos de tu sitio de WordPress. - **Ejecuta esta consulta**: Copia y pega la siguiente línea en la sección de SQL: SELECT comment_author_email FROM wp_comments WHERE comment_approved = '1'; - **Importante**: Ten en cuenta que el prefijo de la tabla (wp_) puede ser diferente en tu instalación de WordPress. Si lo cambiaste durante la instalación, asegúrate de usar el prefijo correcto. - **Exporta los resultados**: Una vez que veas los correos, puedes exportarlos en un archivo CSV. ¡Así de fácil! ## Método 2: Usar el Plugin «Comments Emails» Si prefieres algo más sencillo, ¡tengo la solución perfecta! Vamos a usar un plugin llamado «Comments Emails». Aquí te explico cómo hacerlo: - **Instala el plugin**: Ve a tu panel de WordPress, haz clic en «Plugins» y busca «Comments Emails». Instálalo y actívalo. - **Configura el plugin**: Una vez que lo tengas activado, ve a la configuración para ajustarlo a tu gusto. - **Exporta los correos**: El plugin te permitirá generar un archivo CSV con todos los correos de los comentarios aprobados. ¡Así de rápido! VER PLUGIN ## Plugin alternativo para poder exportar emails de los comentarios de WordPress el plugin **WordPress Comments Import & Export** es otra buena opción. Este plugin te permite exportar los comentarios en formato CSV, incluyendo campos como el nombre del autor, correo electrónico, contenido del comentario y más. ### Características principales - **Exportación selectiva**: Puedes filtrar los comentarios por fecha, publicaciones específicas o cantidad de comentarios. - **Selección de columnas**: Elige exportar solo los campos que necesitas, como comment_author_email. - **Compatibilidad**: Funciona con comentarios estándar de WordPress y también con plugins como wpDiscuz. - **Programación automática**: Permite programar exportaciones automáticas mediante FTP. - **Exportación desde la lista de comentarios**: Puedes exportar comentarios directamente desde la página de comentarios en el panel de administración.  ### ¿Cómo exportar correos electrónicos de los comentarios? - Instala y activa el plugin desde el repositorio oficial de WordPress. - Ve a **Comentarios > Comments Im-Ex** en tu panel de administración. - En la sección de exportación, selecciona los filtros que desees aplicar (por ejemplo, rango de fechas o publicaciones específicas). - En la sección de columnas, marca únicamente comment_author_email si solo necesitas los correos electrónicos. - Haz clic en **Export Comments** para descargar el archivo CSV con los correos electrónicos. VER PLUGIN ## Recuerda lo Legal Antes de enviar correos, asegúrate de tener el consentimiento de tus usuarios. Es importante cumplir con las normativas de protección de datos como el GDPR. ¡No te saltes este paso! --- ## Fondos animados en Elementor con el plugin marvy URL: https://sebasweb.net/fondos-animados-en-elementor-con-el-plugin-marvy/ En el mundo del diseño web, los **fondos animados en Elementor** son una herramienta poderosa para captar la atención de los usuarios y mejorar la estética de un sitio. En este artículo, exploraremos cómo utilizar el plugin Marvy Background Animations para añadir estos fondos animados de forma sencilla y efectiva. ## ¿Qué son los Fondos Animados en Elementor? Los fondos animados en Elementor permiten a nosotros los diseñadores web integrar animaciones en las secciones de sus páginas, creando una experiencia visual dinámica y en este artículo te quiero compartir la forma en que a través del plugin Marvy, puedes personalizar estos fondos para que se adapten a tu estilo y necesidades. ## Instalación del Plugin Marvy Para comenzar a utilizar fondos animados en Elementor, sigue estos pasos: - **Descarga e Instalación:** Accede al repositorio de plugins de WordPress, busca «Marvy» y procede a instalarlo y activarlo. - **Configuración Inicial:** Una vez activado, encontrarás nuevas opciones en el panel de Elementor para trabajar con fondos animados. Plugin versión gratuita Plugin versión de pago ## Cómo Usar Fondos Animados en Elementor ### 1. Selecciona una Sección Abre tu página con Elementor y selecciona la sección en la que deseas añadir el fondo animado. ### 2. Configura el Fondo En la pestaña de «Estilo», busca la opción de «Fondo Animado». Aquí podrás elegir entre diferentes tipos de animaciones, tales como: - **Desplazamiento:** Fondos que se mueven lentamente. - **Efectos de Parallax:** Crea una sensación de profundidad al desplazar el fondo a diferentes velocidades. ### 3. Personaliza la Animación El plugin Marvy te permite ajustar la velocidad, dirección y tipo de animación. Experimenta con estas configuraciones hasta obtener el efecto deseado. ### 4. Previsualiza y Publica Antes de publicar, asegúrate de previsualizar los cambios para verificar que los fondos animados en Elementor no afecten negativamente el rendimiento de tu sitio. Una vez satisfecho, publica los cambios. ## Recomendaciones para el Uso de Fondos Animados en Elementor - **Moderación:** Aunque los fondos animados en Elementor son atractivos, es importante no abusar de ellos. Un exceso puede distraer a los usuarios y afectar la experiencia de navegación. - **Compatibilidad Móvil:** Asegúrate de que las animaciones se vean bien en dispositivos móviles. Marvy ofrece opciones para ajustar la visibilidad en diferentes pantallas. - **Optimización del Rendimiento:** Verifica que el uso de animaciones no ralentice la carga de tu página. Prueba diferentes configuraciones y utiliza herramientas de análisis de rendimiento. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Algunas preguntas que me han hecho sobre los fondos animados en Elementor ### ¿Los fondos animados afectan el SEO? Los fondos animados en Elementor no afectan directamente el SEO, pero un sitio lento puede impactar negativamente en tu posicionamiento. Asegúrate de optimizar el rendimiento. ### ¿Puedo usar fondos animados en todas las secciones? Sí, puedes aplicar fondos animados en Elementor a cualquier sección, pero considera la relevancia y la experiencia del usuario. ### ¿Marvy es compatible con otros plugins de Elementor? Sí, Marvy está diseñado para ser compatible con otros plugins de Elementor. Sin embargo, siempre es recomendable probar la funcionalidad después de la instalación de nuevos plugins. Los fondos animados en Elementor pueden transformar la apariencia de tu sitio web, haciéndolo más dinámico y atractivo. Con el plugin Marvy, añadir estas animaciones es un proceso sencillo que puede mejorar significativamente la experiencia visual del usuario, pero ten siempre presente que podría afectar el rendimiento de carga de tu página, por lo que usalos moderadamente y procura no cargar mucho tu proyecto. --- ## Cambiar el correo de las notificaciones en WordPress URL: https://sebasweb.net/cambiar-el-correo-de-las-notificaciones-en-wordpress/ Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME --- ## Política de privacidad en la caja de comentarios de WordPress URL: https://sebasweb.net/politica-de-privacidad-en-la-caja-de-comentarios-de-wordpress/ Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Implementando la política de privacidad en la caja de comentarios de WordPress: ¡La Solución Simple! En este artículo vamos a hablar sobre un problema común que enfrentamos en nuestros blogs de WordPress y, por supuesto, te voy a presentar una solución práctica y fácil de implementar. Como «blogueros«, es esencial asegurarnos de que nuestros usuarios acepten nuestra política de privacidad antes de dejar un comentario en nuestras publicaciones. Por defecto, WordPress no nos proporciona una opción clara para hacerlo, por lo que en este artículo te mostraré un plugin que nos ayudará con a solucionar esto. DESCARGAR PLUGIN (GRATIS) ### El Problema**: Cuando los usuarios comentan en nuestras entradas, necesitamos su consentimiento explícito para cumplir con las regulaciones de privacidad. Sin embargo, WordPress no incluye una función integrada para agregar una casilla de verificación de política de privacidad en la sección de comentarios. ### **La Solución: Plugin «WP Comment Policy Checkbox»** Después de investigar y probar diversas opciones, encontré la solución perfecta: el plugin «WP Comment Policy Checkbox». Este plugin resuelve nuestro problema de manera rápida y sencilla. Permíteme guiarte a través de los pasos para configurarlo: #### **Pasos para Configurar el Plugin:** - **Instalación y Activación:** - Accede al repositorio de WordPress y busca «WP Comment Policy Checkbox». - Instálalo y actívalo en tu sitio web. - **Configuración de Política de Privacidad:** - Elige la política de privacidad de tu página web. - Opcionalmente, puedes agregar una URL externa para más detalles. - Incluye información sobre el responsable del tratamiento de datos y los derechos de los usuarios. - **Personalización Adicional:** - Configura los vínculos para que no tengan un atributo «follow». - **Resultado Final:** - Después de la configuración, una casilla de verificación de política de privacidad aparecerá en las cajas de comentarios de tu blog WordPress. ### **La Importancia de Garantizar la Privacidad del Usuario** Implementar una política de privacidad no solo es esencial para el cumplimiento legal, sino también para establecer la confianza con nuestros lectores. Los visitantes se sentirán más seguros sabiendo que su información está siendo manejada adecuadamente. ### **Simplificando la Implementación de Políticas de Privacidad** En resumen, gracias al plugin «WP Comment Policy Checkbox», ahora puedes implementar fácilmente una política de privacidad en las cajas de comentarios de tu blog en WordPress. Este enfoque sencillo no solo asegura el cumplimiento normativo, sino que también crea un entorno de interacción más seguro y confiable para sus usuarios. Recuerda darle like al video si te fue útil y suscribirte para más contenido sobre WordPress. me encantará leerte en los comentarios. --- ## Añadir DNI / CIF / VAT en la factura PDF de tu Woocommerce URL: https://sebasweb.net/anadir-dni-cif-vat-en-la-factura-pdf-de-tu-woocommerce/ Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME --- ## Ejemplos de JetTricks – plugin de Crocoblock URL: https://sebasweb.net/ejemplos-de-jettricks-plugin-de-crocoblock/ En este artículo te quiero compartir algunas de las increíbles funcionalidades de JetTricks, plugin de Crocoblock. Durante mi participación en Elemendas, exploramos cómo esta herramienta puede transformar tus diseños web, haciéndolos más interactivos. Por si no lo sabes, JetTricks es un complemento que forma parte de la suite de Crocoblock que yo personalmente uso en prácticamente todos mis proyectos. ## ¿Qué es JetTricks, plugin de Crocoblock? JetTricks, plugin de Crocoblock, es una poderosa herramienta que permite a diseñadores y desarrolladores web añadir efectos visuales y elementos interactivos en sus páginas sin necesidad de conocimientos avanzados en programación. Este complemento se integra perfectamente con Elementor, lo que facilita su uso y permite a los usuarios de diferentes niveles de habilidad aprovechar sus capacidades. ## ¿Por qué elegir JetTricks, plugin de Crocoblock? Hoy en día, captar la atención del usuario en una web es todo un reto. La interactividad juega un papel clave para hacer que la experiencia sea más atractiva y mantener a los visitantes interesados. Ahí es donde entra JetTricks, un plugin de Crocoblock diseñado para agregar efectos visuales y animaciones sin complicaciones. Con él, puedes darle vida a tu sitio con efectos parallax, elementos flotantes, contenido expandible y más, sin necesidad de tocar código. No solo hace que tu web se vea mejor, sino que también mejora la experiencia del usuario y ayuda a que pasen más tiempo en ella. ## Funcionalidades Destacadas ### Agrega tooltips sobre cualquier tipo de contenido Hola soy un título### Tooltips . Los tooltips son una excelente manera de proporcionar información adicional sin saturar el diseño.  Hola soy un ícono Haz clic aquí para continuar Widget de botón ### Agregar hotspots (puntos de interes) en tus imágenes Con JetTricks, plugin de Crocoblock, puedes crear hotspots que revelan contenido adicional al pasar el cursor. Por ejemplo, imagina un mapa interactivo de una ciudad donde al pasar el ratón sobre diferentes puntos, se despliegan descripciones o imágenes. Esto no solo mejora la interactividad, sino que también permite a los usuarios explorar el contenido de manera más dinámica. Efecto Unfold Este widget te permite gestionar la cantidad de texto visible en tus diseños. Puedes ocultar información adicional y aplicarle efectos visuales, lo que permite una mejor organización del contenido y una presentación más limpia. Imagina un sitio web de productos donde solo se muestra una breve descripción, y al hacer clic, se despliega información adicional. Esto no solo ayuda a mantener un diseño limpio, sino que también mejora la experiencia del usuario al evitar la sobrecarga de información. Seguir leyendo otro textoEfecto Satellite ## Efectos Parallax El efecto parallax añade profundidad a tus páginas al hacer que los elementos de fondo se muevan a una velocidad diferente que los elementos del primer plano. Esto crea una experiencia visual dinámica que capta la atención de los visitantes. Por ejemplo, al desplazarse por una página, el fondo puede dar la impresión de que está «alejándose», mientras que el contenido principal se mueve más rápido. Este efecto no solo es visualmente atractivo, sino que también puede guiar la atención del usuario hacia elementos clave. Efecto por cada objeto Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal ** SUSCRIBIRME VER MÁS ARTÍCULOS ### Cómo ocultar el rango de precios en productos variables de WooCommerce 30 octubre 2025 No hay comentarios Si trabajas con WooCommerce, seguro has visto esos productos variables que muestran algo como “€25 – €60”. Aunque es útil, no siempre se ve bien visualmente ni genera confianza. En este artículo te enseño cómo ocultar el rango de precios en productos variables de WooCommerce y mostrar solo el precio más bajo con un pequeño snippet PHP personalizado. Además, te explico paso a paso el código, cómo implementarlo y cómo hacerlo sin romper tu sitio. ¿Por qué ocultar el rango de precios en productos variables de WooCommerce? Mostrar un rango de precios (“de €20 a €50”) puede confundir a los clientes Leer Más >> ### Amelia: un plugin de reservas para WordPress muy completo y fácil de usar 5 septiembre 2025 No hay comentarios Si estás buscando un plugin de reservas para WordPress, probablemente ya te habrás dado cuenta de la cantidad enorme de opciones que existen. Hay gratuitos, de pago, con funciones mínimas o con tantas características que parece que necesitarías un máster para entenderlos 😆. Yo mismo he pasado por ese camino, tanto para proyectos propios como para clientes. Y después de probar varios, descubrí uno que realmente hace la diferencia: Amelia. Este artículo no es un anuncio ni un “Amelia es perfecto”. Más bien es un recuento de mi experiencia y la de mis clientes, contando lo bueno, lo no tan bueno Leer Más >> ## Algunas ventajas de usar JetTricks ### Personalización de Elementos JetTricks, plugin de Crocoblock, te ofrece la posibilidad de personalizar cada elemento en tu página. Puedes activar efectos, mover elementos y ajustar propiedades, lo que te permite crear un diseño único y adaptado a tus necesidades. Por ejemplo, puedes hacer que un botón cambie de color o tamaño al pasar el ratón sobre él, lo que no solo mejora la estética, sino que también proporciona una clara indicación de que el elemento es interactivo. ### Secciones Interactivas Con JetTricks, plugin de Crocoblock, crear secciones interactivas es muy sencillo. Puedes añadir elementos que respondan a la interacción del usuario, como imágenes que se amplían al pasar el cursor o textos que cambian de color. Esto no solo mejora la estética de tu sitio, sino que también aumenta el tiempo de permanencia de los visitantes. Por ejemplo, en un portafolio de fotografía, las imágenes pueden ampliarse al pasar el ratón, permitiendo a los visitantes ver los detalles de las obras sin necesidad de hacer clic. ### Integración con Elementor Una de las grandes ventajas de JetTricks, plugin de Crocoblock, es su integración con Elementor, uno de los constructores de páginas más populares. Esto significa que puedes arrastrar y soltar elementos de JetTricks directamente en tu diseño, facilitando la creación de efectos personalizados. La interfaz intuitiva de Elementor, combinada con las potentes funcionalidades de JetTricks, permite a los diseñadores crear páginas impresionantes en poco tiempo. ## Algunos ejemplos prácticos Para ilustrar cómo puedes utilizar JetTricks, plugin de Crocoblock, en tus proyectos, aquí hay algunos ejemplos prácticos: - Sitios de Eventos:** Puedes usar hotspots en imágenes de mapas para mostrar información sobre diferentes ubicaciones de un evento. - **Portafolios Creativos:** Utiliza efectos parallax para crear una experiencia visual única que resalte tus trabajos. - **Tiendas en Línea:** Implementa tooltips en productos para mostrar descripciones rápidas sin que los usuarios tengan que salir de la página principal. ## Consejos para Maximizar el Uso de JetTricks, plugin de Crocoblock - **Prueba y Experimenta:** No tengas miedo de experimentar con diferentes efectos y configuraciones. La mejor manera de aprender es probar. - **Mantén la Coherencia:** Asegúrate de que los efectos que utilices sean coherentes con el estilo general de tu sitio. - **Optimiza la Velocidad de Carga:** Aunque los efectos visuales son atractivos, asegúrate de que no ralentizan la carga de tu página. Si tienes preguntas, sugerencias o simplemente quieres saludar, o compartir si este artículo te ha sido útil, déjame tu comentario. ¡será un placer leerte! VER PLUGIN JET TRICKS --- ## Traducir el campo fecha del formulario nativo de Elementor PRO URL: https://sebasweb.net/traducir-campo-fecha-del-formulario-de-elementor-pro/ En este tutorial, vas a aprender cómo traducir el campo fecha del formulario nativo de Elementor PRO usando código PHP personalizado dentro del tema hijo de Astra. También verás que el formato de fecha predeterminado de (aaaa / mm / dd) ha cambiado a (dd / mm / aaaa).  Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME /** * Traducción de los textos de calendario */ add_action('wp_footer', function () { if ( is_page( 112 ) ) { // Do this } elseif ( is_page( 118 ) ) { // Do that } else { return; } ?> <script> jQuery( document ).ready( function( $ ){ function waitForFlatpicker( callback ) { if ( typeof window.flatpickr !== 'function' ) { setTimeout( function() { waitForFlatpicker( callback ) }, 2 ); } callback(); } waitForFlatpicker( function(){ flatpickr.l10ns.pt = { weekdays: { shorthand: ["Dom", "Lun", "Mar", "Mier", "Jue", "Vie", "Sab"], longhand: [ "Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", ], }, months: { shorthand: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic", ], longhand: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre", ], }, rangeSeparator: " até ", }; //set translations flatpickr.localize(flatpickr.l10ns.pt); flatpickr('.elementor-date-field'); //set format setTimeout( function(){ $('.elementor-date-field').each(function(){ flatpickr( $(this)[0] ).set('dateFormat', 'd/m/Y');}); }, 1000 ); }); }); </script> <?php } ); --- ## Personaliza el escritorio de WordPress con el Dashboard Welcome for Elementor URL: https://sebasweb.net/personaliza-el-escritorio-de-wordpress-con-el-dashboard-welcome-for-elementor/ En este video hablo de cómo hago para entregar a mi cliente una pagina web con 4 plugins que se integran muy bien a la hora de personalizar el panel de administración al cliente o a cualquier rol de usuario en especifico. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME LOS 4 PLUGINS QUE VAS A NECESITAR SON:** - WPS Hide Login: https://es.wordpress.org/plugins/wps-hide-login/ - User role editor: https://es.wordpress.org/plugins/user-role-editor/ - Adminimize: https://es.wordpress.org/plugins/adminimize/ - Dashboard Welcome for Elementor: https://es.wordpress.org/plugins/dashboard-welcome-for-elementor/ Por supuesto Elementor y Elementor pro y el tema Astra --- ## Sitio web multilenguaje con Polylang y Elementor PRO URL: https://sebasweb.net/sitio-web-multilenguaje-con-polylang-y-elementor-pro/ En este video aprenderás a crear sitio web multilenguaje con Polylang y Elementor Pro. Además te comparto al final del video otra herramienta que te podría servir si no tienes mucho tiempo y requieres de una página en varios idiomas con una buena estructura SEO y el contenido traducido automáticamente. Con más del 70% de Internet que usa el inglés como idioma principal, es fácil olvidar que no todos lo hablan. Para llegar a un público más amplio, muchas empresas están recurriendo a la creación de sitios web multilingües. Este puede ser un proceso difícil y lento, pero con las herramientas adecuadas, se puede lograr fácilmente. Introducción: Elementor PRO y Polylang ## ¿Por qué usar ambos? Elementor PRO es una excelente herramienta para crear sitios web porque es fácil de usar y tiene muchas funciones que hacen que la creación de sitios web sea más rápida y sencilla. Polylang es una gran herramienta para crear sitios web multilingües porque le permite traducir fácilmente su contenido a varios idiomas. El uso conjunto de Elementor PRO y Polylang hace que la creación de un sitio web multilingüe sea rápida y sencilla. Puede usar Elementor PRO para diseñar sus páginas y luego usar Polylang para traducir su contenido a varios idiomas. Esto facilita la creación de un sitio web al que puedan acceder personas de todo el mundo. ## ¿Cómo instalar Polylang? Instalar Polylang es muy fácil. Puede instalarlo a través del directorio de complementos de WordPress o cargando los archivos del complemento en su servidor. Una vez instalado, debe activar el complemento. Tras la activación, será redirigido a la página de configuración de Polylang donde deberá seleccionar su idioma predeterminado y agregar nuevos idiomas. Después de agregar sus idiomas, puede comenzar a traducir su contenido. Polylang crea automáticamente una traducción para cada publicación, página y tipo de publicación personalizada en su sitio. También puede traducir términos como categorías, etiquetas y taxonomías personalizadas. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. ** Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Los beneficios de usar Polylang Polylang es un poderoso complemento que le permite crear un sitio de WordPress multilingüe. Es muy fácil de usar y fácil de configurar. Puede agregar tantos idiomas como desee y el complemento traducirá automáticamente su contenido a esos idiomas. Polylang también es compatible con la mayoría de los temas y complementos de WordPress. Esto lo convierte en una excelente opción para crear un sitio web multilingüe. ## Conclusión al usar Polylang con Elementor PRO Me gusta mucho usar Polylang con Elementor PRO. Hace que la creación de sitios web multilingües sea muy fácil y divertida. Definitivamente lo recomendaría a cualquiera que esté buscando una manera de crear fácilmente sitios web multilingües. Una de las mejores cosas de Polylang es que se integra a la perfección con Elementor PRO. Esto hace que la creación de sitios web multilingües sea muy sencilla. Lo recomiendo encarecidamente a cualquier persona que necesite crear un sitio web en varios idiomas. Si está buscando una manera fácil de crear un hermoso sitio web bilingüe, entonces Polylang y Elementor PRO son la solución perfecta. No puedo imaginar una mejor manera de administrar mi contenido multilingüe y estoy seguro de que a ti también te encantará. VÍNCULOS DE LOS QUE HABLO EN EL VIDEO:** - Quiero saber más sobre Weglot - Ver y descargar Polylang - Ver y descargar Polylang Connect for Elementor --- ## Cómo Migrar WordPress a otro Dominio o Servidor – All In One WP Migration URL: https://sebasweb.net/exportar-e-importar-una-pagina-web-completa-con-all-in-one-wp-migration/ Aprende a Migrar WordPress a otro Dominio o Servidor de una forma muy práctica y fácil haciendo uso del plugin All in one WP Migration**Desde este vínculo puedes descargar el plugin All in One WP Migration versión extendida para que puedas usarlo en tus proyectos: Suscríbete y aprende gratis ¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME DESCARGAR PLUGIN --- ## Cómo crear un tema hijo o child theme de Astra URL: https://sebasweb.net/como-crear-un-tema-hijo-o-child-theme-de-astra/ Un tema hijo es un tema de WordPress que hereda su funcionalidad de otro tema de WordPress, llamado tema padre. Los temas secundarios a menudo se usan cuando desea realizar cambios en un tema de WordPress existente sin perder la capacidad de actualizar el tema principal. Crear un tema secundario de la plantilla Astra (o también llamado Child Thme de Astra) es importante para nuestro proyecto web porque nos permitirá realizar cambios en la plantilla Astra sin perder la capacidad de actualizar el tema principal. Al crear un tema secundario, también podemos estar seguros de que nuestros cambios no se sobrescribirán cuando actualicemos la plantilla de Astra. He comprado y usado la plantilla de Astra PRO en algunos de mis proyectos con los clientes y me ha dado muy buenos resultados, no por algo tiene más de un millón de descargas en el repositorio de WordPress. Suscríbete y aprende gratis **¿Te apasiona el mundo web?** Únete a la newsletter y recibe en tu correo un pequeño resumen donde hablo sobre WordPress, diseño y desarrollo web. Nombre Email Politica de privacidad Acepto la política de privacidad y el aviso legal SUSCRIBIRME ## Ventajas de tener un child theme de Astra - Para mi la principal ventaja es que podrás actualizar tu tema principal sin perder las modificaciones que hayas implementado en el child theme - Podrás personalizar la imagen del tema hijo con el Branding tuyo o de tu cliente. - Te permite dar un paso atrás y activar el tema padre en caso de tener un problema con la modificación en código que hayas hecho. - Puedes agrupar todas las modificaciones en un sólo punto, ya sea de estilos css o de las funciones del sitio. - Se integra perfectamente con el compositor Elementor PRO CREA AQUÍ TU CHILD THEME DE ASTRA --- ## Consultoría y Posicionamiento SEO en Madrid: Visibilidad real para tu negocio URL: https://sebasweb.net/servicios/posicionamiento-seo-en-madrid/ # Consultoría y Posicionamiento SEO en Madrid: Visibilidad real para tu negocio El posicionamiento no solo depende de las palabras, sino de cómo Google interpreta tu web. En tus informes vemos que términos como 'auditoría web' y 'consultoría' son fundamentales. Por eso, mi enfoque no es superficial; trabajo en la base técnica para que tu sitio sea impecable ante los ojos del buscador - **Arquitectura de la información:** Organizamos tu contenido de forma lógica para que tanto el usuario como Google encuentren lo que buscan sin esfuerzo. - **WPO y Velocidad de Carga:** La rapidez es un factor crítico de ranking. Utilizo tecnologías de alto rendimiento (como Bricks Builder) para asegurar que tu web supere las métricas de Core Web Vitals. - **Auditoría Técnica Continua:** Detectamos y corregimos errores de rastreo, enlaces rotos o problemas de indexación que podrían estar frenando tu crecimiento. Hablemos de tu proyecto Han confiado en mi ## SEO On-Page: Contenido que responde a tus clientes No escribimos para rellenar, escribimos para convencer. Basándonos en datos reales de búsqueda en Madrid y el resto de España, optimizamos cada página de tu sitio. - **Keyword Research Estratégico:** Identificamos qué términos tienen volumen y, lo más importante, cuáles tienen una intención comercial alta para tu negocio. - ** Optimización de etiquetas:** Configuramos títulos, metas y encabezados (H1, H2, H3) siguiendo los estándares profesionales de SEO que ya hemos validado en tu sitio. - **Contenido de valor:** Mejoramos tus textos para que no solo atraigan visitas, sino que generen la confianza necesaria para que el usuario contacte contigo. Hablemos de tu proyecto ## Mi metodología SEO: El camino hacia tu visibilidad El posicionamiento no ocurre por accidente. Sigo un proceso estructurado y transparente para asegurar que cada acción técnica tenga un impacto real en tu negocio en Madrid o en cualquier mercado en el que operes ### 1. Auditoría y Diagnóstico Técnico: Antes de empezar, realizamos una auditoría web profunda para identificar errores de rastreo, enlaces rotos o problemas de indexación que Google pueda estar penalizando. No podemos construir una estrategia sobre una base con errores técnicos. ### 2. Optimización de Rendimiento (WPO) Como experto en WordPress, optimizo el "corazón" de tu sitio. Mejoramos la velocidad de carga y los Core Web Vitals para que Google considere tu página como una opción de alta calidad para el usuario. ### 3. Keyword Research Estratégico Analizamos qué buscan tus clientes potenciales y qué hace tu competencia. Seleccionamos las palabras clave con alta intención comercial para que no solo recibas visitas, sino clientes interesados en contratarte ### 4. SEO On-Page y Arquitectura Implementamos las mejoras directamente en tu contenido y etiquetas. Organizamos la información de tu web de forma lógica para que sea fácil de navegar para tus usuarios y fácil de entender para los robots de búsqueda. ### 5. Monitorización y Resultados El SEO es una carrera de fondo. Analizamos el progreso mediante herramientas como Google Search Console y Analytics para realizar los ajustes necesarios y asegurar un crecimiento constante en las posiciones. ## Preguntas frecuentes sobre posicionamiento SEO en Madrid ¿Cuál es el precio del posicionamiento SEO en Madrid? El presupuesto de una estrategia SEO varía según el estado técnico de tu web y la competencia de tu sector. En lugar de tarifas planas genéricas, trabajo bajo presupuestos a medida tras una auditoría técnica inicial. Mi objetivo es ofrecer una inversión rentable que genere tráfico de calidad hacia tu negocio. ¿Cuánto tiempo se tarda en ver resultados reales? El SEO es una estrategia de medio a largo plazo. Aunque las optimizaciones técnicas y de WPO (velocidad) suelen tener un impacto positivo en las primeras semanas, una mejora consolidada en las posiciones de Google suele requerir entre 3 y 6 meses de trabajo constante basado en datos reales. ¿Por qué contratar a un consultor SEO especialista en WordPress? La ventaja principal es el conocimiento profundo de la plataforma. Como experto técnico, no solo optimizo tus textos, sino que intervengo en el código, la arquitectura y la velocidad de carga de tu WordPress. Esto asegura que la base técnica de tu sitio sea perfecta para que Google la indexe correctamente. ¿El servicio de SEO incluye una auditoría técnica inicial? Sí, es el primer paso de mi metodología. No podemos mejorar el posicionamiento sin entender antes qué errores de rastreo o indexación están frenando tu visibilidad. Esta auditoría nos permite trazar una hoja de ruta honesta y basada en las necesidades reales de tu web. ¿Es necesario contratar un servicio de mantenimiento para que el SEO funcione? No es estrictamente obligatorio, pero sí es fundamental para el éxito a largo plazo. El SEO depende directamente de la salud técnica de tu sitio: factores como la velocidad de carga (WPO), la seguridad y la ausencia de errores de código son críticos para el ranking de Google. Un sitio sin actualizar tiende a volverse lento y vulnerable, lo que termina penalizando tu visibilidad. Por eso, siempre recomiendo que una buena estrategia de posicionamiento se apoye en una base técnica sólida, como la que proporciono a través de mi servicio de Mantenimiento WordPress, garantizando que tu web rinda al máximo mientras escalamos posiciones. --- ## Formación en WordPress URL: https://sebasweb.net/servicios/formacion-en-wordpress/ # Formación en WordPress Su sitio web es su primera impresión para los clientes potenciales. ¡Asegúrese de que sea buena! **Aprende a construir un sitio web desde cero**. Esta formación en WordPress te enseñará cómo seleccionar un tema, instalar complementos y personalizar tu sitio web. También aprenderás cómo editar tu contenido, administrar usuarios y aumentar tu tráfico. Al final de esta formación, podrás crear un sitio web profesional que se vea genial y sea fácil de usar. Programa una reunión conmigo y comencemos tu formación Programar una reunión ## Formación en WordPress para empresas WordPress es uno de los sistemas de gestión de contenido más populares del mundo. Impulsa millones de sitios web y blogs. Es fácil de usar y relativamente fácil de aprender. Sin embargo, para las empresas que desean usar WordPress para potenciar su sitio web o blog, a menudo necesitan capacitación sobre cómo usar WordPress de manera efectiva. Ahí es donde entra mi servicio de formación en WordPress para empresas. Ofrezco programas de capacitación personalizados para empresas qué deseen aprender a usar WordPress de manera eficiente y profesional. Quiero más información Esto han dicho algunos de mis alumnos Estupendo profesional, solucionó todas mis dudas, magnífica persona preocupándose de los errores de mi web. Muy recomendable y volveré a trabajar con él en cuanto lo necesite. José Luis Necesitaba solucionar unos problemas con mi web y Sebastián ha sido muy eficaz, resolutivo, rápido y amable. Muy aconsejable. Javier Sebastián no es solo una muy buena persona y amable sino que además primero escucha que necesitas y va exactamente a lo que le preguntas. Volveré a colaborar con el sin ninguna duda. Dario Sebastían es un gran profesor, explica todo con detalle y de forma didáctica, para que en la práctica el alumno lo lleve a cabo sin ningún problema. Siempre está a disposición para resolver dudas. Beatriz ## Aprende a crear: - Landing pages - Sitios web Corporativos - Tiendas Online - Intranets - Academias Online - Etc. ¿Estás listo para llevar a cabo tus habilidades de WordPress al siguiente nivel? ¡Si! Comencemos ## Beneficios de una Formación en WordPress Una formación en WordPress puede ayudar a cualquier dueño de negocio, bloguero o administrador de sitios web a llevar su presencia en línea al siguiente nivel. La formación que te puedo ofrecer cubre todo, desde los conceptos básicos para configurar un sitio de WordPress, hasta características y funciones más avanzadas que pueden hacer que un sitio web realmente se destaque. Los estudiantes aprenderán a elegir e instalar temas, complementos y widgets, así como a crear menús personalizados, tipos de publicaciones y taxonomías. También aprenderán a administrar usuarios, permisos y archivos multimedia. Al final de la formación, los estudiantes podrán crear y administrar con confianza un sitio de WordPress por su cuenta. --- ## Diseño Web WordPress en Madrid URL: https://sebasweb.net/servicios/diseno-web-wordpress-en-madrid/ # Diseño Web WordPress en Madrid Tu sitio web es tu primera impresión para tus clientes potenciales. ¡Asegúrate de que sea buena! Si necesitas un especialista que entienda tu negocio y no solo te venda código, estás en el lugar adecuado. Desarrollo sitios web rápidos, seguros y fáciles de usar, diseñadas para representar tu marca y, sobre todo, para ayudarte a captar clientes en el mercado Español. Hablemos de tu proyecto Han confiado en mi ## Diseño de páginas web corporativas: Tu presencia digital profesional Tu página web es la carta de presentación de tu negocio 24/7. Por eso, desarrollo páginas web corporativas con un diseño limpio y una arquitectura lógica. Me alejo de las plantillas genéricas para asegurar que tu sitio cargue al instante y sea sencillo de navegar, garantizando una experiencia de usuario óptima que te ayude a destacar en el mercado Español. Hablemos de tu proyecto ## Tiendas Online con WooCommerce: Diseñadas para vender Para tener éxito en el comercio electrónico, no basta con mostrar tus productos. Necesitas una tienda online segura, rápida en el proceso de pago y que transmita confianza absoluta. Como experto en diseño de páginas web con WordPress, configuro tu eCommerce con WooCommerce de forma profesional, encargándome de la parte técnica para que tú solo te centres en gestionar tus ventas. Hablemos de tu proyecto ## Cómo trabajaremos en tu proyecto ### 1. Charla inicial Entiendo qué necesitas y cuáles son tus objetivos. ### 2. Planificación Definimos la estructura y el contenido de la web. ### 3. Desarrollo técnico Construyo la web con código limpio y optimizado. ### 4. Revisión y lanzamiento Comprobamos que todo esté perfecto antes de salir al aire. ## Preguntas frecuentes sobre el diseño de páginas web ¿Cuál es el precio de diseño de páginas web en Madrid? El presupuesto de un proyecto depende totalmente de tus objetivos y la complejidad técnica (si es una web corporativa, una tienda online o un desarrollo a medida). Según los datos del sector en Madrid, existen muchas opciones «low-cost», pero mi enfoque se centra en crear una inversión rentable: una herramienta profesional que no solo sea atractiva, sino rápida y optimizada para captar clientes desde el primer día. ¿Por qué contratar a un especialista y no a una agencia de diseño web? La principal diferencia es la agilidad y el trato directo. Al trabajar conmigo, tienes a un único interlocutor que es, además, el responsable técnico del proyecto. Mientras que las agencias suelen tener costes fijos más altos, como especialista «orquestador» coordino una red de colaboradores expertos (SEO, Copywriting) solo cuando tu proyecto lo requiere, ofreciéndote calidad de agencia con la cercanía de un socio tecnológico personal. ¿La página web será de mi propiedad una vez terminada? Absolutamente. Una vez finalizado el proyecto y completado el pago, el 100% de los derechos, archivos y accesos de la página web te pertenecen. No creo en las cláusulas de permanencia técnica ni en «secuestrar» el trabajo del cliente; mi objetivo es que te quedes conmigo por la calidad del mantenimiento y no por una obligación contractual. ¿Cuánto tiempo se tarda en diseñar y lanzar una web profesional? Un proyecto estándar de diseño y desarrollo de páginas web suele oscilar entre las 4 y 6 semanas. Este plazo me permite seguir una metodología rigurosa: desde la planificación inicial y el diseño de la arquitectura hasta la optimización técnica final, asegurando que el sitio web sea seguro y extremadamente rápido antes de publicarlo. --- ## Servicios WordPress en Madrid | Diseño y Mantenimiento Web URL: https://sebasweb.net/servicios/ # Especialista en Servicios WordPress en Madrid ¿Buscas un socio tecnológico que entienda tu negocio y no solo alguien que «haga webs»? Como profesional con años de experiencia en el ecosistema, ofrezco servicios WordPress en Madrid diseñados para empresas, startups y profesionales que no se conforman con una plantilla estándar. Mi enfoque es claro: rendimiento, seguridad y resultados. No solo instalo herramientas; construyo plataformas digitales rápidas y optimizadas para que tu única preocupación sea gestionar tus nuevos clientes. ¡HABLEMOS DE TU PROYECTO! ## Diseño y Desarrollo Web WordPress a medida Si necesitas una web que cargue en menos de un segundo y que posicione en Google, necesitas un desarrollo limpio. Me alejo de los constructores pesados que ralentizan tu sitio para centrarme en herramientas de alto rendimiento (como Bricks Builder). - **Webs Corporativas:** Transmite profesionalidad y confianza desde el primer clic. - **Tiendas Online (WooCommerce):** Optimizadas para la venta y con procesos de pago fluidos. - **Landing Pages de alta conversión:** Ideales para tus campañas de Google Ads o redes sociales. - **Optimización WPO:** Si tu web es lenta, estás perdiendo dinero. Yo la pongo a volar. Saber más sobre Diseño Web ## Mantenimiento WordPress: Tu tranquilidad no tiene precio Una web desactualizada es una puerta abierta a hackeos y errores técnicos. Con mis servicios de mantenimiento WordPress en Madrid, delegas la parte técnica en un experto para que tu sitio esté siempre al 100%. - **Actualizaciones supervisadas:** Nada de «clic y a rezar». Pruebo todo antes de actualizar. - **Seguridad Proactiva:** Limpieza de malware, cortafuegos y monitorización 24/7. - **Copias de seguridad diarias:** Tus datos siempre a salvo en servidores externos. - **Soporte técnico directo:** Sin tickets infinitos. Hablas conmigo directamente para resolver tus dudas. Ver el plan de mantenimiento ## POSICIONAMIENTO SEO EN MADRID: VISIBILIDAD REAL PARA TU NEGOCIO Estar en internet no es suficiente si la competencia te adelanta en Google. Nuestros servicios de SEO transforman tu web en una herramienta de captación constante, aplicando optimizaciones técnicas que los buscadores premian y tus clientes agradecen. - **Auditoría SEO Técnica:** Detectamos y corregimos los errores que frenan tu crecimiento hoy mismo. - **SEO On-Page Estratégico:** Optimizamos contenidos para las palabras clave que traen clientes a tu puerta. - **Velocidad y WPO:** Aprovechamos el alto rendimiento técnico para escalar posiciones en Google. - **Keyword Research Local:** Atacamos las búsquedas de Madrid con mayor intención comercial. SABER MÁS SOBRE SEO ## ¿Por qué contratar mis servicios WordPress? En un mercado digital saturado, mi propuesta se basa en la solidez técnica y la capacidad de escalabilidad, manteniendo siempre la cercanía de un interlocutor único. - **Director Técnico y Orquestador de Proyectos:** Soy el responsable directo del desarrollo y el contacto principal de tu negocio. No obstante, para ofrecerte una solución 360°, lidero y coordino a un equipo de profesionales expertos en áreas críticas: especialistas en SEO, Marketing Digital, Copywriting, Estrategia y producción Audiovisual (Fotografía y Vídeo). Tú hablas conmigo, y yo me encargo de que el engranaje de expertos funcione a la perfección para tu marca.** - Base en Madrid con mentalidad global:** Mi centro de operaciones está en Torrejón de Ardoz (Madrid), lo que me permite conocer de cerca el mercado local. Sin embargo, mi tecnología no tiene fronteras: actualmente gestiono proyectos y clientes en Luxemburgo, Estados Unidos, Portugal, México y, por supuesto, en toda la geografía española. Esta experiencia internacional me permite aplicar en tu web estándares de calidad y tendencias globales.** - Enfoque en Negocio y Resultados:** No busco simplemente la web «más bonita», busco la plataforma que mejor te ayude a vender y crecer. Cada línea de código está pensada para ser una inversión, no un gasto.** - Garantía avalada por el mercado:** Mis más de 30 reseñas con 5 estrellas en Google Business reflejan el compromiso y la transparencia que aplico en cada colaboración, sin importar en qué parte del mundo te encuentres. Contactar ahora ## ¿Qué hace que mi servicio de desarrollo WordPress marque la diferencia? ### Liderazgo técnico Coordino cada fase de tu proyecto de forma personal, asegurando que la visión de tu negocio se traduzca fielmente en cada píxel. ### Escalabilidad WordPress Aprovecho la versatilidad de WP para crear sitios robustos que puedan crecer al mismo ritmo que tus necesidades empresariales. ### Control total Desarrollo soluciones intuitivas para que seas dueño de tu contenido. Podrás realizar cambios sin depender de nadie, con la tranquilidad de que yo cuido lo técnico. ### Experiencia Multidispositivo Tu web se verá impecable donde estén tus clientes. Priorizo el uso móvil para maximizar el alcance y mejorar tu visibilidad en Google. ### Rendimiento extremo Aplico ingeniería de software (WPO) para que tu web no solo cargue rápido, sino que ofrezca la mejor experiencia de usuario y convierta más. ### Eficiencia y Plazos Procesos optimizados para que tu negocio esté online en el tiempo acordado, sin sacrificar ni un ápice de calidad o seguridad. Han confiado en mi ## Preguntas frecuentes ¿Trabajas solo con empresas de España? Para nada. Aunque mi foco principal está en Madrid por cercanía física, mi metodología de trabajo online me permite liderar proyectos en cualquier lugar. He trabajado con éxito para clientes en **Luxemburgo, EE.UU., México y Portugal**, adaptándome a diferentes monedas, horarios y necesidades de mercado con total fluidez. ¿Qué pasa si mi web ya está hecha con Elementor? No hay problema. Aunque ahora priorizo herramientas más ligeras, sigo ofreciendo soporte y mantenimiento para sitios creados con Elementor, optimizando lo que ya tienes para que rinda al máximo. ¿Ofreces formación personalizada? Sí, aunque mi enfoque principal es el desarrollo y el mantenimiento, ayudo a mis clientes a entender cómo gestionar su propia web una vez entregada para que sean totalmente independientes. Programa una reunión y hablemos de tu proyecto --- ## Mantenimiento WordPress Profesional URL: https://sebasweb.net/servicios/mantenimiento-wordpress-profesional/ # Mantenimiento WordPress Profesional en España Tu sitio web es el activo más importante de tu negocio. No permitas que una actualización mal gestionada o un fallo de seguridad detenga tus ventas. Ofrezco un servicio de mantenimiento WordPress integral diseñado para que tú te centres en tu negocio mientras mi equipo y yo nos encargamos de que tu tecnología vuele y esté siempre protegida. ## Un Socio Tecnológico para la estabilidad de tu Negocio El mantenimiento web profesional es la base sobre la que crece tu empresa. Más allá del soporte técnico, te ofrezco la tranquilidad de una gestión experta que garantiza que tu web rinda al máximo nivel 24/7. Además, al ser tu punto de contacto principal, coordino una red de especialistas (SEO, Copywriting, Estrategia) preparados para intervenir en mini-proyectos específicos siempre que tu negocio necesite dar el siguiente salto competitivo. ## ¿Qué incluye mi servicio de mantenimiento WordPress profesional? - **Actualización supervisada:** Core, temas y plugins bajo entornos seguros. - **Seguridad Proactiva: **Monitorización de malware y cortafuegos. - **Optimización Continua:** Limpieza de base de datos y mejora de WPO. - **Copias de Seguridad Diarias:** Respaldo total en servidores externos. - **Licencias Premium Incluidas:** Acceso a herramientas como Elementor Pro, Crocoblock o UpdraftPlus mientras dure el servicio. Valor inversión mensual: 65€+IVA Escríbeme y aseguremos tu sitio web **ahora mismo!** * Al completar el formulario aceptas el aviso legal y las políticas de privacidad ** ENVIAR Evita perder tu visibilidad online. Hay actualizaciones que no dan espera. Haz clic aquí para ver la reciente alerta de INCIBE (Instituto nacional de seguridad, España) ## Preguntas frecuentes sobre el Mantenimiento web ¿Por qué es importante el mantenimiento de WordPress? El mantenimiento regular de WordPress es crucial para garantizar un alto rendimiento de tu sitio web. Cada nueva versión de WordPress trae consigo mejoras de rendimiento y correcciones de seguridad. Al mantener tu sitio actualizado, te beneficias de estas mejoras y mantienes tu sitio protegido contra vulnerabilidades conocidas. Además, el mantenimiento también implica la optimización de la base de datos, la eliminación de archivos innecesarios y la revisión de la configuración para asegurar un funcionamiento eficiente. ¿El servicio de mantenimiento incluye la actualización de Plantillas y Plugins de pago? Como parte del servicio de mantenimiento, me encargo de la actualización de las plantillas y plugins de pago en tu sitio. Sin embargo, es importante tener en cuenta que para realizar estas actualizaciones, se requiere que tengas una licencia de uso vigente y acceso a los archivos de actualización proporcionados por los proveedores de dichas plantillas y plugins. Si tu proyecto tiene las siguientes herramientas, yo te incluyo la licencia oficial mientras tengas el mantenimiento conmigo: - Elementor PRO - Crocoblock - UpDraft PLus ¿Puedes administrar sitios WordPress que no desarrollaste? Sí. Realizamos una auditoría técnica inicial gratuita para evaluar el estado de tu WordPress y asegurar que cumple con los estándares necesarios antes de integrarlo en nuestro sistema de mantenimiento. ¿Es necesario que mi Sitio WordPress esté alojado en algún servidor en especial? No es necesario que tu sitio esté alojado en algún  servidor en especial. Puedo brindar soporte y mantenimiento técnico a cualquier sitio en WordPress, independientemente del proveedor de hosting que utilices. Mi enfoque principal es asegurarme de que tu sitio esté funcionando correctamente y de que recibas el soporte necesario, sin importar dónde esté alojado. De igual forma, siempre recomiendo usar Webempresa o Siteground a mis clientes por su soporte y respaldo con cualquiera de sus planes de hosting. ¿Qué accesos necesitas para el servicio de Mantenimiento WordPress? Para proporcionarte un servicio completo de mantenimiento de WordPress, necesitaré los accesos de administrador completos para el backend de WordPress, incluyendo el acceso al panel de administración y las credenciales de FTP para acceder a los archivos del sitio. En algunos casos, también podría necesitar acceso para administrar la configuración de DNS y el acceso a cPanel. Toda la información que me proporciones se mantendrá en privado y no se compartirá con terceros. ¿Cómo sabré si mi sitio dejó de funcionar? Utilizo un software de monitoreo que verifica regularmente la accesibilidad de tu sitio web. Si el monitor detecta cualquier problema que impida que tu sitio sea accesible, recibiré una notificación inmediata. En caso de que surja algún problema, trabajaré rápidamente para solucionarlo y te informaré de inmediato sobre las acciones tomadas. ¿Ofreces el servicio de recuperación de sitios WordPress hackeados? Sí, cuento con un servicio especializado de limpieza y restauración de sitios WordPress comprometidos. Si tu web muestra publicidad extraña, ha sido bloqueada por Google o no puedes acceder a ella, realizo una intervención técnica profunda para eliminar malware, limpiar el código inyectado y restaurar la integridad del sitio. Una vez recuperada la web, te entrego un informe de seguridad y te propongo las medidas necesarias para que no vuelva a suceder. Puedes contratar este servicio de emergencia de forma independiente, incluso si no tienes contratado el mantenimiento conmigo. ¿Puedes ayudarme a configurar un certificado SSL/TLS en WordPress? Sí, como parte de mi servicio de mantenimiento, puedo ayudarte a configurar un certificado SSL/TLS en tu sitio WordPress. El certificado SSL/TLS garantiza una conexión segura entre el navegador del usuario y tu sitio web, lo que es esencial para proteger la información sensible de tus visitantes y mejorar la confianza en tu sitio. Ten en cuenta que empresas de hosting como Webempresa o Siteground incluyen el certificado SSL en sus planes, pero otras empresas no lo hacen, por lo que si tu proveedor  no lo incluye, deberás pagar el derecho a tenerlo y yo con mucho gusto lo podré configurar. Si una actualización daña mi sitio WordPress, ¿cuesta más arreglarlo? No. Mi responsabilidad como socio tecnológico es garantizar la continuidad de tu web. Trabajamos siempre con copias de seguridad previas y, en caso de cualquier error tras una actualización, restauramos y corregimos el sitio sin coste adicional para ti. ¿Puedes restaurar mi sitio WordPress desde una copia de seguridad de una versión anterior? Sí, en caso de que necesites restaurar tu sitio WordPress a una versión anterior, puedo hacerlo utilizando las copias de respaldo generadas durante el mantenimiento. Sin embargo, es importante tener en cuenta que al realizar una restauración, se perderán los cambios realizados después de esa versión. Por lo tanto, es recomendable respaldar cualquier cambio importante antes de solicitar la restauración. Si en mi servidor tengo otras instalaciones aparte del WordPress, ¿También las incluye el mantenimiento? No, el mantenimiento sólo está enfocado en la instalación del WordPres, por lo que si tienes otras instalaciones como CRM, carpetas con HTMLs, archivos PHP o similares, la responsabilidad sobre este tipo de plataformas y código será de quién las haya implementado. Obviamente cualquier indicio de afectación a WordPress, lo voy a alertar y te avisaré para que lo revises con el informático que corresponda. ¿El mantenimiento incluye cambios de diseño o nuevas funcionalidades? El servicio de mantenimiento está enfocado en la salud, seguridad y optimización de tu web actual**. Para evoluciones del proyecto, cambios estéticos o nuevas herramientas, realizamos presupuestos independientes (mini-proyectos). De esta forma, te aseguras de que cada mejora se implementa con una estrategia dedicada sin comprometer la estabilidad del sitio. --- ## Confirma tu suscripción URL: https://sebasweb.net/confirma-tu-suscripcion/ # Confirma tu suscripción Para que pueda enviarte las plantillas, necesito que confirmes tu correo en el email que te acabo de enviar. Si no recibes nada, comprueba la carpeta de SPAM. Volver al home --- ## Programar reunión URL: https://sebasweb.net/programar-reunion/ # Programemos una reunión Programa una reunión hoy para comenzar su proyecto. No esperes más, cuanto antes empecemos, antes verás los resultados. Por favor elige un día y hora en la que nos podamos reunir a través de una videollamada con la plataforma zoom. Muchas gracias por tu interés. ¡Nos vemos pronto! --- ## Set de grabación para YouTube URL: https://sebasweb.net/set-de-grabacion-para-youtube/ # Set de grabación para YouTube Este el espacio donde paso más horas en todo el año, el que he logrado adaptar para estar más activo en mi canal de YouTube y para ser más productivo en mi día a día. Estoy muy contento con el resultado, aunque siempre se pueda hacer mejor. A continuación te comparto la lista de productos que tengo para uso profesional y por supuesto para mi set de grabación para YouTube.  Si tienes alguna pregunta o sugerencia te invito a dejarla en la caja de comentarios en el video Hollyland Lark M2 Micrófono Inalámbrico VER MICRÓFONO Cámara con la que grabo: video Sony ZV-E10 VER CÁMARA Ordenador portatil Apple MacBook Pro Ver portatil capturadora externa de cámara Elgato Cam Link 4K VER capturadora Auriculares Bluetooth con Cancelación de Ruido Bose Ver tela Micrófono de solapa Shure MVL/A Ver Micro RØDE SC3 - Adaptador de TRRS a TRS VER Adaptador RØDE PSA1 - Accesorio para micrófono Ver Accesorio UGREEN XLR3 Cable para Micrófono Ver Micro Araña Para Micrófonos AT2020 Ver soporte Pop filtro compatible con Audio Technica AT2020 Ver Accesorio Interfaz de audio Focusrite Scarlett Solo 3rd Gen Ver tarjeta Apple Magic Keyboard con Touch ID y Teclado numérico Ver teclado Difusor Neewer Softbox Plegable para luces Ver difusor Kit Iluminación LED Neewer con luz Regulable Ver kit de luces Soporte para portatil Desire2 Ver soporte Soporte para mesa de Teléfono Móvil Ver soporte Luz de Anillo LED para escritorio Ver luz OVNI que abduce vacas con luces y sonido Ver ovni Cable Micro HDMI a HDMI marca UGREEN para cámara Ver cable Fondo de tela color verde para Chroma Key Ver tela Tapa de la Lente marca Ares Foto® 40,5mm para cámara Ver tapa Filtro de lente marca Ares Foto® 40,5mm para cámara Ver filtro Tarjeta de Memoria SDXC de 64 GB clase 10 Ver memoria Lector de tarjetas Lexar USB 3.0 Ver lector Soporte para Auriculares y Cascos en Mesa Ver soporte Soporte de mesa Neewer para sostener la cámara Ver soporte Pantalla LED Full HD Asus (5 ms, color negro Ver pantalla Adaptador Jack 6,35 Macho - Jack 3.5 Hembra Ver adaptador CANON EOS 5D Mark IV - Cámara reflex Ver cámara B+W MRC Nano Master 1101508 - Filtro UV 77 mm Ver filtro Micrófono Audio-Technica AT2020 Ver micro --- ## Accesos URL: https://sebasweb.net/accesos/ ## ¡Hola Soy Sebastián! Diseñador, desarrollador de páginas web especializado en WordPress, apasionado por la tecnología, la fotografía y por supuesto por mi familia. A continuación tienes algunos vínculos que cuentan un poco más de mí 🙂 Sitio web Canal YouTube Suscríbete al newsletter Agenda una auditoría --- ## Recomendados URL: https://sebasweb.net/recomendados/ # Software que recomiendo Aquí te presento algunas de las herramientas que utilizo a diario y sobre las que también hablo en mi canal de Youtube. Solo recomiendo herramientas de alta calidad, ya que confío plenamente en ellas para garantizar un trabajo eficiente y profesional en cada proyecto en el que participo. ### **20% DE DESCUENTO** **CUPÓN "SEBASWEB" Durante el primer año ### Mantenimiento web Con esta herramienta gestiono todas las webs de mis clientes desde un único lugar Obtener descuento ### 10% DE DESCUENTO** **CUPÓN "SEBASWEB10" ### Legalidad WEB La alternativa más eficiente y profesional para garantizar que tu sitio web cumpla con la normativa vigente. Obtener descuento ### COMPOSITOR VISUAL Elementor con más de 20 millones de instalaciones activas, es el compositor que uso para mis proyectos web. Es fácil de usar muy poderoso y flexible. Ver ahora ### KIT PARA ELEMENTOR Es posiblemente uno de los productos más completos de herramientas para Elementor en el mercado VER AHORA ### HOSTING WORDPRESS Webempresa es un hosting seguro y confiable, son rápidos, profesionales y eficientes y es el que recomiendo y uso para todos mis clientes y proyectos personales. VER AHORA ### SITIOS MULTILENGUAJE Weglot tiene la capacidad de convertir cualquier proyecto con WordPress en un sitio web multilingüe en minutos. VER AHORA ### WIDGETS Uno de los complementos para Elementor que mejoran notablemente las posibilidades del compositor VER AHORA ### PLANTILLA WORDPRESS Astra es una de las plantillas más descargadas del repositorio de gratuito de WordPress. Con más de 1 millon de instalaciones activas ver ahora ### OBS Studio OBS Studio o Open Broadcaster Software es un programa gratuito de grabación de vídeo que te permite hacer tutoriales, grabar la pantalla de tu PC, realizar webinars, directos, etc VER AHORA ### OBS Studio OBS Studio o Open Broadcaster Software es un programa gratuito de grabación de vídeo que te permite hacer tutoriales, grabar la pantalla de tu PC, realizar webinars, directos, etc VER AHORA Nota:** Algunas de estos recursos incluyen enlaces de afiliados. Esto no supone ningún cambio para ti, pero a mi me ayuda a poder seguir generando contenido sobre WordPress y Elementor y compartirlo con en el blog o mi canal de Youtube --- ## Contacto URL: https://sebasweb.net/contacto/ # ¿Necesitas contactar conmigo? Si necesitas contactar conmigo, simplemente envíame un mensaje a través de este formulario de contacto y te contestaré lo más rápido posible, o si prefieres de una vez programar una reunión para hablar de tu proyecto, has clic aquí. No te preocupes, suelo responder los correos en menos de 24 horas, pero si prefieres que te llame, indica también un teléfono de contacto en el mensaje. ¡Encuéntrame en redes sociales! Youtube Linkedin Instagram Twitter Facebook-f Telegram-plane Motivo de la consulta Web corporativa Tienda online Formación WordPress Auditoría Posicionamiento SEO Email marketing Otros * Al completar el formulario aceptas el aviso legal y las políticas de privacidad ENVIAR Soporte: Aunque me guste resolver dudas y ayudar de forma altruista en la medida de lo posible, cuando se trata de problemas técnicos con algún plugin o plantilla, lo mejor es que contactes directamente el desarrollador del mismo o consultes el foro de soporte. ## Tu página web en 3 fases: ### 1. Conceptualización gráfica La experiencia de usuario es fundamental a la hora de crear un proyecto web, por eso la conceptualización debe plantear una coherencia gráfica con la marca, que integre toda la esencia de la misma. ### 2. Diseño WEB El diseño debe ser acorde a las tendencias del momento y sobre todo a la categoría del producto o servicio, la siguiente fase debe tener la aprobación total de la página. ### 3. Desarrollo en WordPress Se trabaja sobre una "plantilla en blanco", es decir que todo el diseño será el que previamente ha sido aprobado y con las características propias de un CMS que se podrá actualizar fácilmente. --- ## Sobre mi URL: https://sebasweb.net/disenador-web-freelance/ «¡Hola, mundo!» Soy Sebastian * Soy **diseñador web freelance** especializado en WordPress desde hace más de 10 años, con un grado profesional en publicidad y un master en diseño y producción audiovisual. Me considero una persona realmente comprometida con mi trabajo que sigue disfrutando de todo lo que hace, por esa razón aprender y enseñar es algo que procuro tener presente en mi día a día. Destacaría mi capacidad resolutiva para poder dar solución a las necesidades de mis clientes de la manera más optima posible. Hablemos de tu proyecto Un pequeño resumen de mi trayectoria laboral Compañías, agencias de publicidad, diseño web y servicios digitales en general, en las que he tenido el enorme placer y la oportunidad de compartir con grandes personas, formarme como profesional y aportar mi granito de arena para el crecimiento de las empresas y sus clientes. 2020 - 2026 Autónomo Ago. de 2019 – Oct. de 2020 Ago. de 2018 – Oct. de 2020 May. de 2018 – Ago. de 2019 May. de 2012 – Mar. de 2018 Jul. de 2011 – Abr. de 2012 Oct. de 2010 – Jul. de 2011 Feb. de 2010 – Oct. de 2010 Abr. de 2008 – Feb. de 2010 Diseñador web freelance especializado en WordPress Creo páginas web desde cero optimizadas para la conversión. Me gustan los conceptos sencillos, los diseños equilibrados y trabajar los pequeños detalles que marcan la diferencia. Profesor de master de Diseño web con WordPress en Escuela CEI Enseñanza en el manejo de WordPress con compositores como Elementor. Conceptualización de proyectos web con herramientas como Adobe XD e implementación de plugins como woocommerce, entre otros. Responsable de desarrollo web en Agencia Eskool Desarrollo de sitios web basados en WordPress, manipulación de html5 y css. Diseño orientado a medios digitales. Diseñador web senior en Distrito Agencia Diseño y montaje de sitios web basados en WordPress, manipulación de html5 y css. Diseño orientado a medios digitales, dirección, coordinación y soporte del proyecto web del cliente. Gráfico digital en Línea Directa S.A.S Diseñador web de Pacifika y la posibilidad de ser presentador en algunos de los videos, grabar y editar para medios digitales, hacer fotografía para publicaciones digitales, proponer y ejecutar tácticas que permitan la autogestión de algunos proyectos, entre otros. Diseñador Audiovisual en Punto Cardinal Comunicaciones Diseño y apoyo en el desarrollo gráfico y estratégico de las unidades de negocio de la compañía. Acompañamiento en la creación de estrategias para las redes sociales, trabajando en equipo con los community manager del área digital. Diseñador Web en la Universidad EAFIT Diseño, apoyo e implementación de sitios y micrositios para los programas de pregrado, posgrado y educación continua de la Universidad, a través de plataformas de enseñanza como Moodle. Diseñador web en R2Media Design Diseño, apoyo e implementación de aplicaciones para estructurar los proyectos gráficos online de acuerdo a las necesidades de cada cliente. Diseñador web en SM Digital Diseño e implementación de propuestas gráficas para los clientes de la compañía, conformando un equipo con los ingenieros y creativos para dar soluciones online acordes a las necesidades planteadas de los clientes de la agencia. *** ¡Necesitas un diseñador web experto en tu equipo! Me encargaré de todo y entregaré un resultado final que hará crecer su negocio.** Programa una reunión Experto en Elementor Co-organizador de Elementor Madrid. Estoy en constante actualización de las novedades del plugin ver perfil de experto SOY PROFESOR Aprende a desarrollar sitios web con WordPress y Elementor sin plantillas. Te ayudo a resolver tus dudas con WordPress Ver perfil ¿Trabajamos juntos? Te ayudo a fidelizar clientes en internet a través de la creación de una página web que transmita confianza. ver perfil en malt Plataformas con las que trabajo Administra fácilmente tu página con WordPress** y ten un sitio web adaptado a escritorio, tablet y por supuesto móvil en óptimas condiciones. --- ## Sebasweb – Diseñador web en Madrid URL: https://sebasweb.net/ ¡HOLA! SOY sebasweb, # DISEÑADOR WEB EN MADRID Formador en WordPress, creador en Youtube, desarrollador de páginas web y mi objetivo es ayudarte a conseguir clientes a través de tu página web. ¡HABLEMOS DE TU PROYECTO! ¿Por qué trabajar conmigo? ¿Tienes dificultades para diseñar tu sitio web? ¿Quieres a alguien que pueda ayudarte a convertir tu visión en realidad? Soy tu diseñador web. Trabajaré contigo para crear un sitio web que refleje tu marca y brinde a tus clientes la mejor experiencia de usuario posible. - He trabajado como web manager para agencias en Colombia y España. Hoy en día trabajo con mis propios clientes. - Durante más de 10 años en ayudado a crear las páginas web de clientes que querían cambiar la que tenían, o que comienzan de cero. - Uso Elementor o Bricks como para la creación de mis proyectos web. Programar una reunión ### Atención al detalle Me encargo de todo el proceso de la página web, eso me permite conocer y atender las necesidades directamente del cliente. ### Capacitación de la plataforma WordPress esta pensado para actualizar fácilmente el contenido, yo me encargo de lo técnico y luego de enseñar a actualizarlo ### Optimización El código, las imágenes, el diseño, la estructura, etc las tengo en cuenta a la hora de crear la el sitio web completo ### Diseño web profesional La flexibilidad de WordPress y sus multiples componentes me permiten crear sitios web muy funcionales y llamativos. ### Mobile First Index Es imprescindible tener la web optimizada para móviles, Google usa esta versión para compilar los resultados de búsqueda. ### Sitio online en poco tiempo Hacerlo rápido y bien hecho, esa es mi premisa para poder disfrutar de la página web en el menor tiempo posible. ### Atención al detalle Me encargo de todo el proceso de la página web, eso me permite conocer y atender las necesidades e inquietudes directamente del cliente. ### Diseñador web profesional La flexibilidad de tu página en WordPress y sus múltiples componentes permiten crear sitios web muy funcionales y llamativos. ### Autogestión Tu eres el dueño de tu proyecto, por lo que el desarrollo esta centrado en que puedas actualizar fácilmente el contenido y si quieres, yo me puedo encargar de lo técnico. ### Mobile First Index Es imprescindible tener la web optimizada para móviles, Google usa esta versión para compilar los resultados de búsqueda. ### Optimización El código, las imágenes, la estructura, etc. Influyen en el rendimiento de tu sitio web, por eso es sumamente importante durante el desarrollo. ### Sitio online en poco tiempo Hacerlo rápido y bien hecho, esa es mi premisa para poder disfrutar de tu página en WordPress en el menor tiempo posible. ¿Dudas? Programa una reunión Algunos clientes opinan sobre mi trabajo Sebastián es un gran profesional, muy responsable y con excelente capacidad para orientarse a las necesidades del cliente y cumplir con los objetivos planteados. A través de su buen hacer, amabilidad y cercanía, consigue siempre los resultados que persigue. Realiza su trabajo con dedicación, interés, gran capacidad de organización, extraordinaria creatividad y desmedida paciencia; factores que hacen que sea un placer trabajar con él. Carolina Durante**Directora Marketing****Aries Ingeniería y Sistemas Encargué a Sebastián el desarrollo de una tienda online en la que tanto la visualización de producto como las condiciones del funcionamiento de calculadora tenían unas condiciones y especificaciones totalmente personalizadas y una programación no convencional en Woocommerce. No solo consiguió el resultado deseado si no que superó mis expectativas, mostrando en todo momento una actitud profesional y siempre buscando una solución o alternativa para poder lograr todos los requerimientos que le pedía. Sin duda volveré a trabajar con Sebastián, no solo por su calidad de trabajo si no también por su calidad como persona. Iria BayoDirectora creativa Compra Hierro Sebastian es un gran profesional, responsable, trabajador, creativo, eficaz, resolutivo … lo tiene todo, autentico todo terreno en el marketing digital tan demandado hoy en día. 100% recomendable contar en un proyecto con el. Garantía de éxito total. Fernando LabradorCEO Distrito Agencia Han confiado en mi Formador en YouTube Lo mejor de trabajar con clientes tan diferentes, es que cada uno sugiere nuevos retos que me exigen aprender y desafiar mis conocimientos todo el tiempo. Lo mejor de esto, es que procuro aprenderlo de la mejor manera para tratar de explicarlo de una forma comprensible, en los videos que comparto en mi canal de #YouTube dedicado a temas de #WordPress. SUSCRÍBETE Artículos recientes Woocommerce Cómo ocultar el rango de precios en productos variables de WooCommerce Si trabajas con WooCommerce, seguro has visto esos productos variables que muestran algo como “€25 – €60”. Aunque es útil, no siempre se ve bien visualmente ni genera confianza. En este artículo te enseño cómo ocultar el rango de precios en productos variables de WooCommerce y mostrar solo el precio más bajo con un pequeño snippet PHP personalizado. Además, te explico paso a paso el código, cómo implementarlo y cómo hacerlo sin romper tu sitio. ¿Por qué ocultar el rango de precios en productos variables de WooCommerce? Mostrar un rango de precios (“de €20 a €50”) puede confundir a los clientes... Ver artículo completo WordPress Amelia: un plugin de reservas para WordPress muy completo y fácil de usar Si estás buscando un plugin de reservas para WordPress, probablemente ya te habrás dado cuenta de la cantidad enorme de opciones que existen. Hay gratuitos, de pago, con funciones mínimas o con tantas características que parece que necesitarías un máster para entenderlos 😆. Yo mismo he pasado por ese camino, tanto para proyectos propios como para clientes. Y después de probar varios, descubrí uno que realmente hace la diferencia: Amelia. Este artículo no es un anuncio ni un “Amelia es perfecto”. Más bien es un recuento de mi experiencia y la de mis clientes, contando lo bueno, lo no tan bueno... Ver artículo completo Bricks Builder Cómo Mostrar la categoría actual en los loops de Bricks Builder Una de las preguntas que más me hice al empezar con Bricks fue cómo mostrar la categoría actual en los loops de Bricks Builder. Sí, el constructor trae algunos elementos listos para mostrar listados de posts o productos, pero cuando quieres algo más flexible y a tu medida, toca meterse con los Query Loops. En este post te voy a contar cómo funcionan estos loops y, sobre todo, cómo configurarlos para que muestren automáticamente los posts de la categoría en la que estés. Es algo muy útil si tienes un blog con varias categorías y no quieres estar creando un diseño... Ver artículo completo Woocommerce Configuración de Pagos con WooCommerce en Amelia: Guía Paso a Paso Si utilizas Amelia para gestionar reservas y citas en tu negocio, seguramente ya sabes lo potente que es. Y si además trabajas con WooCommerce para las ventas, la combinación puede ser un auténtico salvavidas. La configuración de pagos con WooCommerce en Amelia te permite unificar reservas y cobros en un mismo sistema, con mayor control sobre impuestos, facturación y métodos de pago. En esta guía te muestro cómo hacerlo paso a paso, qué limitaciones debes tener en cuenta y por qué, en mi experiencia, integrar WooCommerce fue la mejor decisión para un proyecto que requería control fiscal avanzado. ¿Por qué elegir... Ver artículo completo Algunas plataformas con las que trabajo Administra fácilmente tu página con WordPress y ten un sitio web adaptado a los diferentes dispositivos en óptimas condiciones. ¿Quieres ver algunos sitios web en los que he colaborado? La mayoría de los proyectos que he realizado como diseñador web** han sido realizados durante mi paso por diferentes agencias de diseño, moda y publicidad. Soy un apasionado por la fotografía y el diseño aplicado a medios digitales. VER TODO EL PORTAFOLIO Sitios web Fotografía ## Preguntas frecuentes ¿Cuánto cuesta el diseño un nuevo sitio web? Literalmente no hay una única respuesta a esta pregunta. Crearé un sitio web según sus especificaciones exactas. Son las características personalizadas las que hacen que cada sitio web sea único e independiente. Me esforzaré por construir el mejor sitio web posible para su proyecto o empresa.  Te haré una serie de preguntas, evaluaré tus necesidades específicas y te daré un presupuesto basado en esa evaluación. ¿Cuándo y cómo pago? Ofrezco varias opciones de pago, que varían desde un pago único por adelantado hasta pagos en diferentes cuotas. Entiendo que esta es una gran inversión y quiero ayudarte a presupuestar el gasto de la mejor manera posible. Aceptamos transferencia bancaria, Bizum y PayPal. ¿Quieres pagar de otra forma? cuéntamelo con tranquilidad y lo revisamos. ¿Qué sucede si necesito ayuda en mi sitio en el futuro? ¡Estoy a un clic de distancia!, así que no dudes en comunicarte conmigo si necesitas algo. Estaré encantado de ayudar en todo lo que pueda. ¿Cuánto tiempo llevará tener el sitio web publicado y funcionando? Se requiere un promedio de dos a seis semanas; cada cliente marca el ritmo de cada emprendimiento según sea el caso. Cuanta más información pueda proporcionar en las fases iniciales, la disponibilidad para abordar el proyecto, si contamos con las imágenes y los textos y el cliente entiende bien la estructura, más rápido estará disponible el proyecto publicado y funcionando. ¿Solo hacéis sitios web de WordPress? Puedo construir su sitio solo con HTML y CSS, pero esto es más costoso y más lento que un sitio web creado con WordPress. Este gestor de contenido ahora dicta más del 40% de las webs en el mundo, la gran cuota de mercado surge por su potencia y versatilidad. ¿Dónde debería estar alojado mi sitio web? Procuro trabajar con las mejoras opciones del mercado. En mi caso, le ofrezco a mis clientes SiteGround porque ofrece el mejor servicio de alojamiento que existe. Sus servidores son extremadamente rápidos, muy confiables y muy seguros. y por supuesto su equipo de soporte también es excelente. ¿Qué responsabilidad tengo en el proceso de diseño? Tu participación y retroalimentación son vitales para este proceso. Comenzaré con algunas preguntas sobre tus requisitos, gustos, necesidades y posteriormente trabajaré contigo en todas las fases del proyecto. ¿Quién escribe el contenido del sitio? Tu sabes más acerca de tu empresa, por lo que generalmente es mejor si sale de ti. No obstante, si necesitas ayuda, cuento con redactores publicitarios en mi equipo de trabajo que pueden ayudar a generar y/o auditar el texto para tu proyecto por un cargo adicional. Todo esto, siempre pensando en que el usuario final comprenda claramente el contenido y lo que hace tu empresa, pero sobre todo, que los buscadores como Google entiendan de que va tu proyecto y su contenido, promueva el posicionamiento de tu sitio web. ¿Necesitas SEO? ¿Tengo que vivir en España para trabajar con vosotros? ¡No! Trabajo con clientes en todo el mundo. cuento con profesionales de múltiples áreas que trabajan de forma remota, lo que me permite contar con un equipo de trabajo muy bueno y solido para tu proyecto. ¿Podré actualizar el sitio yo mismo cuándo esté terminado? ¡SÍ! Me gusta mucho cuando mis clientes obtienen la capacidad de administrar y mantener su sitio web. Para ello, proporciono una capacitación inicial a quién vaya a ser la persona encargada de actualizar el contenido. ¿Mantendrás mi sitio por mí? ¡Podría! Brindamos soporte continuo para muchos de mis clientes a través de los bonos de horas, si te interesa este tipo de acompañamiento puedes escribirme a portafolio@sebasweb.net o a través del formulario de contacto. ¿Mi sitio web será apto para dispositivos móviles? ¡Es más importante que nunca tenga un sitio web optimizado para dispositivos móviles! haré todo lo posible para garantizar que tu sitio web se vea bien en una variedad de dispositivos. Tengo un presupuesto muy limitado. ¿Tienes alguna opción de bajo costo? Ya sea que necesites un sitio web personalizado para una pequeña o mediana empresa, puedo proporcionarle un presupuesto acorde a la necesidad de tu proyecto con el objetivo de hacerlo en realidad. Programa una reunión y hablemos de tu proyecto ---