Widget in the Cart Body

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 Settings > Developer > 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 Manual Widget Placement article.

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. Go to Bird Settings > Widget placement > Cart page and click Preview in theme to confirm placement
3. Test on both cart pages and cart drawers

Troubleshooting Dynamically Updating Cart

The widget reloads itself when a dynamic cart updates without a page reload. If it doesn’t, see Widget Loading Issues in Dynamic Carts.

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

Related Articles

• Shopify Cart Type
• Widget Placement Options
• App and Widget Activation