Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions en/docs/includes/design/generate-api-key.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@

3. Click **API Keys** from the left menu of the API.

[![Generate API Key Left Menu](../../../../assets/img/learn/api-keys/api-api-key-left-menu.png)](../../../../assets/img/learn/api-keys/api-api-key-left-menu.png)
[![Generate API Key Left Menu]({{base_path}}/assets/img/learn/api-keys/api-api-key-left-menu.png)]({{base_path}}/assets/img/learn/api-keys/api-api-key-left-menu.png)

4. Click **Generate API Key** and provide a Key Name.

[![Generate API key](../../../../assets/img/learn/api-keys/generate-api-api-key.png){: style="width:80%"}](../../../../assets/img/learn/api-keys/generate-api-api-key.png)
[![Generate API key]({{base_path}}/assets/img/learn/api-keys/generate-api-api-key.png){: style="width:80%"}]({{base_path}}/assets/img/learn/api-keys/generate-api-api-key.png)

5. Optionally, configure the validity period before generating the key.

Expand All @@ -21,7 +21,7 @@

7. Copy the generated API key.

[![Copy API key](../../../../assets/img/learn/api-keys/generate-api-api-key-response.png){: style="width:80%"}](../../../../assets/img/learn/api-keys/generate-api-api-key-response.png)
[![Copy API key]({{base_path}}/assets/img/learn/api-keys/generate-api-api-key-response.png){: style="width:80%"}]({{base_path}}/assets/img/learn/api-keys/generate-api-api-key-response.png)

Once the API key is generated, the steps to use it depend on whether the API requires a subscription. Follow the relevant section below.

Expand All @@ -42,23 +42,23 @@ A valid subscription must exist and the generated API key must be associated wit

3. Click **Subscribe**.

[![Subscribe to the API](../../../../assets/img/learn/subscribe-to-api.png)](../../../../assets/img/learn/subscribe-to-api.png)
[![Subscribe to the API]({{base_path}}/assets/img/learn/subscribe-to-api.png)]({{base_path}}/assets/img/learn/subscribe-to-api.png)

4. Click **Associate** on the API key to link it to the subscribed application.

[![Associate API key button](../../../../assets/img/learn/api-keys/associate-api-key-button.png)](../../../../assets/img/learn/api-keys/associate-api-key-button.png)
[![Associate API key button]({{base_path}}/assets/img/learn/api-keys/associate-api-key-button.png)]({{base_path}}/assets/img/learn/api-keys/associate-api-key-button.png)

5. Select the application from the drop-down and click **ASSOCIATE**.

[![Associate API key](../../../../assets/img/learn/api-keys/associate-api-key.png){: style="width:80%"}](../../../../assets/img/learn/api-keys/associate-api-key.png)
[![Associate API key]({{base_path}}/assets/img/learn/api-keys/associate-api-key.png){: style="width:80%"}]({{base_path}}/assets/img/learn/api-keys/associate-api-key.png)

Alternatively, you can associate the API key from the subscribed application's **API Keys** page.

[![Associate API key from App button](../../../../assets/img/learn/api-keys/app-associate-buttopn.png)](../../../../assets/img/learn/api-keys/app-associate-buttopn.png)
[![Associate API key from App button]({{base_path}}/assets/img/learn/api-keys/app-associate-buttopn.png)]({{base_path}}/assets/img/learn/api-keys/app-associate-buttopn.png)

Select the API and the generated API key from the drop-down and associate.

[![Associate API key from App](../../../../assets/img/learn/api-keys/associate-api-key-from-app.png){: style="width:80%"}](../../../../assets/img/learn/api-keys/associate-api-key-from-app.png)
[![Associate API key from App]({{base_path}}/assets/img/learn/api-keys/associate-api-key-from-app.png){: style="width:80%"}]({{base_path}}/assets/img/learn/api-keys/associate-api-key-from-app.png)

### For subscriptionless APIs

Expand Down