• Saltar al contenido principal
  • Skip to header right navigation
  • Skip to site footer

Derivada cero

Diseño Web Profesional

  • Blog
  • Porfolio
  • Contactar
  • ¿Necesitas una web?
  •  

Cómo mover reCAPTCHA de Google a la esquina izquierda con CSS

Usted está aquí: Inicio / Diseño web / Cómo mover reCAPTCHA de Google a la esquina izquierda con CSS

¿Te molesta el logo de Google reCAPTCHA en la esquina inferior derecha? ¿Quieres poner algo ahí más importante para tus usuarios? Pues estás en el lugar correcto.

No se puede obviar que Google reCAPTCHA funciona genial para parar Spam. Pero tiene 2 problemas principales:

  1. Merma la velocidad de carga de la web y teniendo su correspondiente impacto en Page Speed.
  2. Se muestra en todas las páginas de la web. Y además en un sitio que puede ser muy útil para otras cosas.

Sobre el primer punto no comentaré nada es este artículo porque escribiré otro sobre la conveniencia o no de usar Google reCAPTCHA. (Por cierto, si quieres que te avise de los artículos que voy publicando por mail, te invito a que te suscribas a mi newsletter)

Pero sobre lo segundo hay una solución muy sencilla. Cambiar la posición de Google reCAPTCHA por CSS.

Te dejo el código que he usado en mi propia web para tal fin. Es posible que tengas que modificarlo un poco para que se ajuste a tu propia web, pero debe funcionar. Ponlo en el Personalizador en CSS adicional y pruébalo:

/*Mover Recaptcha a la izquierda*/
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: -2px !important;
bottom: 20px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

Solucionado, ya tenemos el reCAPTCHA de Google situado en la esquina inferior izquierda, así tenemos la derecha (que es una zona más premium de nuestra web) para cosas mucho más interesantes como poner un botón de «subir arriba«, uno de WhatsApp, un carrito flotante, o lo que nos haga falta.

Seguro que será mucho más efectivo que el sello de Google.

Espero que te haya servido y si tienes alguna duda al respecto te invito a dejarme un comentario.

¡Muchas gracias!

Categoría: Diseño webEtiquetas: Google, SPAM, Wordpress
Entrada anterior:Cómo traducir «anterior» y siguiente» del tema Mai de Genesis.

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Sidebar

Suscríbete a mi boletín

Revisa tu bandeja de entrada o la carpeta de spam para confirmar tu suscripción.

¿Necesitas ayuda?

Necesites lo que necesites estaré encantado de ayudarte.Por favor, rellena el siguiente formulario.

    Acepto la política de privacidad de esta web.

    ¿Necesitas ayuda?

    Si estás teniendo problemas con tu proyecto online, si estás en proceso de crearlo, si necesitas una web o si la tuya no funciona como debería puedo ayudarte.

    Contacta conmigo

    Sobre Derivada Cero

    ¿Quién soy?

    Blog

    Portfolio

    ¿En qué puedo ayudarte?

    Necesito una web

    Problemas con mi web

    Consultoría Marketing Online

    Más información

    Términos y condiciones

    Política de privacidad

    Política de cookies

    Mis redes sociales

    • YouTube
    • Facebook
    • Twitter
    • LinkedIn
    • Instagram
    • RSS Feed

    Derivada cero · Diseño web y Marketing Online.

    Usamos cookies para mejorar tu experiencia de navegación. Si estás de acuerdo pulsa aceptar. AceptarRechazar Saber más
    Privacidad

    Privacy Overview

    This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
    Necessary
    Siempre activado
    Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
    Non-necessary
    Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
    GUARDAR Y ACEPTAR