What are the components available on the component builder?

What are the components available on the component builder?

As the Konigle website builder develops, new components will be constantly added to the component builder. To keep you updated, here is a compilation of ALL the components you can find in the Konigle component builder. Note that this list will be updated as more components are added.

All Components in the Konigle Component Builder

  1. Blogs
  2. Call To Action (CTA)
  3. Carousel Slider
  4. Company Profile
  5. Contact Form
  6. Custom HTML
  7. FAQs
  8. Featured Offerings
  9. Features
  10. Feed
  11. Footer
  12. Gallery
  13. Google Map
  14. Highlights
  15. Links
  16. Location
  17. Logo Cloud
  18. Page Hero
  19. Pages
  20. Pricing Plans
  21. Products
  22. Profile Header
  23. Reviews
  24. Rich Text
  25. Statistics
  26. Subscription Form
  27. Tabbed Rich Text
  28. Testimonials
  29. Top Navigation Bar
  30. Visual Highlight

1. Blogs

An example of how the Blogs component looks

There are 2 variations of the 'Blogs' component. This component allows you to display and highlight articles that are published under the 'Blog' folder (yourdomain.com/blog).

2. Call to Action (CTA)

An example of how the CTA component looks

There are 6 variations of the 'Call to Action' component. This component allows you to add CTAs at different parts of your website to improve the click-through rate (CTR).

3. Carousel Slider

An example of how the Carousel Slider component looks

There are 5 variations of the 'Carousel Slider' component. This component allows you to add multiple banner-like images in a sliding manner to your website.

4. Company Profile

An example of how the Company Profile component looks

This component enables companies to display key information on their company profile pages.

5. Contact Form

An example of how the Contact Form component looks

This component allows you to add a contact form to your website for visitors to easily raise inquiries.

6. Custom HTML

An example of how the Custom HTML component can be used

This component enables you to create more customisable components by writing HTML code with Tailwind CSS classes.

7. FAQs

An example of how the FAQs component looks

There are 3 variations of the 'FAQs' component. This component allows you to add frequently-asked questions and answers to your website.

8. Featured Offerings

An example of how the Featured Offerings component looks

This component allows you to showcase products that are either fast-moving, in limited quantities, or unique without needing to create actual product listings on your website.

9. Features

An example of how the Features component looks

There are 4 variations of the 'Features' component. This component allows you to display available categories, features, products, services, etc. on your website.

10. Feed

An example of how the Feed component looks

This component allows you to showcase all the published articles in the selected sub-folders (yourdomain.com/c/subfoldername) on your website.

11. Footer

An example of how the Footer component looks

There are 4 variations of the 'Footer' component. Using this component, you can enhance user navigation by including links to important pages on your website.

12. Gallery

An example of how the Gallery component looks

There are 2 variations of the 'Gallery' component. With the help of this component, you can showcase your previous projects on your website by adding multiple images.

13. Google Map

An example of how the Google Map component looks

This component provides the ability to display the location of your business on your website in the form of a Google Business.

14. Highlights

An example of how the Highlights component looks

There are 2 variations of the 'Highlights' component. This component helps you to summarise and showcase your product's most valuable features in a clear manner.

15. Links

An example of how the Links component looks

This component is used in building a 'Link in Bio' type of website where you can add links to your socials behind each button.

16. Location

An example of how the Location component looks

This component enables the addition of location details along with an embedded Google Map.

17. Logo Cloud

An example of how the Logo Cloud component looks

There are 4 variations of the 'Logo Cloud' component. You can showcase the logos of your partnerships, clients, community, etc. on your website to establish credibility.

18. Page Hero

An example of how the Page Hero component looks

There are 7 variations of the 'Page Hero' component. This component can be used to highlight important details you want to shine the spotlight on (e.g., a hero product, summarised introduction, etc.) on your website.

19. Pages

An example of how the Pages component looks

You can highlight and showcase any important or well-performing pages on your website using this component.

20. Pricing Plans

An example of how the Pricing Plans component looks

There are 2 variations of the 'Pricing Plans' component. Display your pricing structures on your website in an easy-to-understand manner with this component.

21. Products

An example of how the Products component looks

This component lets you create product collections, highlight best-selling products, etc. from the products listed on your website.

22. Profile Header

An example of how the Profile Header component looks

This component is used in building a 'Link in Bio' type of website where you can add an introductory profile header to your website.

23. Reviews

An example of how the Reviews component looks

There are 3 variations of the 'Reviews' component. This component can be used to display short reviews from your past customers from Google reviews, G2.com, etc. on your website as a way to increase social credibility.

24. Rich Text

An example of how the Rich Text component looks

With this component, you can add rich text to any page of your website.

25. Statistics

An example of how the Statistics component looks

There are 4 variations of the 'Statistics' component. This component can be used to show statistics or even important links on your website.

26. Subscription Form

An example of how the Subscription Form component looks

With this component, you can begin collecting leads (email addresses) from your website visitors to launch email marketing campaigns.

27. Tabbed Rich Text

An example of how the Tabbed Rich Text component looks

With this component, you can now add multiple rich text pages to your website. The tabbed content are still detectable by crawlers and would not impact SEO!

28. Testimonials

An example of how the Testimonials component looks

There are 4 variations of the 'Testimonials' component. This component can be used to display testimonials from your past clients on your website as a way to increase conversions.

29. Top Navigation Bar

An example of how the Top Navigation Bar component looks

There are 6 variations of the 'Top Navigation Bar' component. This component can be used to greatly boost the accessibility and user navigation of your website by adding links, a CTA, and a search button.

30. Visual Highlight

An example of how the Visual Highlight component looks

The component enables you to highlight a certain topic, product, or service on your website, provide a simple description for more information, and include a CTA to drive leads and conversions.

Website Component Builder Video Tutorial

Here's a video tutorial on the features of the Konigle Component Builder.

Author

Wen Lin Poh

Digital Gardener

A part-time digital nomad who cultivates a vibrant digital garden on Konigle at thebrainatomy.com. When I'm not exploring new places or tending to my digital blooms, you can find me sharing insights and fostering connections online.