How to Move Widget from Cart Footer to Cart Body?

How to move the widget from the cart footer to the cart body?

Move your Bird Pickup Delivery Date widget from the default cart footer to a more prominent position within the cart body for better visibility and customer engagement.

Configure widget placement

1. Go to Bird App Settings > Widget Placement > Manual Widget placement
2. Identify your desired cart body location's CSS selector
3. Enter the CSS selector in the Placement CSS selector field

For a detailed, visual walkthrough on finding the CSS selector, check out our CSS selector identification guide.

Fine-tune position

Use the Widget Position setting to perfect placement relative to your target element. This setting helps align the widget exactly where you want it within the cart body.

Save and verify

1. Click Save to apply your configuration
2. Use Widget Preview in app settings to confirm placement
3. Test on both cart pages and cart drawers

Troubleshooting Dynamically Updating Cart

For dynamically updated carts that load without page reload, adjust the cart delay or watch element changes in Bird App Settings > Widget Placement > Widget reload or reinitialize. Refer to the Widget Reinitialize Guide for detailed setup instructions.

Your widget now appears prominently in the cart body, improving customer visibility and engagement.

Updated on: 09/20/2025