A Beginner's Guide to Installing and Using ​CROCOBLOCK-​​JetElements Plugin

An Overview

etElements is an incredibly powerful plugin within the CROCOBLOCK suite that extends the capabilities of the popular page builder, Elementor. It provides a vast array of additional widgets and features, enhancing the overall design and functionality of your website. This article will guide you through the process of installing JetElements, activating it, and making use of its extensive features.

Installation of JetElements

To install JetElements, follow the steps outlined below:

Purchase and download the JetElements plugin from the CROCOBLOCK website. Note that you'll need to have Elementor installed as JetElements is an add-on for this page builder.

After downloading, go to your WordPress dashboard and navigate to 'Plugins > Add New > Upload Plugin'.

Click 'Choose File' and locate the downloaded JetElements zip file. Once selected, click 'Install Now'.

Once the installation is complete, click 'Activate'. JetElements should now be ready for use.

Advantages

Activation of JetElements

To activate JetElements, you'll need a valid license key. Here's how to do it:

After purchasing JetElements, you'll receive a license key. Copy this key.

Go to your WordPress dashboard and navigate to 'Elementor > JetElements Settings'.

Paste your license key into the 'License Key' field and click 'Activate'. You should now have access to all the features of JetElements.

Using JetElements

Now that JetElements is installed and activated, let's explore how to use its features. For beginners, it is advisable to start with the default settings. Over time, you can tweak them according to your preference.

Open the page where you want to add a widget using Elementor Editor.
On the left panel, you'll notice a new category of widgets labeled 'JetElements'.

Drag and drop any JetElements widget into your layout. Each widget has its own settings that you can adjust to fit your design.

Save your changes. Now, your page will showcase the new widget you just added.

JetElements offers a vast array of widgets from simple ones like headings, images, and buttons to complex ones like image comparison, countdown timer, and animated boxes. There are also specific widgets for WooCommerce sites like products grid and product carousel.

Advanced Carousel

JetElements provides an Advanced Carousel feature that lets you showcase your posts, custom post types, or media in a highly customizable carousel format.Here's how to use it:

In Elementor, drag and drop the 'Advanced Carousel' widget onto your page.

Under 'Content > Items', you can add items to your carousel and define each item's content and link.

Under 'Settings', you can customize the carousel settings, like navigation, autoplay, and animation.

Adjust the carousel's style under the 'Style' tab.

Pricing Table

The Pricing Table widget lets you showcase your products or services along with their prices, features, and call-to-action button:

Drag and drop the 'Pricing Table' widget onto your page.

Under 'Content', you can define the features, price, and button of your pricing table.

Customize the appearance of your pricing table under the 'Style' tab.

Circle Progress

The Circle Progress widget lets you visually present percentage-based values:

Add the 'Circle Progress' widget to your page.

Under 'Content', you can set the percent value, title, and subtitle.

Adjust the circle's appearance, like size, thickness, and colors, under the 'Style' tab.

Image Comparison Widget

This widget allows you to display a before and after view of an image, which is perfect for showcasing the impact of your work:

Drag and drop the 'Images Compare' widget onto your page.

Under 'Content', you can set your before and after images, and adjust the orientation and initial offset.

Customize the appearance of your image comparison under the 'Style' tab.

Weather Widget

This widget is perfect for travel or event sites, as it displays the current weather information for a specified location:

Add the 'Weather' widget to your page.

Under 'Content', you can set your location, weather units, and what weather information to display.

Customize the appearance of your weather widget under the 'Style' tab.

Download Button Widget

A great feature for offering downloadable resources, this widget allows you to create a customizable download button:

Drag and drop the 'Download Button' widget onto your page.

Under 'Content', you can set your download file, button text, and icon.

Customize the appearance of your download button under the 'Style' tab.

Countdown Timer Widget

The Countdown Timer widget allows you to display a countdown to a certain date and time - a great way to build anticipation for an event or product launch:

Drag and drop the 'Countdown Timer' widget onto your page.

Under 'Content', you can set your due date, label for each time unit, and the message that appears when the countdown ends.

Customize the appearance of your countdown timer under the 'Style' tab.

Testimonials Widget

This widget enables you to showcase testimonials from your customers or clients, enhancing credibility:

Add the 'Testimonials' widget to your page.

Under 'Content', you can add testimonials, each containing a picture, name, position, content, and link.

Customize the appearance of your testimonials under the 'Style' tab.

Subscribe Form Widget

Perfect for collecting email addresses for a newsletter or updates, the Subscribe Form widget allows you to create an email subscription form:

Drag and drop the 'Subscribe Form' widget onto your page.

Under 'Content', you can set your MailChimp API Key and Audience ID, form fields, submit button text, and success message.

Customize the appearance of your subscribe form under the 'Style' tab.

Table Widget

This widget allows you to create data tables, which can be useful for presenting detailed information:

Drag and drop the 'Table' widget onto your page.

Under 'Content', you can add your table headers and cells.

Customize the appearance of your table, such as header background, border type, and typography under the 'Style' tab.

Portfolio Widget

Ideal for showcasing your projects or products, the Portfolio widget creates a responsive, filterable portfolio grid:

Add the 'Portfolio' widget to your page.

Under 'Content', you can set your posts source (posts, pages, or custom post type), categories, post number, columns, and more.

Customize the appearance of your portfolio, such as item overlay, spacing, and animation under the 'Style' tab.

Slider Widget

The Slider widget lets you create beautiful image sliders with text overlays and navigation:

Drag and drop the 'Slider' widget onto your page.

Under 'Content', you can add your slides, each containing an image, title, subtitle, description, and button.

Customize the appearance of your slider, such as navigation, overlay, and typography under the 'Style' tab..

Conclusion

In conclusion, JetElements from the CROCOBLOCK suite offers a plethora of versatile tools that greatly enhance the capabilities of any WordPress site. Through detailed exploration, we've seen how this powerful add-on provides a vast range of widgets, from image sliders to testimonial showcases, portfolio grids, and countdown timers, among others. Each feature is designed with customization and usability in mind, giving you the flexibility to tailor your site to your specific needs. Whether you are a beginner or an advanced user, JetElements presents an invaluable toolkit to elevate your WordPress site and deliver an engaging and interactive experience for your audience.