Pickup points

When buyers choose pickup point delivery, checkout displays a location search form and a list of nearby collection points, such as parcel lockers and carrier service points. Use these targets to add content before and after that UI.

Anchor to Use casesUse cases

• Location guidance: Display a message above the location search form, such as coverage areas or tips for finding the nearest pickup point.
• Carrier information: Display carrier names, collection hours, or network details for available pickup points.
• Collection instructions: Show what buyers need when collecting their package, such as a photo ID or order confirmation number.
• Pickup promotion: Reinforce the buyer's choice with a discount or reward when they select pickup point delivery.

Anchor to Pickup points targetsPickup points targets

Use these targets to add content around the pickup point selection UI. Buyers move through two views: a location search form and a results list. The extension receives isLocationFormVisible to distinguish between them. For UX guidance, see UX for pickup points.

Anchor to Render before pickup points ,[object Object]Render before pickup points target

purchase.checkout.pickup-point-list.render-before

Renders before the pickup point UI, covering both the location search form and the results list. Use api.isLocationFormVisible.current to determine which view the buyer is in and adapt your content. Pickup point details, including carrier names, location addresses, and costs, are accessible through deliveryGroups.

Anchor to Render after pickup points ,[object Object]Render after pickup points target

purchase.checkout.pickup-point-list.render-after

Renders after the pickup point list. Use this target for content that's relevant after the buyer views or selects a pickup point, such as collection reminders or package handling instructions.