{"id":29467,"date":"2025-01-29T16:16:24","date_gmt":"2025-01-29T10:16:24","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&p=29467"},"modified":"2025-01-29T16:16:28","modified_gmt":"2025-01-29T10:16:28","password":"","slug":"how-to-use-pre-designed-templates-step-by-step-guide","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-use-pre-designed-templates-step-by-step-guide\/","title":{"rendered":"How to Use Pre-Designed Templates (Step-by-Step Guide)"},"content":{"rendered":"\n
\n

HT Slider<\/strong> comes with 80+ pre-designed templates<\/strong> to help you create stunning sliders quickly and effortlessly. You can easily import, customize, and save these templates for future use. Here\u2019s how you can do it:<\/p>\n\n\n\n

\n

Step 1: Go to Templates Library<\/h2>\n\n\n\n
<\/div>\n\n\n\n
    \n
  • Navigate to your WordPress Dashboard > HT Slider Pro > Templates Library<\/strong>.<\/li>\n\n\n\n
  • You will see a collection of 80+ professionally designed templates.<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n<\/div><\/div>\n\n\n\n
    \n

    Step 2: Import a Template<\/h2>\n\n\n\n
    <\/div>\n\n\n\n
      \n
    • Navigate to Templates Library<\/strong>, where you'll find 23 different categories of templates.<\/li>\n\n\n\n
    • Click on the category of the demo you want to import.<\/li>\n\n\n\n
    • Browse through the templates in that category.<\/li>\n\n\n\n
    • To preview a demo, click Preview<\/strong>.<\/li>\n\n\n\n
    • To import a demo, click the Import<\/strong> button below the template.<\/li>\n\n\n\n
    • A popup will appear\u2014enter a title for your slider and click Import to Slider<\/strong>.<\/li>\n\n\n\n
    • Once imported, you can find your demo under All Sliders<\/strong>.<\/li>\n<\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n<\/div><\/div>\n\n\n\n
      \n

      Step 3: Customize the Template<\/h2>\n\n\n\n
      <\/div>\n\n\n\n
        \n
      • After importing, go to HT Slider Pro > All Sliders<\/strong>.<\/li>\n\n\n\n
      • Select the imported template and start editing with Elementor.<\/li>\n\n\n\n
      • You can change images, text, colors, and slider settings to match your website\u2019s style.<\/li>\n\n\n\n
      • Using Elementor's page builder, you can add any content you need directly into the slider.<\/li>\n<\/ul>\n\n\n\n
        \"\"<\/figure>\n<\/div><\/div>\n\n\n\n
        \n

        Step 4: Save the Customized Template<\/h2>\n\n\n\n
        <\/div>\n\n\n\n
          \n
        • Once you\u2019re happy with the changes, click Save<\/strong>.<\/li>\n\n\n\n
        • Your customized slider is now ready to be used anywhere on your website.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n
          \n

          Benefits of Using Pre-Designed Templates<\/h2>\n\n\n\n
          <\/div>\n\n\n\n
            \n
          • Automated Design Process<\/strong> \u23f1\ufe0f \u2013 Skip the hassle of manual slider creation. Pre-designed templates let you create sliders instantly.<\/li>\n\n\n\n
          • High-Quality Visual Appeal<\/strong> \ud83c\udfa8 \u2013 All templates are crafted by expert designers, ensuring a polished, professional look.<\/li>\n\n\n\n
          • Easy Customization<\/strong> \u2728 \u2013 Change images, text, and colors effortlessly to match your website\u2019s style.<\/li>\n\n\n\n
          • Consistent Slider Layouts<\/strong> \ud83d\udcd0 \u2013 Keep your website\u2019s design consistent with ready-to-use, pre-styled templates.<\/li>\n\n\n\n
          • No Design Skills Needed<\/strong> \ud83d\ude0e \u2013 Even beginners can create stunning sliders with zero design experience.<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n
            \n

            Frequently Asked Questions (FAQ)<\/h2>\n\n\n\n
            <\/div>\n\n\n\n
            Can I edit the templates after importing?<\/strong><\/summary>\n

            Yes, you can fully edit any imported template, including images, text, and slider settings.<\/p>\n<\/details>\n\n\n\n

            Do I need to pay extra for the templates?<\/strong><\/summary>\n

            The pre-designed templates are included in the Pro version of HT Slider, so there is no additional cost.<\/p>\n<\/details>\n\n\n\n

            How do I use a saved slider on my webpage?<\/strong><\/strong><\/summary>\n

            After saving your slider, go to the page where you want to display it, add an Elementor widget, and select the saved slider from the HT Slider widget<\/strong>.<\/p>\n<\/details>\n<\/div><\/div>\n\n\n\n

            By following these steps, you can create eye-catching sliders in minutes and give your website a professional edge! \ud83c\udf10<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

            HT Slider comes with 80+ pre-designed templates to help you create stunning sliders quickly and effortlessly. You can easily import, customize, and save these templates for future use. Here\u2019s how you can do it: Step 1: Go to Templates Library Step 2: Import a Template Step 3: Customize the Template Step 4: Save the Customized […]<\/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":"disabled","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-29467","docs","type-docs","status-publish","hentry","doc_category-ht-slider"],"acf":[],"year_month":"2025-11","word_count":401,"total_views":"531","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":"HT Slider comes with 80+ pre-designed templates to help you create stunning sliders quickly and effortlessly. You can easily import, customize, and save these templates for future use. Here\u2019s how you can do it: Step 1: Go to Templates Library Step 2: Import a Template Step 3: Customize the Template Step 4: Save the Customized…","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/29467","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=29467"}],"version-history":[{"count":6,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/29467\/revisions"}],"predecessor-version":[{"id":29631,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/29467\/revisions\/29631"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=29467"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=29467"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=29467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}