How To Add Cart To Header – Header Builder Astra Theme

YouTube video

Adding a cart icon to your website’s header is a crucial feature for any online store, as it provides customers with easy access to view and manage their purchases. For websites using the Astra theme in WordPress, incorporating a cart into the header can be achieved effortlessly with the Header Builder. This addition not only enhances the functionality of your e-commerce site but also improves the user experience by making the shopping process more streamlined and accessible. This guide will take you through the steps to add a cart icon to the header in the Astra theme.

  1. Log Into WordPress Backend: Start by accessing your WordPress dashboard. This is where you can manage various aspects of your WordPress website.
  2. Access Astra Theme Settings: Look for the ‘Astra’ option in the left-hand menu bar of your dashboard and click on it. This action will take you to the settings page for the Astra theme.
  3. Go to Theme Customizer: Within the Astra settings, find and click on the ‘Go to Customizer’ link or button. This will open the WordPress Customizer, where you can make live customizations to your theme.
  4. Enter Header Builder: In the Customizer, locate and select ‘Header Builder’. The Header Builder is an integral part of the Astra theme that allows for detailed customization of your site’s header.
  5. Choose Header Section for Cart: In the Header Builder, navigate to the bottom of the page and hover over the header section where you want to add the cart icon. Click on the ‘+’ icon in the area you wish to add it.
  6. Add the Cart Module: Look for the cart module in the list of available elements. Click on it to add the cart icon to the selected header section.
  7. Publish the Changes: Once the cart module is added to your header, click on the ‘Publish’ button. This will save your changes and apply the cart icon to your website’s header.

By adding a cart icon to the header of your Astra-themed WordPress site, you’ve made it easier for customers to access their shopping cart, enhancing the overall shopping experience on your site. This simple yet impactful addition can lead to improved user engagement and potentially increased sales. Always preview your changes on different devices to ensure the cart icon is properly integrated and functional.