Admin Widget Injection Zones

This documentation page includes the list of injection zones you can add Admin Widgets to.

Campaign Pages#

Injection Zone NameDescriptionAdditional Props

campaign.list.before

Added at the top of the campaigns list page.

-

campaign.list.after

Added at the bottom of the campaigns list page.

-

campaign.details.before

Added at the top of a campaign's details page.

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

{
  data, // AdminCampaign object
}

campaign.details.after

Added at the bottom of a campaign's details page.

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

{
  data, // AdminCampaign object
}

campaign.details.side.before

Added at the top of the second column in the campaign details page.

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

{
  data, // AdminCampaign object
}

campaign.details.side.after

Added at the bottom of the second column in the campaign details page.

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

{
  data, // AdminCampaign object
}

Customer Pages#

Injection Zone NameDescriptionAdditional Props

customer.list.before

Added at the top of the customers list page.

-

customer.list.after

Added at the bottom of the customers list page.

-

customer.details.before

Added at the top of the customer details page.

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

{
  data, // AdminCustomer object
}

customer.details.after

Added at the bottom of the customer details page.

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

{
  data, // AdminCustomer object
}

Customer Group Pages#

Injection Zone NameDescriptionAdditional Props

customer_group.list.before

Added at the top of the customer groups list page.

-

customer_group.list.after

Added at the bottom of the customer groups list page.

-

customer_group.details.before

Added at the top of the customer group details page.

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

{
  data, // AdminCustomerGroup object
}

customer_group.details.after

Added at the bottom of the customer group details page.

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

{
  data, // AdminCustomerGroup object
}

Inventory Pages#

Injection Zone NameDescriptionAdditional Props

inventory_item.list.before

Added at the top of the inventory list page.

-

inventory_item.list.after

Added at the bottom of the inventory list page.

-

inventory_item.details.before

Added at the top of the inventory item details page.

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

{
  data, // AdminInventoryItem object
}

inventory_item.details.after

Added at the bottom of the inventory item details page.

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

{
  data, // AdminInventoryItem object
}

inventory_item.details.side.before

Added at the top of the second column in the inventory item details page.

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

{
  data, // AdminInventoryItem object
}

inventory_item.details.side.after

Added at the end of the second column in the inventory item details page.

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

{
  data, // AdminInventoryItem object
}

Login Page#

Injection Zone NameDescriptionAdditional Props

login.before

Added before the login form.

-

login.after

Added after the login form.

-


Order Pages#

Injection Zone NameDescriptionAdditional Props

order.list.before

Added at the top of the orders list page.

-

order.list.after

Added at the bottom of the order list page.

-

order.details.before

Added at the top of the order details page

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

{
  data, // AdminOrder object
}

order.details.after

Added at the end of the order details page.

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

{
  data, // AdminOrder object
}

order.details.side.before

Added at the top of the second column in the order details page.

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

{
  data, // AdminOrder object
}

order.details.side.after

Added at the end of the second column in the order details page.

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

{
  data, // AdminOrder object
}

Price List Pages#

Injection Zone NameDescriptionAdditional Props

price_list.list.before

Added at the top of the Pricing list page.

-

price_list.list.after

Added at the bottom of the Pricing list page.

-

price_list.details.before

Added at the top of a price list's details page.

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

{
  data, // AdminPriceList object
}

price_list.details.after

Added at the bottom of a price list's details page.

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

{
  data, // AdminPriceList object
}

price_list.details.side.before

Added at the top of the second column in the price list details page.

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

{
  data, // AdminPriceList object
}

price_list.details.side.after

Added at the bottom of the second column in the price list details page.

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

{
  data, // AdminPriceList object
}

Product Pages#

Injection Zone NameDescriptionAdditional Props

product.list.before

Added at the top of the product list page.

-

product.list.after

Added at the bottom of the products list page.

-

product.details.before

Added at the top of the product details page.

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

{
  data, // AdminProduct object
}

product.details.after

Added at the bottom of the product details page

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

{
  data, // AdminProduct object
}

product.details.side.before

Added at the top of the second column in the product details page.

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

{
  data, // AdminProduct object
}

product.details.side.after

Added at the bottom of the second column in the product details page.

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

{
  data, // AdminProduct object
}

Product Variant Pages#

Note: This injection zone is only available after Medusa v2.0.5.
Injection Zone NameDescriptionAdditional Props

product_variant.details.before

Added at the top of the product variant details page.

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

{
  data, // AdminProductVariant object
}

product_variant.details.after

Added at the bottom of the product variant details page

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

{
  data, // AdminProductVariant object
}

product_variant.details.side.before

Added at the top of the second column in the product variant details page.

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

{
  data, // AdminProductVariant object
}

product_variant.details.side.after

Added at the bottom of the second column in the product variant details page.

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

{
  data, // AdminProductVariant object
}

Product Collection Pages#

Injection Zone NameDescriptionAdditional Props

product_collection.list.before

Added at the top of the product collections list page.

-

product_collection.list.after

Added at the bottom of the product collections list page.

-

product_collection.details.before

Added at the top of the product collection details page.

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

{
  data, // AdminProductCollection object
}

product_collection.details.after

Added at the bottom of the product collection details page.

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

{
  data, // AdminProductCollection object
}

Product Category Pages#

Injection Zone NameDescriptionAdditional Props

product_category.list.before

Added at the top of the product categories list page.

-

product_category.list.after

Added at the bottom of the product categories list page.

-

product_category.details.before

Added at the top of the product category details page.

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

{
  data, // AdminProductCategory object
}

product_category.details.after

Added at the bottom of the product category details page.

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

{
  data, // AdminProductCategory object
}

product_category.details.side.before

Added at the top of the second column in the product category details page.

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

{
  data, // AdminProductCategory object
}

product_category.details.side.after

Added at the bottom of the second column in the product category details page.

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

{
  data, // AdminProductCategory object
}

Promotion Pages#

Injection Zone NameDescriptionAdditional Props

promotion.list.before

Added at the top of the promotions list page.

-

promotion.list.after

Added at the bottom of the promotions list page.

-

promotion.details.before

Added at the top of a promotion's details page.

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

{
  data, // AdminPromotion object
}

promotion.details.after

Added at the bottom of a promotion's details page.

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

{
  data, // AdminPromotion object
}

promotion.details.side.before

Added at the top of the second column in the promotion details page.

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

{
  data, // AdminPromotion object
}

promotion.details.side.after

Added at the bottom of the second column in the promotion details page.

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

{
  data, // AdminPromotion object
}

Setting Pages#

API Key Pages#

Injection Zone NameDescriptionAdditional Props

api_key.list.before

Added at the top of the API keys list page.

-

api_key.list.after

Added at the bottom of the API keys list page.

-

api_key.details.before

Added at the top of a API key's details page.

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

{
  data, // AdminApiKey object
}

api_key.details.after

Added at the bottom of a API key's details page.

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

{
  data, // AdminApiKey object
}

Location Pages#

Injection Zone NameDescriptionAdditional Props

location.list.before

Added at the top of the locations list page.

-

location.list.after

Added at the bottom of the locations list page.

-

location.list.side.before

Added at the top of the second column in the locations list page. This injection zone is available since Medusa v2.7.0.

-

location.list.side.after

Added at the bottom of the second column in the locations list page. This injection zone is available since Medusa v2.7.0.

-

location.details.before

Added at the top of a location's details page.

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

{
  data, // AdminStockLocation object
}

location.details.after

Added at the bottom of a location's details page.

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

{
  data, // AdminStockLocation object
}

location.details.side.before

Added at the top of the second column in the location details page.

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

{
  data, // AdminStockLocation object
}

location.details.side.after

Added at the bottom of the second column in the location details page.

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

{
  data, // AdminStockLocation object
}

Profile Pages#

Injection Zone NameDescriptionAdditional Props

profile.details.before

Added at the top of a profile's details page.

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

{
  data, // AdminUser object
}

profile.details.after

Added at the bottom of a profile's details page.

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

{
  data, // AdminUser object
}

Region Pages#

Injection Zone NameDescriptionAdditional Props

region.list.before

Added at the top of the regions list page.

-

region.list.after

Added at the bottom of the regions list page.

-

region.details.before

Added at the top of a region's details page.

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

{
  data, // AdminRegion object
}

region.details.after

Added at the bottom of a region's details page.

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

{
  data, // AdminRegion object
}

Reservation Pages#

Injection Zone NameDescriptionAdditional Props

reservation.list.before

Added at the top of the reservations list page.

-

reservation.list.after

Added at the bottom of the reservations list page.

-

reservation.details.before

Added at the top of a reservation item's details page.

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

{
  data, // AdminReservation object
}

reservation.details.after

Added at the bottom of a reservation item's details page.

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

{
  data, // AdminReservation object
}

reservation.details.side.before

Added at the top of the second column in the reservation item details page.

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

{
  data, // AdminReservation object
}

reservation.details.side.after

Added at the bottom of the second column in the reservation item details page.

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

{
  data, // AdminReservation object
}

Return Reason Pages#

Injection Zone NameDescriptionAdditional Props

return_reason.list.before

Added at the top of the return reasons list page.

-

return_reason.list.after

Added at the bottom of the return reasons list page.

-

Sales Channel Pages#

Injection Zone NameDescriptionAdditional Props

sales_channel.list.before

Added at the top of the sales channels list page.

-

sales_channel.list.after

Added at the bottom of the sales channels list page.

-

sales_channel.details.before

Added at the top of a sales channel's details page.

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

{
  data, // AdminSalesChannel object
}

sales_channel.details.after

Added at the bottom of a sales channel's details page.

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

{
  data, // AdminSalesChannel object
}

Shipping Option Type Pages#

Note: The following injection zones are available from Medusa v2.10.0
Injection Zone NameDescriptionAdditional Props

shipping_option_type.list.before

Added at the top of the shipping option types list page.

-

shipping_option_type.list.after

Added at the bottom of the shipping option types list page.

-

shipping_option_type.details.before

Added at the top of a shipping option type's details page.

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

{
  data, // AdminShippingOptionType object
}

shipping_option_type.details.after

Added at the bottom of a shipping option type's details page.

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

{
  data, // AdminShippingOptionType object
}

Shipping Profile Pages#

Injection Zone NameDescriptionAdditional Props

shipping_profile.list.before

Added at the top of the shipping profiles list page.

-

shipping_profile.list.after

Added at the bottom of the shipping profiles list page.

-

shipping_profile.details.before

Added at the top of a shipping profile's details page.

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

{
  data, // AdminShippingProfile object
}

shipping_profile.details.after

Added at the bottom of a shipping profile's details page.

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

{
  data, // AdminShippingProfile object
}

Store Pages#

Injection Zone NameDescriptionAdditional Props

store.details.before

Added at the top of a store's details page.

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

{
  data, // AdminStore object
}

store.details.after

Added at the bottom of a store's details page.

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

{
  data, // AdminStore object
}

Tax Pages#

Injection Zone NameDescriptionAdditional Props

tax.list.before

Added at the top of the tax regions list page.

-

tax.list.after

Added at the bottom of the tax regions list page.

-

tax.details.before

Added at the top of a tax region's details page.

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

{
  data, // AdminTaxRegion object
}

tax.details.after

Added at the bottom of a tax region's details page.

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

{
  data, // AdminTaxRegion object
}

User Pages#

Injection Zone NameDescriptionAdditional Props

user.list.before

Added at the top of the users list page.

-

user.list.after

Added at the bottom of the users list page.

-

user.details.before

Added at the top of a user's details page.

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

{
  data, // AdminUser object
}

user.details.after

Added at the bottom of a user's details page.

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

{
  data, // AdminUser object
}

Workflow Pages#

Injection Zone NameDescriptionAdditional Props

workflow.list.before

Added at the top of the workflows list page.

-

workflow.list.after

Added at the bottom of the workflows list page.

-

workflow.details.before

Added at the top of a workflow execution's details page.

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

{
  data, // AdminWorkflowExecution object
}

workflow.details.after

Added at the bottom of a workflow execution's details page.

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

{
  data, // AdminWorkflowExecution object
}
Was this page helpful?
Ask Anything
Ask any questions about Medusa. Get help with your development.
You can also use the Medusa 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