{"id":858,"date":"2019-01-31T09:10:55","date_gmt":"2019-01-31T09:10:55","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=858"},"modified":"2025-08-12T14:07:44","modified_gmt":"2025-08-12T14:07:44","slug":"how-to-create-a-slider-with-the-jetelements-slider-widget-for-elementor","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-create-a-slider-with-the-jetelements-slider-widget-for-elementor\/","title":{"rendered":"How to Use the Slider Widget"},"content":{"rendered":"\n

The Slider <\/strong>widget of JetElements <\/em>will come in handy if you need to attract the visitors\u2019 attention, allowing you to post pictures with the title, description, and link button on each of them. There are several types of navigation, animation, and lots of customization settings for this widget. Let\u2019s discover them a bit further.<\/p>\n\n\n\n

Add the Slider Widget to the Page<\/h2>\n\n\n\n
\n

Go to WordPress Dashboard > Pages <\/em><\/strong>and find the page where you would like to place a slider. It can be a new page; to add it, press the \u201cAdd Page<\/strong>\u201d button.\u00a0<\/p>\n\n\n\n

Open the page in the Elementor page builder. Find the Slider<\/strong> widget and drop it into a new section.<\/p>\n\n\n\n

\"slider<\/a><\/div>\n\n\n\n

Click on the widget to unfold the Items<\/strong> section. <\/p>\n\n\n\n

First, if you have the JetEngine<\/em><\/a> <\/em>plugin installed and activated, the first available setting is Use JetEngine query<\/strong>. It allows you to use the JetEngine<\/em>\u2019s query from Query Builder<\/strong><\/a> <\/strong>as the source for the tabs’ content.<\/p>\n\n\n\n

Next, the tabs\u2019 settings are presented. By default, there are three items here, and each of them shows a single slider. You can add more sliders by clicking the \u201cAdd Item<\/strong>\u201d button and filling it with content. Or, delete the items if not needed.<\/p>\n\n\n\n

\"items<\/a><\/div>\n\n\n\n

To customize a slide, click on it and make the necessary changes. Let\u2019s take a closer look at each of the features:<\/p>\n\n\n\n

\"slider<\/a><\/div>\n\n\n\n