> ## Documentation Index
> Fetch the complete documentation index at: https://www.dynamic.xyz/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Buying USDC

<Note>This guide is currently React only.</Note>

## Enable Coinbase Onramp

To enable Coinbase Onramp, you need to first enable it in the Dynamic Dashboard.

1. Go to the [funding page in the Dynamic Dashboard](https://app.dynamic.xyz/dashboard/funding) and enable Coinbase Onramp
2. Configure the onramp to use USDC as the asset and set the default experience to buy ([onrampOptions](/react/money-and-funding/customizing-the-onramp-experience#onrampoptions))

You can customize onramp options by overriding the default options with custom configurations for USDC purchases:

```tsx React theme={"system"}
const onrampOptions = (defaultOnrampOptions) => {
  // Detect if we have a coinbase onramp option available
  const coinbaseOption = defaultOnrampOptions.find(option => option.id === "coinbaseOnramp");

  if (coinbaseOption) {
    // Use the coinbase onramp option as a base and add a new option with the USDC asset and buy experience
    const newOption = {
      ...coinbaseOption,
      id: "coinbaseUsdc",
      displayName: "Buy USDC",
      url: `${coinbaseOption.url}&defaultAsset=USDC&defaultExperience=buy`
    };
    return [...defaultOnrampOptions, newOption];
  }

  return defaultOnrampOptions;
};
```

Use the `DynamicContextProvider` with overrides to configure custom onramp options for your application:

```tsx React theme={"system"}
<DynamicContextProvider
    settings={{
        overrides: {
            onrampOptions
        }
    }}
>
    <DynamicWidget />
</DynamicContextProvider>
```

That's it! In the widget, when you hit deposit, you'll now see a Buy USDC option:

<Frame>
  <img className="h-120" src="https://mintcdn.com/dynamic-docs-testing/duI3BEML43E_Xi7b/images/onramps/onramps-with-usdc.png?fit=max&auto=format&n=duI3BEML43E_Xi7b&q=85&s=4ba0376c3ed6887b51ae7eed5409387b" alt="Buy USDC" width="990" height="1268" data-path="images/onramps/onramps-with-usdc.png" />
</Frame>

<Frame>
  <img className="h-120" src="https://mintcdn.com/dynamic-docs-testing/duI3BEML43E_Xi7b/images/onramps/onramps-with-usdc-2.png?fit=max&auto=format&n=duI3BEML43E_Xi7b&q=85&s=1386ed6d2bf1cf8f2f5df5eafb0a8560" alt="Buy USDC with Coinbase Onramp" width="1092" height="1386" data-path="images/onramps/onramps-with-usdc-2.png" />
</Frame>

## Next Steps

You can customize the icon and other aspects of the onramp experience. Learn more about that [here](/react/money-and-funding/customizing-the-onramp-experience).