diff --git a/source/_components/netatmo.markdown b/source/_components/netatmo.markdown
index e502e50e4fc..bc10916cc61 100644
--- a/source/_components/netatmo.markdown
+++ b/source/_components/netatmo.markdown
@@ -21,23 +21,23 @@ To enable the Netatmo component, add the following lines to your `configuration.
 ```yaml
 # Example configuration.yaml entry
 netatmo:
-  api_key: YOUR_API_KEY
-  secret_key: YOUR_SECRET_KEY
+  api_key: YOUR_CLIENT_ID
+  secret_key: YOUR_CLIENT_SECRET
   username: YOUR_USERNAME
   password: YOUR_PASSWORD
 ```
 
 Configuration variables:
 
-- **api_key** (*Required*): The API key for your Netatmo account.
-- **secret_key** (*Required*): Your Netatmo secret key
+- **api_key** (*Required*): The `client id` form your Netatmo app.
+- **secret_key** (*Required*): The `client secret` form your Netatmo app.
 - **username** (*Required*): Username for the Netatmo account.
 - **password** (*Required*): Password for the Netatmo account.
 - **discovery** (*Optional)*: Whether to discover Netatmo devices. Set it to False, if you want to choose which Netatmo device you want to add (default True).
 
 ### {% linkable_title Get API and Secret Key %}
 
-To get your API credentials, you have to declare a new application in the [NetAtmo Developer Page](https://dev.netatmo.com/). Sign in using your username and password from your regular Netatmo account.
+To get your API credentials, you have to declare a new application in the [Netatmo Developer Page](https://dev.netatmo.com/). Sign in using your username and password from your regular Netatmo account.
 Click on 'Create an App' at the top of the page.
 
 <p class='img'>
@@ -49,7 +49,7 @@ You have to fill the form, but only two fields are required : Name and Descripti
 <img src='/images/screenshots/netatmo_app.png' />
 </p>
 
-That's it. You can copy and paste your new API and secret keys in your Home Assistant configuration file just as said above.
+That's it. You can copy and paste your new `client id` and `client secret` in your Home Assistant configuration file just as described above, in the configuration example.
 
 <p class='img'>
 <img src='/images/screenshots/netatmo_api.png' />
diff --git a/source/images/screenshots/netatmo_api.png b/source/images/screenshots/netatmo_api.png
index 8f0a1802307..932a066a1c2 100644
Binary files a/source/images/screenshots/netatmo_api.png and b/source/images/screenshots/netatmo_api.png differ
diff --git a/source/images/screenshots/netatmo_app.png b/source/images/screenshots/netatmo_app.png
index 95cd21e12e0..e94e1486848 100644
Binary files a/source/images/screenshots/netatmo_app.png and b/source/images/screenshots/netatmo_app.png differ
diff --git a/source/images/screenshots/netatmo_create.png b/source/images/screenshots/netatmo_create.png
index f268b27aad5..5f5a4ea2815 100644
Binary files a/source/images/screenshots/netatmo_create.png and b/source/images/screenshots/netatmo_create.png differ