CloudFlare выдает ошибку 522 без HTTPS

Я установил Let's Encrypt (с nginx) на своем сервере, следуя руководству, которое я указал в комментариях. Я также установил CloudFlare со следующими настройками DNS:

http://i.imgur.com/Z7PRD6l.png

И моя конфигурация nginx выглядит так:

server {
    listen 80;
    server_name example.com;
    return 301 https://$server_name$request_uri;
}

server {
    listen 443 ssl;

    root /usr/share/nginx/html/public;
    index index.php index.html index.htm;

    server_name example.com www.example.com;

    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
    ssl_ciphers 'EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH';

    location / {
        try_files $uri $uri/ /index.php$is_args$args;
    }

    location ^~ /.well-known/ {
        allow all;
    }

    error_page 404 /404.html;

    error_page 500 502 503 504 /50x.html;
    location = /50x.html {
        root /usr/share/nginx/html;
    }

    location ~ \.php$ {
        try_files $uri =404;
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass unix:/var/run/php5-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }
}

Если я пойду в https://www.example.com, сайт загружается нормально. Но когда я иду в http://www.example.com (не HTTPS), отображается ошибка 522:

http://i.imgur.com/JWBEd5S.png

В чем дело? Как это исправить? Почему у меня не работает перенаправление?