diff --git a/docs/images/onchainkit/onramp-secure-init.png b/docs/images/onchainkit/onramp-secure-init.png
deleted file mode 100644
index 9af958234..000000000
Binary files a/docs/images/onchainkit/onramp-secure-init.png and /dev/null differ
diff --git a/docs/onchainkit/latest/components/fund/fund-button.mdx b/docs/onchainkit/latest/components/fund/fund-button.mdx
index 313700e8d..7b09d77e7 100644
--- a/docs/onchainkit/latest/components/fund/fund-button.mdx
+++ b/docs/onchainkit/latest/components/fund/fund-button.mdx
@@ -43,11 +43,19 @@ Coinbase account.
```
+
+
+ [Getting session token](https://docs.cdp.coinbase.com/onramp-&-offramp/session-token-authentication)
+
+
```tsx
import { FundButton } from '@coinbase/onchainkit/fund';
-
+
+ const sessionToken = "YOUR_SESSION_TOKEN";
+
+
```
@@ -55,7 +63,7 @@ Coinbase account.
{({ address }) => {
if (address) {
return (
-
+
)
}
return <>
@@ -72,20 +80,6 @@ Coinbase account.
-
-
-**Troubleshooting**
-
-If you see a "something went wrong" error message when navigating to pay.coinbase.com, make sure you have "enforce
-secure initialization" disabled on the [Onramp config page in Coinbase Developer Platform Dashboard](https://portal.cdp.coinbase.com/products/onramp).
-
-
-
-
-
-
-
-
## Customizing the funding experience
You can customize the Coinbase Onramp experience by bringing your own Onramp URL and passing it to the ``````
@@ -100,9 +94,7 @@ const projectId = 'YOUR_CDP_PROJECT_ID';
const { address } = useAccount();
const onrampBuyUrl = getOnrampBuyUrl({
- projectId,
- addresses: { [address]: ['base'] },
- assets: ['USDC'],
+ sessionToken: "YOUR_SESSION_TOKEN"
presetFiatAmount: 20,
fiatCurrency: 'USD'
});
@@ -120,9 +112,7 @@ const onrampBuyUrl = getOnrampBuyUrl({
{({ address, projectId }) => {
if (address && projectId) {
const onrampBuyUrl = getOnrampBuyUrl({
- projectId,
- addresses: { [address]: ['base'] },
- assets: ['USDC'],
+ sessionToken: "YOUR_SESSION_TOKEN"
presetFiatAmount: 20,
fiatCurrency: 'USD'
});
@@ -145,7 +135,7 @@ const onrampBuyUrl = getOnrampBuyUrl({
You can choose to have the funding URL open in a popup or a new tab using the `openIn` prop.
```tsx
-
+
```