Checkout

Use powerful checkout 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 checkout page, head over to the 'Components' section within the Penni Cart App and make your way to the 'Checkout Components' segment. This section is dedicated to enriching the final phase of your customers' shopping journey:

  • Billing/Shipping: Where customers can input their billing and shipping information.

  • Order Summary: Provides a concise overview of the order, including selected items and total cost.

  • Shipping Method: Allows customers to choose their preferred shipping method.

  • Product List: Displays a summary of products ready for purchase.

  • Payment: Integrates with your chosen payment processor, enabling secure transactions.

  • Promo Code: A field for customers to apply discount codes for savings.

These components are provided in their basic form, ready for you to infuse with your brand’s style. Ensure you are editing the Checkout Page that Penni Cart automatically generates during app installation.

Keys to a Successful Checkout Page 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.

By customizing these components, you can offer a seamless and efficient checkout process, encapsulating your brand's essence and ensuring a positive end to your customers' shopping experience.

Last updated