# Update Prices on Page

## The `<IgPrice/>` Component

The [`<IgPrice/>`](https://headless.intelligems.io/version-1.0.0-beta/reference/components/price-components#less-than-igprice-greater-than) component is recommended as it will color prices throughout your page while in [Integration Mode](https://headless.intelligems.io/version-1.0.0-beta/general-steps/broken-reference).

## The `useIgPrices()` Hook

The [`useIgPrices()`](https://headless.intelligems.io/version-1.0.0-beta/reference/hooks/price-hooks#useigprices) hook may be used to get the updated prices based on the user's test group.

## Internationalization&#x20;

1. Set a default `activeCurrencyCode` prop for `<IntegrationType>Provider`.  `USD` will be used by default if not set.
2. If necessary, update `activeCurrencyCode` through context:

```typescript
const { setActiveCurrencyCode } = useContext(IntelligemsContext);
setActiveCurrencyCode("EUR")
```

3. Experiment currency is set through the Intelligems app.  Prices for Experiments with a currency != to `activeCurrencyCode` will return the original price.