32 lines
878 B
Markdown
32 lines
878 B
Markdown
# Admin Customizations
|
||
|
||
You can extend the Medusa Admin to add widgets and new pages. Your customizations interact with API routes to provide merchants with custom functionalities.
|
||
|
||
## Example: Create a Widget
|
||
|
||
A widget is a React component that can be injected into an existing page in the admin dashboard.
|
||
|
||
For example, create the file `src/admin/widgets/product-widget.tsx` with the following content:
|
||
|
||
```tsx title="src/admin/widgets/product-widget.tsx"
|
||
import { defineWidgetConfig } from '@medusajs/admin-sdk';
|
||
|
||
// The widget
|
||
const ProductWidget = () => {
|
||
return (
|
||
<div>
|
||
<h2>Product Widget</h2>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
// The widget's configurations
|
||
export const config = defineWidgetConfig({
|
||
zone: 'product.details.after',
|
||
});
|
||
|
||
export default ProductWidget;
|
||
```
|
||
|
||
This inserts a widget with the text “Product Widget” at the end of a product’s details page.
|