Loyalty Module's Admin Widget Injection Zones

This reference shows all the injection zones in the Medusa Admin related to the Loyalty Module.

Deprecated Suffixes: Before Medusa v2.17.2, injection zone names ended with .before or .after to place the widget at the top or the bottom of the zone. These suffixes are deprecated, and you should use the zone name without the suffix instead.A widget is now added at the end of the zone it's injected into. Admin users can then change its placement, including moving it to the top of the page or in between the page's core components, using Layout Configurations.Widgets that still use the .before or .after suffixes keep rendering, but the suffix no longer changes their placement.
Note: These widget zones are available starting from Medusa v2.16.0.

Gift Card Pages#

Injection Zone Name

Description

Additional Props

gift_card.details

Added at the end of a gift card's details page.

Type DetailWidgetProps<AdminGiftCard> imported from @medusajs/framework/types

{
  data, // AdminGiftCard object
}

gift_card.details.side

Added at the end of the side section in a gift card's details page.

Type DetailWidgetProps<AdminGiftCard> imported from @medusajs/framework/types

{
  data, // AdminGiftCard object
}

gift_card.list

Added at the end of the gift cards list page.

-

gift_card.list.side

Added at the end of the side section in the gift cards list page.

-


Gift Card Product Pages#

Injection Zone Name

Description

Additional Props

gift_card_product.details

Added at the end of a gift card product's details page.

Type DetailWidgetProps<AdminProduct> imported from @medusajs/framework/types

{
  data, // AdminProduct object
}

gift_card_product.details.side

Added at the end of the side section in a gift card product's details page.

Type DetailWidgetProps<AdminProduct> imported from @medusajs/framework/types

{
  data, // AdminProduct object
}

gift_card_product.list

Added at the end of the gift card products list page.

-

Was this page helpful?
Ask Bloom
For assistance in your development, use Claude Code Plugins or Docs MCP server in Cursor, VSCode, etc...FAQ
What is Medusa?
How can I create a module?
How can I create a data model?
How do I create a workflow?
How can I extend a data model in the Product Module?
Recipes
How do I build a marketplace with Medusa?
How do I build digital products with Medusa?
How do I build subscription-based purchases with Medusa?
What other recipes are available in the Medusa documentation?
Chat is cleared on refresh
Line break
⇧↵