Medidas eficaces para evitar el spam en tus formularios de contacto

Índice del artículo

1. ¿Qué es Contact Form 7?
2. Tips Anti Spam para formularios de Contacto
   1. Añadir Recaptcha
   2. Instalar el complemento  Contact Form 7 Honeypot
   3. Instalar Aksimet
   4. Palabras no permitidas en comentarios

¿Qué es contact form 7?

Contact Form 7 es un plugin de WordPress que puede gestionar múltiples formularios de contacto, por ser ligero suele venir ya integrado en la mayoría de plantillas de WordPress. Además, se puede personalizar el formulario y el contenido de los correos electrónicos de manera sencilla mediante un simple marcado. El formulario es compatible con envíos por Ajax, CAPTCHA, filtrado de spam de Akismet y mucho más.

Tips Anti Spam para formularios de contacto

1. Añadir reCAPTCHA

El plugin contact form 7 trae una integración con reCAPTCHA.Para acceder, simplemente navega hasta ‘Contacto’ en la barra de menú de la izquierda y selecciona ‘Integración’. Se presentará un enlace a google.com/recaptcha. Deberás registrarte para obtener una clave API. A continuación, agrega un código abreviado a tu formulario de contacto [recaptcha] y se mostrará reCAPTCHA.

2. Instalar el complemento Contact Form 7 Honeypot

Esta adición al Formulario de contacto 7 agrega la funcionalidad antispam básica de honeypot para frustrar los robots de spam.

Si bien parte del spam se envía manualmente, la gran mayoría la publican bots con secuencias de comandos específicas para enviar spam a la mayor cantidad de tipos de formularios. Con este método, completan los campos de forma un tanto ciega, independientemente de si el campo debe completarse o no. Así es como un honeypot atrapa al bot: introduce un campo adicional en el formulario que, si se completa, hará que el formulario no se valide.

3. Instalar Akismet

Akismet compara sus comentarios y envíos de formularios de contacto con una base de datos global de spam para evitar que su sitio publique contenido malicioso. El complemento verifica automáticamente todos los comentarios y filtra los que parecen spam.

El primer paso es activar el complemento Akismet. Dado que el paquete de complementos de Akismet se incluye con WordPress, no es necesario instalarlo manualmente. Ve al menú Complementos y simplemente activa el complemento titulado Akismet Anti-Spam.

Necesitas una clave API para usar Akismet. Si lo usas en un blog personal, puedes obtener una clave API de forma gratuita. Para sitios corporativos o comerciales, hay suscripciones pagas disponibles.

El objetivo principal de Akismet es proteger los formularios de comentarios de WordPress. Para usar Akismet para proteger el Formulario de contacto 7, debes dar opciones específicas a los campos de entrada (etiquetas de formulario).

Hay tres opciones relacionadas con Akismet:

akismet:autor

Le da esta opción al campo donde los remitentes ingresan sus nombres.

Ejemplo: [texto* tu-nombre akismet:autor]

akismet:autor_email

Le da esta opción al campo donde los remitentes ingresan sus direcciones de correo electrónico.

Ejemplo: [correo electrónico* tu-correo electrónico akismet:autor_correo]

akismet:autor_url

Le da esta opción al campo donde los remitentes ingresan la URL de sus sitios web.

Ejemplo: [texto su-url akismet:author_url]

Para implementar Akismet en un formulario de contacto, usa una o más de estas opciones en el formulario. Para obtener resultados precisos, se recomienda utilizar tantas opciones como sea posible.

Cuando se implementa Akismet, Contact Form 7 envía datos a Akismet cuando un usuario envía el formulario. Los datos se componen de todas las entradas del usuario (no solo los campos con una opción akismet:*) y variables de los entornos. Akismet verificará los datos para responder con una respuesta de «spam» o «ham».

Si la respuesta es «spam», Contact Form 7 suspenderá el correo electrónico y mostrará un mensaje que dice: «Hubo un error al intentar enviar su mensaje», rodeado por un borde naranja.

Probando el filtrado de spam

Para probar si el filtrado de spam funciona correctamente, intenta ingresar «viagra-test-123» en el campo de nombre (akismet:autor) o «akismet-garantizado-spam@example.com» en el campo de correo electrónico (akismet:autor_email), y enviando el formulario. Con estas palabras mágicas reservadas para la prueba, Akismet debe devolver una respuesta de «correo no deseado». Si funciona como se esperaba, verás un mensaje de error con un borde naranja.

evitar el spam en tus formularios de contacto

Informar detección falsa

El filtrado automático de spam no puede ser 100% preciso. Existirán falsos positivos (ham clasificado incorrectamente como spam) y falsos negativos (spam clasificado incorrectamente como ham). Cuando encuentres que los mensajes son tratados incorrectamente por Akismet, puedes informar la detección falsa. Akismet aprende de la información que reporta y se mejorará la precisión del algoritmo de filtrado de spam.

Para informar detecciones falsas a Akismet, necesitas activar el complemento Flamingo porque Contact Form 7 no viene con la capacidad de almacenar datos de envío en la base de datos. Puede ver mensajes a través de formularios de contacto en el menú Flamingo > Mensajes entrantes. Los mensajes normales están en la lista de Bandeja de entrada y los mensajes de spam están en la lista de Spam.

Cuando encuentres un mensaje en la lista de la Bandeja de entrada que debería haber sido marcado como correo no deseado, ábrelo y cambia el Estado a Correo no deseado. Flamingo envía automáticamente un informe de falso negativo a la API de Akismet. Del mismo modo, cambia el estado a No es spam cuando encuentre un mensaje normal en la lista de spam. Flamingo informa correctamente los falsos positivos a Akismet.

4. Palabras no permitidas en comentarios

Si sufres una afluencia de spam o mensajes no deseados a través de los formularios de contacto y no puedes bloquearlos por completo utilizando reCAPTCHA o Akismet, la función de lista no permitida será de gran ayuda.

La lista no permitida es originalmente una característica de WordPress para ayudar a administrar los comentarios. Contact Form 7 también puede utilizarlo para bloquear palabras específicas o direcciones IP.

La lista no permitida es bastante simple de usar; simplemente inicia sesión en la pantalla de administración de WordPress, ve al menú Configuración> Discusión, y luego encontrarás la sección Claves de comentario no permitidas en el medio de la pantalla.

La sección Claves de comentario no permitidas en Ajustes > Comentarios

Escribe una palabra o dirección IP por línea en el cuadro de texto. Los mensajes que contengan la palabra o que se envíen desde la dirección IP de la lista que ha creado serán tratados como spam por el Formulario de contacto 7 y no se entregarán.

¿Cómo se puede obtener la dirección IP desde la que se originan los mensajes? El método más simple es usar la etiqueta de correo especial [_remote_ip] en el contenido del correo electrónico que se le envió. Mostrará la dirección IP del remitente, conocida como «Lista negra de comentarios»)

Estas son algunas de las herramientas para evitar el spam en sus formularios de contacto de WordPress, de esta manera evitaremos los envíos masivos de mensajes spam a nuestra casilla de correos provenientes de el rellenado de formularios de contacto en nuestra web.

Fuentes: https://contactform7.com/spam-filtering-with-akismet/ / https://www.clook.net/blog/stopping-contact-form-7-spam/

La entrada Tuts: Cómo evitar el spam en tus formularios de contacto se publicó primero en Cónclave.

Código html para insertar el seguimiento de envíos de oca en tu web

Índice del artículo

1. ¿Qué es una pasarela de envíos en WooCommerce?
2. Ejemplo de una pasarela de envíos: el plugin de OCA E-pack 
3. Cómo insertar una sección de seguimiento de pedidos de OCA en tu web ecommerce.

¿Qué es una pasarela de envíos en WooCommerce?

Una pasarela de envíos en WooCommerce se le llama a la implementación de una vía automatizada de envíos a través de un plugin que trabajará junto a WooCommerce para ofrecer opciones de envío a los usuarios.

Por default WooCommerce ofrece opciones de envío como «recogida local» o bien la posibilidad de envíos por monto fijo según países, provincias, o incluso se puede definir a nivel de código postal. Esto permite crear diferentes opciones de envíos.

Ahora bien, luego de las opciones estándar existen plugins más complejos que permiten calcular el valor del envío en base a atributos de producto como alto, largo, ancho y peso del objeto que estemos ofreciendo.

Esos atributos se linkean a la base de datos de la empresa oferente del servicio de envíos (por ejemplo OCA, Correo Argentino, Andreani, o Envio Pack que nuclea a varias de ellas) y devuelve el valor del envío para el artículo deseado.

Puede que luego de la compra el usuario desee conocer el estado de su envío. Y en general podremos ofrecer una mejor experiencia de usuario si el cliente puede revisar el estado de su pedido desde la misma web donde realizó la compra.  Por lo que sería razonable generar una sección dentro de la página de Mi cuenta en WooCommerce o WordPress o bien generar una página específica de seguimiento de envíos dentro de nuestra web, insertarla en el footer o en el header para que tenga un lugar destacado.

Ejemplo de una pasarela de envíos: el plugin de OCA E-pack

Una vez configuramos WooCommerce en nuestra web, el siguiente paso será añadirle una pasarela de pagos via plugins como los ofrecidos por mercado pago o decidir de prisma y por otro lado añadir una pasarela de envíos a través de un plugin de envíos.

Por ejemplo con el plugin de envíos de oca desarrollado por Wanderlust se puede calcular el costo del envío, mostrarlo en el carrito y el checkout, y si el usuario compra, nos permitirá generar la etiqueta de envío desde la sección de pedidos de WooCommerce sin necesidad de cargar el pedido en la web de oca, reduciendo tiempos y costos en nuestro proceso de venta y distribución.

El plugin de oca pueden descargarlo desde el repositorio de wordpress con una versión gratuita y el plugin premium desde la página de Wanderlust donde explica paso a paso como configurarlo y también se cuenta con un muy buen servicio de asistencia posventa.

Cómo insertar una sección de seguimiento de envíos en tu sitio web

Si bien estos plugins son buenas soluciones tecnológicas, nos permitirán ofrecer una buena experiencia de usuario antes y durante la transacción. 

Si lo que queremos es reforzar la experiencia de usuario posventa, tenemos que pensar en que datos precisará conocer el usuario luego de realizar la transacción, uno de ellos es el «estado del envío».

Para ello tendremos que generar una sección donde el usuario pueda revisar el estado de su pedido desde la misma web.

Para ello sería razonable generar una sección a tal efecto que podría estar estratégicamente posicionada en alguno de los siguientes lugares:

Lugares estratégicos:

1) Dentro de la página de Mi cuenta en WooCommerce o WordPress

2) o bien generar una página específica de seguimiento de envíos dentro de nuestra web,

3) O insertarla en el footer

4) O en el header para que tenga un lugar destacado.

Una vez seleccionemos el o los lugares donde deseamos aparezca el mismo tendremos que instalarlo. Para el caso de OCA, copiando y pegando el siguiente código HTML podrán hacer funcionar la opción de comprobación del estado del envío una vez el usuario ingrese el código de envío proporcionado por la empresa de servicios de entregas, OCA en este caso.

La secuencia de código html es la siguiente: 

Aquí pueden ver el código en acción:

Para realizar el seguimiento de su pedido ingrese el número de envío (todo seguido sin paréntesis) en el siguiente recuadro y presione el botón “BUSCAR”. (Ej.: YAA05655084 ó 4706600000000009539)

Insertando este código tendrán entonces una sección de búsqueda de pedidos dentro de su web. Mejorando así el servicio posventa y la lealtad de los clientes, ofreciendo un servicio que será una ventaja competitiva respecto de los competidores.

Fuente: www.conclave.io / www.oca.com.ar

La entrada Tuts: Cómo insertar el seguimiento de envíos de oca en tu web se publicó primero en Cónclave.

Índice del artículo

1. ¿Qué es un producto variable y qué son los atributos?
2. ¿Qué son los atributos de producto con valores excluyentes?
3. Ejemplo de atributos con valores excluyentes en productos variables de WooCommerce
4. ¿Qué ocurre con los valores excluyentes con productos variables con múltiples variantes en WooCommerce?
5. Solución para la correcta vista de productos variables con múltiples variantes y valores excluyentes
6. Para más información sobre configuración de productos en WooCommerce

¿Qué es un producto variable y qué son los atributos?

Como describíamos, el producto variable es un tipo de producto que podemos configurar con el plugin WooCommerce. Implica generar un producto con atributos y opciones dentro de estos atributos.

Este caso suele ser muy común en los e-commerce de ropa o las tiendas on line de imprentas o servicios gráficos, donde cada producto contiene una gran variedad de opciones. Por ejemplo en el caso de un sitio de venta on – line de calzado los productos podrían tener el atributo talle y tantos valores como medidas de esos productos tengamos en stock.

Es según la combinación de atributos correcta que lograremos representar la realidad de nuestro negocio y potenciar la elección de los clientes así como su experiencia de usuario.

Los atributos ordenan la información y clarifican el proceso de elección de un producto a medida con muchas opciones posibles. De esta manera en lugar de generar un producto por cada opción se resumen en una sola vista con filtros. Es una herramienta muy útil a la hora de generar una experiencia de usuario positiva, una experiencia de usuario que no confunda a las personas que navegan por nuestra tienda y deben elegir un producto con atributos variables.

¿Qué son los atributos de producto variable con valores excluyentes?

Una particularidad de los productos variables y sus atributos que suele potenciar aún más la experiencia de usuario se refiere a las condiciones excluyentes.

En WooCommerce cuando ingresamos variantes con valores excluyentes automáticamente los atributos exhiben y ocultan valores en función de las combinaciones de cada variante que hayamos configurado.

Ejemplo de atributos de productos variables con valores excluyentes en WooCommerce

Por ejemplo en el caso de una imprenta que ofrece tarjetas personales a sus clientes puede darse el escenario donde la imprenta ofrece las opciones de impresión de tarjetas con diseño provisto por el cliente, o un un servicio de diseño para los clientes que no tienen su propio diseño. Lógicamente la segunda opción demorará unos días más de entrega respecto de la primera.

Entonces para el producto creado «Tarjetas Personales» tendremos entre otros atributos (tamaño, papel, impresión) los siguientes:

1. DISEÑO (Cliente trae diseño)
   Con sus opciones a) Trae diseño b) No trae diseño
2. TIEMPO DE ENTREGA
   Con sus opciones a) 48 hs  b) 3 a 4 días hábiles

Para representar el escenario correctamente precisamos que estas opciones sean excluyentes entre sí, es decir:

Si el cliente selecciona

DISEÑO: a) Trae diseño

Siempre debe ir acompañado de

TIEMPO DE ENTREGA: a) 48 hs.

y

Si el cliente selecciona

DISEÑO: b) No trae diseño

Siempre debe ir acompañado de

TIEMPO DE ENTREGA: b) 3 a 4 días hábiles

Creando las variantes correctas, el cliente solo verá las combinaciones pretendidas, evitando confusiones y mala experiencia de usuario con productos variables. WooCommerce trae incoporada por default la funcionalidad que «oculta» aquellas variantes no creadas, como sería en este caso DISEÑO b) No trae diseño y TIEMPO DE ENTREGA a) 48 hs.

¿Qué ocurre con los productos variables con múltiples variantes de valores excluyentes en WooCommerce?

Sin embargo, una vez pasadas las 25 o 30 variantes en un producto variable suele ocurrir que la vista de producto comienza a mostrar combinaciones que no configuramos, lo que redunda en una confusión para el cliente y puede incidir negativamente en nuestras conversiones on line.

Por ejemplo sería el caso de unos botines de fútbol para los que tenemos color naranja solo en talle 50, pero al seleccionar color naranja y luego ir al atributo de talle nos continuara mostrando otros talles para los cuales no tenemos en naranja. En estos casos Woocommerce solo se limitara a mostrarnos un mensaje diciendo que «la combinación solicitada no corresponde a un producto en stock, selecciona otra combinación». Esto puede generar una gran confusión y abandono del proceso de compra por parte del cliente.

Solución para la correcta vista de productos variables con múltiples variantes y valores excluyentes

En general luego de cierta cantidad de variantes (25/30) los datos se cargarán a través de AJAX en lugar de manejarse en línea y esto genera la ausencia de valores excluyentes.  Es posible cambiar esta cantidad usando el filtro woocommerce_ajax_variation_threshold y puede usarse así:

add_filter( ‘woocommerce_ajax_variation_threshold’, ‘wc_ninja_ajax_threshold’ ); function wc_ninja_ajax_threshold() {     return 150; }

Para quienes no están familiarizados con la edición de código, se puede insertar esta línea de código vía el plugin «Code Snippets» que Elimina la necesidad de agregar fragmentos personalizados al archivo functions.php de tu tema. El mismo se puede encontrar acá: https://wordpress.org/plugins/code-snippets/

De esta manera podremos presentar productos variables con valores excluyentes correctamente para casos de múltiples variantes, así quedaría bien representado el caso de la imprenta:

Para más información sobre configuración de productos en WooCommerce

Para más información o una sesión de consultoría para implementación de tiendas on line con WordPress y WooCommerce pueden solicitar una sesión gratuita de consultoría e-commerce en www.conclave.io/contacto o directamente al Whatsapp en el siguiente link.

Fuente: https://wordpress.org/support/topic/variable-products-showing-all-possible-product-combos-even-nonexisting/#post-9557136

La entrada Tips: Productos Variables en WooCommerce se publicó primero en Cónclave.