Customizing the pickup point selector
Once the pickup point selector has been added to your Shopify theme, you can customize its appearance in the PickupBird by Digiloop app.
In the Shopify admin, open the PickupBird by Digiloop app and go to the Integration and Design menu.
Select the Interactive map display on Cart option by clicking Settings.
On the Cart design tab that appears, you can customize the appearance of the pickup point selector.
Choose the button shape using the Button section's dropdown.
In the Integration layout section, enable Allow pickup in store if your store also offers in-person pickup at a physical location.
Use the Pick layout dropdown to switch between the available layouts.
Finally, match the integration's appearance to your store's design using the Colors section settings.
The live preview on the right updates automatically based on your settings on the left, so you can see the final appearance before saving.
Customizing the Cart map design
On the Map design tab, you can configure the appearance of the map popup.
In the Shopify admin, open the PickupBird by Digiloop app and go to the Integration and Design menu.
Select the Interactive map display on Cart option by clicking Settings.
Click the Map design tab that appears to customize the map's appearance.
Choose the button shape from the Button style options.
In the Map style section, choose between Colored or Grayscale map style.
In the Pin style section, decide the shape of the pickup point marker shown on the map.
Finally, match the map's appearance to your store's design using the font and color options in the Colors and text section.
Important: while the map display is active, always turn off "Buy it now", "Quick Buy", "Express Checkout" and similar settings in your theme. These buttons let customers skip the Cart page entirely, bypassing the pickup point selector.