Ya sea que seas un profesional o un jugador más fresco en el mundo del desarrollo de sitios web, la palabra CAPTCHA no debe sonar extraña para ti. Es una técnica importante y ampliamente utilizada para determinar si el usuario es un bot o un ser humano real. Hay muchos scripts de terceros que le permiten configurar CAPTCHA en su sitio web fácilmente. Hoy, discutiremos cómo integrar reCAPTCHA en OpenCart.
El servicio reCAPTCHA es proporcionado por Google y es de uso gratuito. La buena noticia es que la funcionalidad en sí misma está incluida en el núcleo de OpenCart. Así que tendremos que configurarlo correctamente y habilitarlo, y listo.!
Para comenzar, configuraremos sus claves API en el sitio de Google y, a medida que avancemos, veremos cómo puede configurar los ajustes de reCAPTCHA en el back-end de OpenCart. Al final del artículo, también analizaremos qué secciones de la interfaz de usuario admiten la validación reCAPTCHA de forma predeterminada.
Supongo que estás usando la última versión de OpenCart. Avancemos registrando su sitio en Google y obteniendo sus credenciales API.
Diríjase al sitio reCAPTCHA de Google y haga clic en el Obtener reCAPTCHA Botón en la sección superior derecha. Si aún no ha iniciado sesión en una cuenta de Google, se le pedirá que lo haga. De lo contrario, será llevado al formulario de registro reCAPTCHA como se muestra en la siguiente captura de pantalla.
Rellene los campos como se sugiere y haga clic en Registro para pasar a la página siguiente. En la página siguiente, se le mostrarán las credenciales API para su sitio. Usted debe anotar la Clave del sitio y Llave secreta Valores, como los necesitaremos más tarde..
Entonces, eso es todo para registrar su sitio con el servicio reCAPTCHA de Google. En la siguiente sección, veremos cómo usarlo en el back-end..
Dirígete al final de OpenCart. Navegar a Sistema> Configuraciones y edita tu tienda. Haga clic en el Google pestaña, que debería mostrar el formulario de configuración como se muestra en la siguiente captura de pantalla.
En el Google reCAPTCHA sección, entrar Clave del sitio y Llave secreta para su sitio, y guardar la configuración. Por supuesto, necesitas mantenerlo Habilitado también!
Ahora, hemos terminado de configurar nuestras credenciales de API con OpenCart. En la siguiente sección, veremos diferentes pantallas en el extremo frontal para asegurarnos de que funciona correctamente.
Generalmente, el CAPTCHA se usa en formas para detener los envíos automatizados y de spam. Por lo tanto, OpenCart lo incluye en un par de formas en el front-end. Vayamos a través de diferentes páginas que soportan la integración de reCAPTCHA..
Ve a la Contáctenos página de su sitio, y debería ver una validación reCAPTCHA bien integrada!
Lo sentimos, bots / spammers no están permitidos.!
Si ha habilitado revisiones de productos en su sitio, también está cubierto por el radar de reCAPTCHA. El formulario de revisión del producto se puede encontrar en la página de detalles del producto debajo de Opiniones lengüeta.
Finalmente, veamos una pantalla más que soporta la integración reCAPTCHA. Si alguien quiere devolver un producto, debe rellenar un formulario en la parte delantera. Por lo tanto, es importante asegurarse de que debemos validar si el producto real fue devuelto por el usuario real que realizó el pedido..
Entonces, eso es todo en lo que respecta a la validación de reCAPTCHA en el front-end de OpenCart.
Como puede ver, es realmente fácil configurar reCAPTCHA en su sitio. Debe seguir adelante y habilitarlo para detener el spam, lo cual es realmente molesto en las operaciones diarias y consume una cantidad considerable de nuestro tiempo..
Hoy, hemos revisado la utilidad reCAPTCHA en OpenCart y hemos discutido cómo configurarlo desde el back-end. También hemos pasado por un par de pantallas en el front-end que admiten reCAPTCHA de forma predeterminada.
Si desea considerar comercializar su propio producto OpenCart o ver lo que otros han hecho con la plataforma, consulte el mercado para ver qué hay disponible actualmente..
En el caso de cualquier consulta o comentario, utilice la fuente de comentarios a continuación, o también podría contactarme a través de Twitter..