> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.upwardli.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.upwardli.com/_mcp/server.

# Displaying Card Image

# Overview

Upward provides a way for partners to embed just the card image within there environment.
![Card Image](/_fern-img/01a375f5beece6f92f76a9187ae04a5a42a3653a089850912844f1cfbb5487c2.webp)

## Steps to display card actions

### 1. Get consumer scoped token

Card actions component needs [consumer scoped token](/api-access/api-reference/auth/create-token-exchange) to perform all actions. Scope needed `api:card-management:write`

### 2. Load Upward Component

URL: [https://component-embedded-sandbox.upwardli.com/card-image?access_token=\{consumer_scope_token}](https://component-embedded-sandbox.upwardli.com/card-image?access_token=\{consumer_scope_token})