How to Use the Product Collection Element in HighLevel

Hey, what’s up everybody! In this blog, we are excited to introduce the powerful product collection elements within HighLevel. This feature enhances the e-commerce capabilities of your website, allowing for better product organization and an improved layout for your customers. Let’s dive into the details of how you can leverage this feature to optimize your online store.

Introduction to HighLevel’s E-Commerce Features

HighLevel’s e-commerce functionality is designed to make product management and website customization seamless. From importing products via Stripe to organizing them into collections, these tools ensure your store is efficient and user-friendly.

Setting Up Product Collections

Accessing the Product Collection Feature

To get started, navigate to the products page under the payment section in HighLevel. Here, you can import products from Stripe and add details like names and images. You will notice a new section under products called “Collections.” This feature allows you to create and manage different product collections.

Creating a New Collection

  1. Add a Collection: Click on the top-right button to create a new collection.
  2. Customize the Collection: Change the name, add images from the media library, and configure SEO options. Setting a descriptive SEO title and description helps improve search engine visibility.
  3. Save the Collection: Once you’ve added the necessary details, click ‘Add’ to create your new collection.

Adding Products to Collections

After creating a collection, you need to add products to it.

  1. Select a Product: Go to the products page and open any product you want to include in a collection.
  2. Assign to Collection: Scroll down to the product collection section, select the appropriate collection, and save. You can assign products to multiple collections if needed.

Integrating Collections into Your E-Commerce Store

Editing Your Website

To display collections on your website, go to the site editor in HighLevel.

  1. Add Collection Element: In the e-commerce section, add the new collection element to your page layout. Ensure your site is set up as an online store to access these elements.
  2. Customize the Layout: You can adjust the number of columns for desktop and mobile views, change color settings, font options, and more.

Enhancing User Experience

Displaying Collections

The collection element comes with dummy collections by default. Replace these with your actual collections to ensure your website displays relevant products.

  1. Select Collections: In the collection element settings, select the collections you created earlier.
  2. Adjust Settings: Modify settings like margins, padding, colors, and fonts to match your site’s design.

SEO Optimization

SEO is crucial for making your collections discoverable.

  1. SEO Titles and Descriptions: Use specific and detailed SEO titles and descriptions for each collection. This practice helps search engines understand and rank your collections better.
  2. Optimize for Keywords: Include relevant keywords in your titles and descriptions to attract more traffic to your store.

Finalizing and Publishing

After configuring your collections and layout:

  1. Preview Changes: Ensure everything looks correct by previewing your site.
  2. Publish: Save and publish your changes to make your collections live on your website.

Conclusion

HighLevel’s product collection elements provide a robust solution for managing and displaying products on your e-commerce site. By organizing products into collections, optimizing SEO settings, and customizing the layout, you can significantly enhance your customer’s shopping experience. Implement these steps today to take full advantage of HighLevel’s e-commerce features and boost your online sales.