Add to your Store
Home Why us? Documentation Privacy Policy Refund Policy Get in Touch

Shopify Count Up Banner Section

Learn how to create a Count Up Banner section with Sections Pro in Shopify

Description of the Section

The Count Up Banner section is designed to showcase numerical milestones or statistics in an appealing and dynamic way. It leverages animated count-up effects to grab the visitor's attention, making it perfect for highlighting significant achievements, sales figures, or important metrics related to your business.

Demo of the Section

Installation Instructions

  1. Download the Sections Pro app on the Shopify App Store
  2. Open the app and navigate to Free Sections
  3. Search for "Count Up Banner"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. Highlight Sales Milestones: Display your total sales, number of happy customers, or unique transactions on your homepage to build credibility and trust.
  2. Show Visitor Statistics: Share impressive site visits, active users, or subscription numbers to encourage new visitors to join the growing community.
  3. Achievements and Awards: Use the banner to showcase the number of awards won, certificates achieved, or years in business, enhancing brand prestige.
  4. Social Proof: Display the count of social media followers, likes, or shares to emphasize your brand’s popularity and active engagement.
  5. Order Fulfillment: Highlight the number of orders shipped, products sold, or successful deliveries to reassure potential customers of your efficiency and reliability.

Overview of the Configuration Settings

  1. Text Settings:

    • Text Font: Select the font for the text content.
    • Text Size: Adjust the text size between 10px and 50px.

  2. Count Settings:

    • Count Font: Select the font for the count numbers.
    • Count Size: Adjust the count size between 10px and 75px.

  3. Headline Settings:

    • Headline Font: Select the font for the headline.
    • Headline Size: Adjust the headline size between 10px and 50px.

  4. Colors:

    • Text Color: Choose the color for the text.
    • Headline Color: Choose the color for the headline.
    • Count Color: Select the color for the count numbers.
    • Background Color: Set a gradient or solid background color for the section.

  5. Dimensions and Spacing:

    • Max Width of Section: Set the maximum width of the section.
    • Padding: Define padding for the top, bottom, left, and right sides of the section.
    • Spacing Between Elements: Adjust the space between different elements in the section.

  6. Content:

    • Headline: Customize the headline text (supports rich text formatting).
    • Headline Alignment: Align the headline to the left, center, or right.
    • Text: Add custom text content (supports rich text formatting).
    • Text Alignment: Align the text content to the left, center, or right.

  7. Count Boxes:

    • Box 1, Box 2, Box 3 Numbers: Set the numerical value to be displayed in each count box.
    • Box 1, Box 2, Box 3 Text: Add text for each corresponding count box.
    • Count Alignment: Align the count numbers and text in the boxes to the left, center, or right.

These settings offer comprehensive customization options, ensuring that the Count Up Banner section seamlessly integrates with any Shopify store's design and branding requirements.