Learning Resources

Admin Widget Injection Zones

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

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/types

{
  data, // Order object
}

order.details.after

Added at the end of the order details page.

Type DetailWidgetProps<AdminOrder> imported from @medusajs/types

{
  data, // Order object
}

order.details.side.before

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

Type DetailWidgetProps<AdminOrder> imported from @medusajs/types

{
  data, // Order object
}

order.details.side.before

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

Type DetailWidgetProps<AdminOrder> imported from @medusajs/types

{
  data, // Order 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/types

{
  data, // Customer object
}

customer.details.after

Added at the bottom of the customer details page.

Type DetailWidgetProps<AdminCustomer> imported from @medusajs/types

{
  data, // Customer object
}

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/types

{
  data, // CustomerGroup object
}

customer_group.details.after

Added at the bottom of the customer group details page.

Type DetailWidgetProps<AdminCustomerGroup> imported from @medusajs/types

{
  data, // CustomerGroup 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/types

{
  data, // Product object
}

product.details.after

Added at the bottom of the product details page

Type DetailWidgetProps<AdminProduct> imported from @medusajs/types

{
  data, // Product object
}

product.details.side.before

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

Type DetailWidgetProps<AdminProduct> imported from @medusajs/types

{
  data, // Product object
}

product.details.side.after

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

Type DetailWidgetProps<AdminProduct> imported from @medusajs/types

{
  data, // Product object
}

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/types

{
  data, // ProductCollection object
}

product_collection.details.after

Added at the bottom of the product collection details page.

Type DetailWidgetProps<AdminProductCollection> imported from @medusajs/types

{
  data, // ProductCollection object
}

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/types

{
  data, // ProductCategory object
}

product_category.details.after

Added at the bottom of the product category details page.

Type DetailWidgetProps<AdminProductCategory> imported from @medusajs/types

{
  data, // ProductCategory 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/types

{
  data, // ProductCategory 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/types

{
  data, // ProductCategory object
}

Pricing 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<PriceListDTO> imported from @medusajs/types

{
  data, // PriceList object
}

price_list.details.after

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

Type DetailWidgetProps<PriceListDTO> imported from @medusajs/types

{
  data, // PriceList object
}

price_list.details.side.before

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

Type DetailWidgetProps<PriceListDTO> imported from @medusajs/types

{
  data, // PriceList object
}

price_list.details.side.after

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

Type DetailWidgetProps<PriceListDTO> imported from @medusajs/types

{
  data, // PriceList 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<PromotionDTO> imported from @medusajs/types

{
  data, // Promotion object
}

promotion.details.after

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

Type DetailWidgetProps<PromotionDTO> imported from @medusajs/types

{
  data, // Promotion object
}

promotion.details.side.before

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

Type DetailWidgetProps<PromotionDTO> imported from @medusajs/types

{
  data, // Promotion object
}

promotion.details.side.after

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

Type DetailWidgetProps<PromotionDTO> imported from @medusajs/types

{
  data, // Promotion object
}

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<CampaignDTO> imported from @medusajs/types

{
  data, // Campaign object
}

campaign.details.after

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

Type DetailWidgetProps<CampaignDTO> imported from @medusajs/types

{
  data, // Campaign object
}

campaign.details.side.before

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

Type DetailWidgetProps<CampaignDTO> imported from @medusajs/types

{
  data, // Campaign object
}

campaign.details.side.after

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

Type DetailWidgetProps<CampaignDTO> imported from @medusajs/types

{
  data, // Campaign object
}

Setting Pages#

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<UserDTO> imported from @medusajs/types

{
  data, // User object
}

user.details.after

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

Type DetailWidgetProps<UserDTO> imported from @medusajs/types

{
  data, // User object
}

Store Pages#

Injection Zone NameDescriptionAdditional Props

store.details.before

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

Type DetailWidgetProps<ExtendedStoreDTO> imported from @medusajs/types

{
  data, // Store object
}

store.details.after

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

Type DetailWidgetProps<ExtendedStoreDTO> imported from @medusajs/types

{
  data, // Store object
}

Profile Pages#

Injection Zone NameDescriptionAdditional Props

profile.details.before

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

Type DetailWidgetProps<UserDTO> imported from @medusajs/types

{
  data, // User object
}

profile.details.after

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

Type DetailWidgetProps<UserDTO> imported from @medusajs/types

{
  data, // User 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/types

{
  data, // Region object
}

region.details.after

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

Type DetailWidgetProps<AdminRegion> imported from @medusajs/types

{
  data, // Region 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<ShippingProfileDTO> imported from @medusajs/types

{
  data, // ShippingProfile object
}

shipping_profile.details.after

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

Type DetailWidgetProps<ShippingProfileDTO> imported from @medusajs/types

{
  data, // ShippingProfile 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.details.before

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

Type DetailWidgetProps<ExtendedStockLocationDTO> imported from @medusajs/types

{
  data, // StockLocation object
}

location.details.after

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

Type DetailWidgetProps<ExtendedStockLocationDTO> imported from @medusajs/types

{
  data, // StockLocation object
}

location.details.side.before

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

Type DetailWidgetProps<ExtendedStockLocationDTO> imported from @medusajs/types

{
  data, // StockLocation object
}

location.details.side.after

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

Type DetailWidgetProps<ExtendedStockLocationDTO> imported from @medusajs/types

{
  data, // StockLocation object
}

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<SalesChannelResponse> imported from @medusajs/types

{
  data, // SalesChannel object
}

sales_channel.details.after

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

Type DetailWidgetProps<SalesChannelResponse> imported from @medusajs/types

{
  data, // SalesChannel 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<ReservationItemDTO> imported from @medusajs/types

{
  data, // ReservationItem object
}

reservation.details.after

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

Type DetailWidgetProps<ReservationItemDTO> imported from @medusajs/types

{
  data, // ReservationItem object
}

reservation.details.side.before

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

Type DetailWidgetProps<ReservationItemDTO> imported from @medusajs/types

{
  data, // ReservationItem object
}

reservation.details.side.after

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

Type DetailWidgetProps<ReservationItemDTO> imported from @medusajs/types

{
  data, // ReservationItem object
}

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<ApiKeyResponse> imported from @medusajs/types

{
  data, // ApiKey object
}

api_key.details.after

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

Type DetailWidgetProps<ApiKeyResponse> imported from @medusajs/types

{
  data, // ApiKey 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<WorkflowExecutionDTO> imported from @medusajs/types

{
  data, // WorkflowExecution object
}

workflow.details.after

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

Type DetailWidgetProps<WorkflowExecutionDTO> imported from @medusajs/types

{
  data, // WorkflowExecution 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<TaxRegionResponse> imported from @medusajs/types

{
  data, // TaxRegion object
}

tax.details.after

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

Type DetailWidgetProps<TaxRegionResponse> imported from @medusajs/types

{
  data, // TaxRegion object
}
Was this page helpful?
Edit this page