Avanzado [Tutorial] ¿Cómo activar HTTPS con Cloudflare de forma gratuita?

José Cuevas

Moderador
Miembro del equipo
En esta guía voy a mostrarte cómo convertir tu sitio http a https de manera gratuita usando Cloudflare.

Antes que nada, vamos a crear una cuenta en Cloudflare.

2018-08-19_1647.png

Ingresamos una cuenta de email y una contraseña y le hacemos click en “Regístrese”

El siguiente paso es agregar el sitio al servidor de Cloudflare. Para esto, le damos click a “+ Add Site”

2018-08-19_1628.png

2018-08-19_1629.png

Ingresamos el nombre de dominio sin el http ni el www. En este caso, adquirí un dominio en namecheap para realizar esta guía que es “forobiz.club”
Click en “Add site” y nos aparecerá el siguiente cartel:

2018-08-19_1632.png

Le damos a Next

2018-08-19_1632_001.png

Elegimos el plan gratuito y le damos a “Confirm Plan”

En este proceso, Cloudflare cargará todos los datos que se encuentran en el DNS que tiene actualmente y les mostrará algo parecido a esto:

2018-08-19_1650.png

En la mayoría de los casos, no deberíamos hacer ningún cambio en este paso, ya que seguiríamos usando el mismo Hosting donde tenemos nuestra página web alojada. Si en algún momento cambiamos el Hosting, tendríamos que cambiar la dirección IP, entre otras cosas, a la que apunta nuestro dominio. Aclarado esto, continuamos con la configuración.

2018-08-19_1651.png

Le damos a “Continue”

2018-08-19_1652.png

En este paso, tenemos que Cambiar nuestros DNS anteriores por los de Cloudflare. Para eso nos tenemos que dirigir a donde tengamos configurado esto. En mi caso, yo lo tengo alojado en namecheap, por lo tanto voy a mostrarles como hacerlo en esta plataforma, pero sí la tienen en otra, seguramente les aparecerá una opción como DNS, Nameserver o algo por el estilo.

2018-08-19_1654.png

Elegimos Custom DNS y pegamos los nameservers de Cloudflare le damos al Tilde

2018-08-19_1655.png

Una vez hecho esto, volvemos a Cloudflare y le damos a “Continue”. Una vez hecho esto, tenemos que esperar que se realicen las modificaciones. Esto puede llevar desde unos minutos a 24 horas. Basandome en mi experiencia, nunca tuve que esperar mas de 10 minutos, pero es algo a tener en cuenta.

2018-08-19_1701.png

Muy bien. Una vez que ya está todo modificado, nos vamos a la pestaña de Cryto:

2018-08-19_1722.png

Nos aparecerá la opción para elegir el tipo de certificado SSL.

2018-08-19_1957.png

Esta es la descripción que nos da Cloudflare de cada una:

OFF: ningún visitante podrá ver su sitio a través de HTTPS; serán redirigidos a HTTP.

Flexible: no puede configurar el soporte HTTPS en su origen, incluso con un certificado que no sea válido para su sitio. Los visitantes podrán acceder a su sitio a través de HTTPS, pero las conexiones a su origen se realizarán a través de HTTP. Nota: Puede encontrar un bucle de redireccionamiento con algunas configuraciones de origen.

Full: su origen admite HTTPS, pero el certificado instalado no coincide con su dominio o está autofirmado. Cloudflare se conectará a su origen a través de HTTPS, pero no validará el certificado.

Full (strict): su origen tiene un certificado válido (no caducado y firmado por una CA de confianza o CA Cloudflare Origin) instalado. Cloudflare se conectará a través de HTTPS y verificará el certificado en cada solicitud.

Esto que quiere decir que si elegimos flexible, Solo estarán cifrados los datos desde el usuario hasta Cloudflare, pero desde este último hasta nuestro Hosting no.

flexible.png

Esta opción la recomiendo si es que no podemos instalar un certificado SSL en nuestro servidor. Hoy en día, la mayoría de los Hosting tiene algún servicio de certificado SSL y con solo un click ya lo instalamos. Pero si no lo tiene, pueden solicitar uno gratuito en Let´sencrypt.
De igual forma, si no instalamos un certificado SSL, esta opción es suficiente para que nuestro sitio aparezca con el candadito de sitio seguro, lo cual es muy importante en el día de hoy, ya que Google nos mirará con bueno ojos :)

El otro caso es para Full. Sólo vamos a elegir esta opción si tenemos instalado un certificado SSL en nuestro servidor. Lo recomiendo si es que manejaremos datos sensibles, como puede ser si tenemos una tienda virtual. En este caso, los datos irán cifrados todo el trayecto, desde el usuario hasta el Hosting.

fullssl.png

Una vez hecho esto, deberíamos esperar unos minutos para que los cambios surtan efecto. y Listo, tendremos nuestro sitio seguro.
Una opción interesante que nos da Cloudflare, es hacer que los que ingresan a nuestro sitio, sean redirigidos a HTTPS siempre.

2018-08-19_1732.png

DATO IMPORTANTE: Muchas veces cuando usamos SSL Flexible, nuestros sitios se pueden “romper” al querer hacerlos seguros, o simplemente seguir apareciendo como no seguros. Esto se puede deber a que los recursos internos sean inseguros. ¿Qué quiero decir con esto? Por ejemplo, hacemos el sitio seguro, pero las imagenes, enlaces a otros archivos, scripts, etc son http, o sea, no son seguros. Para solucionar este problema, podemos cambiar en nuestros archivos HTML estos enlaces http por https. También hay otra forma, que nos da Cloudflare. Y es activando esta opción:

2018-08-19_2100.png


Esto sería todo en esta publicación. Si tienen alguna duda, me la hacen saber y yo con gusto les respondo.

Les mando un saludo a todos.

José
 

Oris

Miembro
Hola José, gracias!
te cuento que yo hice todo el proceso para mi sitio pero de repente mis Landing y Páginas creadas con ProfitBuilder no las puedo editar. Tengo mis campañas pausadas por eso.Todavía no doy con el problema.Sigo batallando.
 

marianocordoba

Administrador
Miembro del equipo
Oris, tienes el SSL configurado como Flexible o Full en Cloudflare? Prueba cambiarlo y ver si te funciona. En caso de que no funcione coméntanos más sobre el error que obtienes.
 

marianocordoba

Administrador
Miembro del equipo
Hola @Oris
Fíjate que el certificado en la imagen que mandas está en azul y no en verde. Eso es que está pendiente.
Quizás por eso no te cargaba correctamente.
Lo pudiste resolver?
 

CEEH

Nuevo Miembro
Buenas Noches, tengo una duda, yo uso liquiweb, en este caso mi pagina web la tengo con los servidores de nombre que otorga liquiweb, en este caso los cambiare y pondre los que me otorga cloudflare?, lo cambiare dentro de mi liquiweb?
 

José Cuevas

Moderador
Miembro del equipo
Buenas Noches, tengo una duda, yo uso liquiweb, en este caso mi pagina web la tengo con los servidores de nombre que otorga liquiweb, en este caso los cambiare y pondre los que me otorga cloudflare?, lo cambiare dentro de mi liquiweb?
@CEEH Asi es. Tendras que copiar los DNS de cloudflare dentro de Liquidweb.
 

CEEH

Nuevo Miembro
Ya lo intente y me dice que "los nombres no pasarón la verificación". No se aque se deba, pero otra duda, al cambiar los servidores de nombre mi dominio (pagina web con su contenido), no se veran afectados por cambiar los dns del servidor con el que trabajan. Gracias
 

carlos padin

Usuario VIP
Hola. Estoy pasando la landing page de http a https, ahora aparece el Universal SSL Status en verde, pruebo a ver la landing page ,antes No aparecia ninguna alarma de que la LP es insegura y ahora si. Quiero configurar en Bemob: https://panel.bemob.com/#!/settings/tracking-domains, ingreso a esa direccion y aparecen la siguiente pantalla:

2018-09-13_1959.png

Como son los pasos para informarle a Bemob , que la Landing Page ya cuenta con un SSL ?
 
Última edición por un moderador:

marianocordoba

Administrador
Miembro del equipo
@CEEH actualmente tienes tu dominio apuntando a LiquidWeb. Lo que aquí se propone es usar un intermediario (Cloudflare) que ofrece varios beneficios. Entonces lo que debes hacer es configurar tu DNS del dominio (en namecheap, godaddy o el servicio donde registraste tu dominio) para que apunte a los DNS proporcionados por Cloudflare. Luego, será Cloudflare quien dirigirá el tráfico a tu servidor en LiquidWeb por lo que no debería afectar en nada.
Normalmente Cloudflare detecta automáticamente la configuración que tienes configurado, pero en caso de que tengas algún problema o que no se cargue correctamente tu página nos enviás una captura de la configuración que tienes en Cloudflare y trataremos de ayudarte.
Saludos!
 

marianocordoba

Administrador
Miembro del equipo
@carlos padin tu landing ya carga cuando ingresas en HTTPS? Es decir, ya pudiste configurar eso?
Para actualizar eso en tu tracker Bemob solo necesitas actualizar la nueva url en la landing correspondiente (editándola en la pestaña Landing).
La configuración de Bemob que mencionas es para otra cosa, no te sirve para esto puntualmente.
 

marianocordoba

Administrador
Miembro del equipo
@carlos padin Te aparece el sitio en rojo? En ese caso está flaggeado por Google u algún antivirus. Puedes realizar una comprobación con https://sitecheck.sucuri.net/ ingresando tu sitio web para verificar que no esté en una blacklist.
Si está en una blacklist te recomiendo comprar otro dominio.
Nos avisas.
 

carlos padin

Usuario VIP
Hola Mariano, he verificado con el sito que indicaste
1537226949277.png
y el sitio tiene el certificado activo :

1537226984647.png

Que puede estar pasando?
Muchas gracias
 

CEEH

Nuevo Miembro
@marianocordoba Hola maestro, proporciono imagen, en ese apartado cambie los DNS por los que me proporciona cloudflare, ahi es correcto?,
 

Adjuntos

  • https.png
    https.png
    11,8 KB · Visitas: 11

marianocordoba

Administrador
Miembro del equipo
@CEEH si, si esos son los que te proporcionó Cloudflare cuando cargaste el dominio allí (no son los mismos para todos los usuarios). Cloudflare mismo te dirá si el status está en válido o pendiente. Si está válido, es porque lo hiciste bien.
 

ctoledocl

Miembro
Hola Mariano, en uno de mis sitios hice todo el proceso con cloudflare y el sitio estaba con su candado verde y todo ok, lancé una campaña en mobile y comenzó a tener tráfico e incluso conversiones, sin embargo, a 1 día de funcionar google igual me lo pasó a una black list y ahora me rechazaron la campaña que estaba corriendo por eso, sale como sitio engañoso y dice que tengo malware. ¿a que se puede deber que suceda esto? por lo que veo cloudflare no garantiza que no sea baneado por google ¿tienen algún caso similar?¿como lo puedo solucionar? la landing es obtenida de adplexity.

saludos,
 
Arriba