{"id":29500,"date":"2025-01-29T16:24:08","date_gmt":"2025-01-29T10:24:08","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=29500"},"modified":"2025-01-29T16:24:13","modified_gmt":"2025-01-29T10:24:13","password":"","slug":"how-to-use-elementor-posts-slider-widget","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-use-elementor-posts-slider-widget\/","title":{"rendered":"How to Use Elementor Posts Slider Widget"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:0\"><div class=\"wp-block-group__inner-container\">\n<p style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--40)\">The <strong>HT: Posts Slider<\/strong> widget does not require the <strong>Pro version<\/strong> of <strong>HT Slider<\/strong>. However, some advanced options are available only in the <strong>Pro version<\/strong>. This widget is easy to use and fully customizable through Elementor's page builder, offering all the essential features to control the post display.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Step 1: Add the HT: Posts Slider Widget<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to the <strong>page where you want to add the slider<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Edit with Elementor<\/strong>.<\/li>\n\n\n\n<li>Add a <strong>new container<\/strong>.<\/li>\n\n\n\n<li>Search for <strong>HT: Posts Slider<\/strong> in the widget search bar.<\/li>\n\n\n\n<li>Drag and drop the widget into your container.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls muted poster=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/01\/post-slider-mov-image.jpg\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/01\/post-slider.mov\"><\/video><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Step 2: Choose Layout & Customization Options<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select one of the <strong>5 available layouts<\/strong>.<\/li>\n\n\n\n<li>Modify the <strong>Post Title HTML Tag<\/strong> as needed.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Step 3: Configure Post Options<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose <strong>Post Type<\/strong> (e.g., Blog Posts, Products, any Custom Post Types).<\/li>\n\n\n\n<li>Select <strong>Category<\/strong> to filter the displayed posts.<\/li>\n\n\n\n<li>Adjust additional settings like <strong>Post Limit, Order, Title, Content Length, and Read More Button<\/strong>.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Step 4: Adjust Slider Options<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Control the <strong>Slider Arrow, Icon Type, and Navigation Settings<\/strong>.<\/li>\n\n\n\n<li>Set <strong>Column Gap, Minimum Height, and Slide Effects<\/strong>.<\/li>\n\n\n\n<li>Enable or disable options like <strong>Slider Dots, Vertical Mode, and Pause on Hover<\/strong>.<\/li>\n\n\n\n<li><em>(Refer to the video for detailed customization.)<\/em><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--70)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Benefits of Using HT: Posts Slider<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dynamic Post Display<\/strong> \ud83d\udccc \u2013 Showcase blog posts, WooCommerce products, or custom post types in an engaging slider format.<\/li>\n\n\n\n<li><strong>Highly Customizable<\/strong> \ud83c\udfa8 \u2013 Modify the layout, order, and display settings to match your website's design.<\/li>\n\n\n\n<li><strong>User-Friendly Interface<\/strong> \ud83d\ude0a \u2013 Easily configure everything using Elementor without coding.<\/li>\n\n\n\n<li><strong>SEO & Performance Optimized<\/strong> \ud83d\ude80 \u2013 Optimized for speed and search engines, ensuring smooth performance.<\/li>\n\n\n\n<li><strong>Better Engagement & Readability<\/strong> \ud83d\udcd6 \u2013 Presenting posts in a slider format increases readability and user interaction.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\" style=\"margin-bottom:0\">Frequently Asked Questions (FAQ)<\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<details class=\"wp-block-details hashthemes-faqs-item has-border-color is-layout-flow wp-block-details-is-layout-flow\" style=\"border-color:#f2f5f7;border-width:1px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:18px;font-style:normal;font-weight:600\" open><summary><strong>Can I display custom post types with this slider?<\/strong><\/summary>\n<p style=\"margin-top:0;margin-bottom:0;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-size:16px;font-style:normal;font-weight:400\">Yes, you can select any post type and category.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details hashthemes-faqs-item has-border-color is-layout-flow wp-container-core-details-is-layout-83aea3bc wp-block-details-is-layout-flow\" style=\"border-color:#f2f5f7;border-width:1px;margin-top:var(--wp--preset--spacing--40);margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:18px;font-style:normal;font-weight:600\" open><summary><strong>How do I change the layout of the post slider?<\/strong><\/summary>\n<p style=\"margin-top:0;margin-bottom:0;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-size:16px;font-style:normal;font-weight:400\">You can choose from <strong>5 different layouts<\/strong> within the widget settings.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details hashthemes-faqs-item has-border-color is-layout-flow wp-container-core-details-is-layout-83aea3bc wp-block-details-is-layout-flow\" style=\"border-color:#f2f5f7;border-width:1px;margin-top:var(--wp--preset--spacing--40);margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:18px;font-style:normal;font-weight:600\" open><summary><strong>Is this widget available in the free version of HT Slider?<\/strong><\/summary>\n<p style=\"margin-top:0;margin-bottom:0;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-size:16px;font-style:normal;font-weight:400\"><strong>Yes<\/strong>, this widget is available in the free version of <strong>HT Slider<\/strong>. However, some options require the <strong>Pro<\/strong> version to be enabled.<\/p>\n<\/details>\n<\/div><\/div>\n\n\n\n<p>By following this guide, you can efficiently use the <strong>HT: Posts Slider<\/strong> widget to enhance your website\u2019s content presentation. For step-by-step instructions, refer to the provided <strong>video tutorial<\/strong>! \ud83c\udfa5<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The HT: Posts Slider widget does not require the Pro version of HT Slider. However, some advanced options are available only in the Pro version. This widget is easy to use and fully customizable through Elementor&#8217;s page builder, offering all the essential features to control the post display. Step 1: Add the HT: Posts Slider [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[256],"doc_tag":[],"class_list":["post-29500","docs","type-docs","status-publish","hentry","doc_category-ht-slider"],"acf":[],"year_month":"2025-11","word_count":368,"total_views":"536","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"doc_category_info":[{"term_name":"HT Slider","term_url":"https:\/\/hasthemes.com\/docs-category\/ht-slider\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"The HT: Posts Slider widget does not require the Pro version of HT Slider. However, some advanced options are available only in the Pro version. This widget is easy to use and fully customizable through Elementor's page builder, offering all the essential features to control the post display. Step 1: Add the HT: Posts Slider&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/29500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=29500"}],"version-history":[{"count":7,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/29500\/revisions"}],"predecessor-version":[{"id":29633,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/29500\/revisions\/29633"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=29500"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=29500"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=29500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}