Bag

Use powerful bag components to elevate the potential of your Webflow e-commerce site.

Please note that this section/document is still Work in Progress. It might be updated, revised, or changed entirely in the near future.

To begin customizing your cart, head over to the 'Components' section within the Penni Cart App and scroll to the 'Cart Page' section. Here, you'll find two primary components to choose from:

  • Pop Up Cart: A center-aligned pop-up cart for a direct, attention-grabbing shopping experience.

  • Top Right Cart: A sleek drop-down cart that emerges from the top right corner of your site.

These components are provided as non-styled, foundational blocks, allowing you the freedom to embed them directly into your project's Cart Page (automatically created when you installed the Penni Cart App). Now, as a Webflow connoisseur, it's your turn to inject your brand's unique flair into these elements.

Keys to a Successful Cart Design:

  • Responsiveness: Ensure your cart adapts smoothly across devices for a seamless shopping experience.

  • Preserve Required Attributes: Our attribute grid below highlights the essential attributes for each component. Be mindful not to remove these to maintain functionality.

  • Brand Alignment: Tailoring the cart's design to reflect your brand's identity not only elevates the user experience but can also significantly boost engagement and sales.

Dive into styling your cart with confidence, knowing you have the tools and guidance to create a captivating, brand-centric shopping cart.

Last updated