How to Import Smart Slider in WordPress: Template & .SS3 File Guide

To import Smart Slider in WordPress, install and activate the Smart Slider 3 plugin, go to Smart Slider → Dashboard → New Project, then choose a ready-made template or select Or Import Your Own Files to upload an exported .ss3 file. Once the slider is imported, you can customize it and add it to a WordPress page using a shortcode, Gutenberg block, Elementor, Divi, widget area, or theme template.

If you are moving a slider from one WordPress website to another, first export the slider from the old website, download the .ss3 file, then import that file into the new website through the Smart Slider dashboard.

What Is Smart Slider 3?

Smart Slider 3 is a popular WordPress slider plugin that helps you create image sliders, hero sections, carousels, video sliders, post sliders, and visual banner sections without writing code. It is often used by WordPress site owners, bloggers, agencies, and designers who want to build responsive sliders for homepages, landing pages, product pages, portfolios, and service pages.

The plugin gives you two main ways to start building a slider. You can create a slider from scratch, or you can import a ready-made template and customize it based on your website design. If you already created a slider on another WordPress website, you can also export that slider and import it into a new site.

This guide will show you both methods: importing a Smart Slider template and importing a Smart Slider .ss3 file.

Why Import Smart Slider Instead of Creating One From Scratch?

Creating a new slider from the beginning can take time, especially if you need a polished layout with images, buttons, text layers, responsive spacing, and animations. Importing a Smart Slider can speed up the process and help you keep a consistent design across your website.

Importing Smart Slider is useful when you want to:

• Use a pre-designed Smart Slider template.
• Move a slider from one WordPress website to another.
• Restore a previously exported slider.
• Reuse the same slider design on multiple websites.
• Save time while building landing pages or homepage sections.
• Keep the same slider style across client projects.
• Transfer a slider during a website migration or redesign.

For example, if you have already designed a homepage hero slider on a staging website, you do not need to rebuild it manually on the live website. You can export the slider as a file and import it into the new WordPress installation.

Before You Import Smart Slider in WordPress

Before importing a Smart Slider template or .ss3 file, prepare your WordPress website properly. This helps you avoid upload errors, missing images, broken layouts, or plugin conflicts.

1. Install and Activate Smart Slider 3

First, make sure Smart Slider 3 is installed on your WordPress website.

To install it:

1. Log in to your WordPress dashboard.
2. Go to Plugins → Add New.
3. Search for Smart Slider 3.
4. Click Install Now.
5. Click Activate.

After activation, you should see a Smart Slider menu in your WordPress dashboard.

2. Update Smart Slider to the Latest Version

Always use the latest available version of Smart Slider before importing a file. Older plugin versions may not support newer exported files, and outdated versions can sometimes create compatibility or security issues.

Go to Dashboard → Updates or Plugins → Installed Plugins and check whether Smart Slider needs an update.

3. Back Up Your Website

Before importing sliders, especially on a live website, create a backup of your WordPress site. A backup gives you a safe restore point if something goes wrong during the import process.

You can back up:

• WordPress files
• Database
• Media library
• Plugin settings
• Theme settings

This is especially important if you are importing sliders from another website or working on a client project.

4. Check the File Type

If you are importing an exported Smart Slider file, the file should usually be a .ss3 file. Do not upload random ZIP files, image folders, or unsupported files into the Smart Slider import area.

If you exported multiple sliders together and received a ZIP file, unzip it first and check whether it contains .ss3 files.

5. Check Your Upload Limit

Some sliders contain many images, layers, videos, or design assets. Because of that, the exported file can be large. If your WordPress upload limit is too low, the import may fail.

You can check your upload limit from:

• Media → Add New
• WordPress Site Health
• Hosting control panel
• PHP settings

If the file is larger than your server upload limit, increase the upload limit or use the local import method if available.

Method 1: How to Import a Smart Slider Template in WordPress

The easiest way to import Smart Slider in WordPress is by using a ready-made template. This method is best for beginners who want a professional slider layout but do not want to design everything from zero.

Step 1: Open the Smart Slider Dashboard

After installing and activating the plugin, go to your WordPress dashboard and click Smart Slider from the left-side menu.

This will open the Smart Slider dashboard, where you can create new sliders, manage existing sliders, import templates, and edit slider settings.

Step 2: Click New Project

Inside the Smart Slider dashboard, click the New Project button. This is where you can start a new slider, import a template, or upload your own Smart Slider file.

Step 3: Choose Start With a Template

Select the option to start with a template. Smart Slider will show you a template library where you can browse different slider designs.

You may find templates for:

• Hero sections
• Image sliders
• Product sliders
• Agency websites
• Portfolio sections
• Landing pages
• Full-width banners
• Content sliders
• Video sliders

Choose a template that matches your website goal. For example, if you are building a homepage banner, choose a hero-style slider. If you are creating a product showcase, choose a product or carousel-style template.

Step 4: Import the Template

Once you find a template you like, click the import button. Smart Slider will add the template to your website, and it will appear in your Smart Slider dashboard.

After importing, you can open the slider editor and start customizing the design.

Step 5: Customize the Imported Template

Replace the default template content with your own website content.

You can edit:

• Background images
• Headings
• Paragraph text
• Button text
• Button links
• Slide order
• Fonts
• Colors
• Spacing
• Animations
• Slider controls
• Mobile layout

Do not leave the default template text unchanged. Search engines and users both prefer original, helpful, relevant content. Update every slide so it matches your brand, page topic, and call to action.

Step 6: Preview the Slider

Before publishing the slider, preview it on desktop, tablet, and mobile. A slider that looks great on desktop may need spacing, font size, or image adjustments for smaller screens.

Check:

• Is the text easy to read?
• Are buttons visible?
• Are images cropped correctly?
• Does the slider load properly?
• Is the mobile version clean?
• Are animations smooth?
• Does the CTA button go to the right page?

Once everything looks good, save the slider.

Method 2: How to Import a Smart Slider .ss3 File in WordPress

If you already have a slider exported from another WordPress website, you can import it using the .ss3 file. This is the best method when you want to move Smart Slider from one site to another.

Step 1: Get the Exported .ss3 File

First, make sure you have the exported Smart Slider file. The file should have a .ss3 extension.

For example:

homepage-slider.ss3

If you received a ZIP file after exporting multiple sliders, unzip the file first. Then look for the .ss3 file inside.

Step 2: Open the New WordPress Website

Log in to the WordPress website where you want to import the slider. Make sure Smart Slider 3 is already installed and activated on this site.

Step 3: Go to Smart Slider Dashboard

From your WordPress dashboard, click Smart Slider.

This opens the Smart Slider dashboard where your existing sliders are listed.

Step 4: Click New Project

Click New Project. This will open the screen where you can create or import a slider.

Step 5: Select “Or Import Your Own Files”

Look for the option called Or Import Your Own Files. Click it to upload your exported Smart Slider file.

Step 6: Upload the .ss3 File

Choose the .ss3 file from your computer and upload it. Smart Slider will process the file and import the slider into your WordPress website.

If the import works correctly, the slider will appear in your Smart Slider dashboard.

Step 7: Choose the Image Import Option

During import, Smart Slider may ask how you want to handle images. This is important because your slider images may still be connected to the old website.

Common image options may include:

Clone:
This copies the images into the new website. This is usually the best option when moving a slider from one WordPress site to another.

Old Site URL:
This keeps the images loading from the old website. Use this only if the old website will remain active and you are sure you want to keep using those image URLs.

Original:
This keeps the original image path. In some cases, you may need to manually move image folders to the new site.

For most website migrations, Clone is the safest option because it brings the images into the new website.

Step 8: Open and Check the Imported Slider

After importing the file, open the slider editor and check every slide carefully.

Review:

• Images
• Text layers
• Button links
• Mobile layout
• Slide order
• Animations
• Background settings
• Fonts and colors

If the slider was imported from another website, update old URLs, outdated text, and brand-specific content.

Step 9: Save and Preview

Click save after making changes. Then preview the slider on the frontend of your website.

Check both desktop and mobile views before adding the slider to an important page.

How to Export Smart Slider From Another WordPress Website

If you want to move a Smart Slider from an old website to a new one, you first need to export it from the old site.

Step 1: Log In to the Old Website

Open the WordPress dashboard of the website where the slider already exists.

Step 2: Go to Smart Slider

Click Smart Slider from the left-side WordPress menu.

Step 3: Find the Slider You Want to Export

Locate the slider you want to move. Open the slider options or actions menu.

Step 4: Click Export

Choose the export option. Smart Slider will generate an export file for that slider.

Step 5: Download the Export File

Download the exported file to your computer. The file should be saved as a .ss3 file.

Step 6: Import the File Into the New Website

Now log in to your new WordPress website and import the .ss3 file using the steps explained above.

This export/import workflow is very helpful during website migration, staging-to-live deployment, client website redesigns, and template reuse.

How to Add Imported Smart Slider to a WordPress Page

After importing your Smart Slider, the next step is to display it on your website. You can add it to a page, post, homepage, sidebar, footer, or theme template.

Method 1: Add Smart Slider Using Shortcode

The shortcode method works with most WordPress themes and editors.

To use it:

1. Go to Smart Slider.
2. Open your imported slider.
3. Find the slider shortcode.
4. Copy the shortcode.
5. Open the WordPress page or post where you want to show the slider.
6. Paste the shortcode into the content area.
7. Update or publish the page.

The shortcode may look similar to this:

[smartslider3 slider="1"]

After publishing, visit the page on the frontend and check whether the slider appears correctly.

Method 2: Add Smart Slider Using Gutenberg Block

If you use the WordPress block editor, you can add Smart Slider with a block.

Steps:

1. Open the page in the block editor.
2. Click the plus icon to add a new block.
3. Search for Smart Slider.
4. Select the Smart Slider block.
5. Choose the slider you imported.
6. Update the page.
7. Preview the result.

This method is beginner-friendly because you do not need to copy and paste shortcodes manually.

Method 3: Add Smart Slider in Elementor

If you use Elementor, you can add Smart Slider to a page using the Smart Slider widget or shortcode.

Steps:

1. Open the page with Elementor.
2. Search for the Smart Slider widget.
3. Drag the widget into your section.
4. Select your imported slider.
5. Adjust the section width and spacing.
6. Save and preview the page.

If the widget is not available, use the Elementor shortcode widget and paste the Smart Slider shortcode.

Method 4: Add Smart Slider in Divi

If you use Divi, you can add Smart Slider with a shortcode module.

Steps:

1. Open the page with Divi Builder.
2. Add a new module.
3. Choose the Code module or Text module.
4. Paste the Smart Slider shortcode.
5. Save the layout.
6. Preview the page.

Make sure the slider section has enough width, especially if you are using a full-width slider.

Method 5: Add Smart Slider to a Widget Area

You can also add Smart Slider to a widget area if your theme supports widgets.

Steps:

1. Go to Appearance → Widgets.
2. Choose the widget area where you want the slider.
3. Add a shortcode block or custom HTML block.
4. Paste the Smart Slider shortcode.
5. Save and preview the frontend.

This works well for sidebar sliders, footer sliders, promotional banners, and small image carousels.

Method 6: Add Smart Slider Using PHP

Advanced users can place Smart Slider inside theme template files using PHP. This is useful when you want to display a slider directly in a theme layout, such as above the homepage content or inside a custom template.

Only use this method if you are comfortable editing theme files. Always use a child theme or custom plugin when adding code so your changes are not lost during theme updates.

Smart Slider Image Mode Explained

When importing a slider from another WordPress website, image handling is one of the most important steps. If you choose the wrong image option, your slider may import successfully but show broken or missing images.

Clone

The Clone option copies images from the old website to the new website. This is usually the best option for site migration because your new website will have its own copy of the images.

Choose Clone when:

• You are moving a slider to a new domain.
• The old website may go offline later.
• You want the new site to work independently.
• You do not want images loading from the old website.

Old Site URL

The Old Site URL option keeps images connected to the old website. This means the new slider may still load image files from the old domain.

Choose Old Site URL only when:

• The old website will remain online.
• You intentionally want to use images from the old domain.
• You understand that removing images from the old site can break the new slider.

This is not the best option for most migrations.

Original

The Original option keeps the original path. Depending on your setup, you may need to manually move image files to the correct folder on the new website.

Choose Original only if:

• You understand your file structure.
• You are manually migrating image folders.
• You are comfortable checking file paths.

For most users, Clone is easier and safer.

Common Smart Slider Import Problems and Fixes

Even if the import process is simple, you may still face issues because of file size limits, old plugin versions, server settings, missing images, or page builder conflicts.

Here are the most common problems and how to fix them.

Problem	Possible Cause	How to Fix
Smart Slider import not working	Wrong file type	Make sure you are uploading a supported .ss3 file
File upload fails	Server upload limit is too low	Increase the upload limit or use local import if available
Images missing after import	Wrong image import option	Reimport using Clone or manually move the images
Slider imports but looks broken	Theme or builder styling conflict	Check page width, section spacing, and CSS conflicts
Slider not showing on page	Shortcode was pasted incorrectly	Copy the shortcode again and paste it into a shortcode block
Smart Slider menu missing	Plugin not active	Reinstall or reactivate Smart Slider 3
Slider not full width	Page container is limiting width	Use a full-width page template or full-width section
Mobile layout looks bad	Desktop design was not adjusted for mobile	Use responsive preview and adjust spacing, font size, and image crop
Button links go to old website	Slider was imported from another domain	Update all button and image links manually
Slider is slow	Images are too large	Compress images and reduce unnecessary animation effects

How to Fix Missing Images After Importing Smart Slider

Missing images are one of the most common Smart Slider import problems. This usually happens when the imported slider still points to image URLs from the old website, or when the images were not copied properly during import.

To fix missing images:

1. Open the imported slider.
2. Check each slide background image.
3. Replace missing images from your WordPress media library.
4. Reimport the slider using the Clone option if needed.
5. Make sure the old website is accessible if you used Old Site URL.
6. Clear your WordPress cache.
7. Clear your browser cache.
8. Preview the slider again.

If you are moving a website from staging to live, check whether the images are still loading from the staging domain. If yes, replace those URLs with the live domain or reimport the slider using the correct image option.

How to Fix Smart Slider Shortcode Not Working

If your Smart Slider shortcode is not working, the issue is usually caused by incorrect placement, caching, or a conflict with the editor.

Try these fixes:

1. Copy the shortcode again from the Smart Slider dashboard.
2. Paste it into a shortcode block, not a paragraph block.
3. Update the page.
4. Clear your site cache.
5. Clear your browser cache.
6. Check whether Smart Slider is active.
7. Test the shortcode on a new blank page.
8. Disable conflicting optimization plugins temporarily.
9. Check for JavaScript errors in the browser console.

If the slider works on a blank page but not on your main page, the issue may be caused by the page builder layout, theme container, or another plugin.

How to Move Smart Slider to Another WordPress Website

To move Smart Slider from one WordPress website to another, use the export and import method.

Here is the simple process:

1. Open the old WordPress website.
2. Go to Smart Slider.
3. Export the slider as a .ss3 file.
4. Download the file to your computer.
5. Open the new WordPress website.
6. Install and activate Smart Slider 3.
7. Go to Smart Slider → New Project.
8. Choose Or Import Your Own Files.
9. Upload the .ss3 file.
10. Select the correct image option.
11. Save and preview the imported slider.
12. Add the slider to your page using shortcode, block, or builder widget.

After importing, always check links, images, mobile layout, and button actions. If the old slider had links to the previous domain, update them before publishing.

Can You Import Slider Revolution Into Smart Slider?

You cannot directly import a Slider Revolution file into Smart Slider and expect it to convert automatically. These plugins use different structures, settings, layers, and animation systems.

If you want to move from Slider Revolution to Smart Slider, the best option is to recreate the slider manually inside Smart Slider. You can use the old Slider Revolution design as a visual reference, then rebuild the slides using Smart Slider layers, images, buttons, and animation settings.

During the rebuild, review whether you really need every animation and effect from the old slider. Many websites perform better with a cleaner, lighter slider design.

Smart Slider Import Best Practices

Importing a slider is not just about uploading a file. To get the best result, follow these best practices.

Use a Staging Website First

If you are working on an important website, import and test the slider on a staging site first. This helps you catch design problems before updating the live site.

Compress Images Before Publishing

Large slider images can slow down your page. Before publishing, compress images and use the correct dimensions for your layout.

For homepage hero sliders, use high-quality images but avoid uploading unnecessarily huge files. A clean, optimized image often performs better than an oversized one.

Keep the Slider Simple

A slider with too many slides, heavy animations, and large images can distract users and slow down the page. Keep your slider focused.

A good slider usually has:

• Clear headline
• Short supporting text
• One main call-to-action button
• High-quality image
• Simple animation
• Mobile-friendly layout

Check Mobile Responsiveness

Many visitors browse from mobile devices, so your slider must look good on smaller screens. After importing, always check the mobile version.

Adjust:

• Font size
• Line height
• Button size
• Image position
• Layer spacing
• Slide height
• Background crop

Update Old Links

If you imported a slider from another website, check every button and link. Replace old domain links with the correct URLs on the new website.

Avoid Too Many Sliders on One Page

Using too many sliders on one page can affect performance and user experience. Use sliders only where they add value.

For example, a homepage hero slider or product showcase can be useful. But adding multiple sliders to every section may make the page feel heavy.

Use Clear Calls to Action

Every slider should guide users toward a useful action. Examples include:

• View Services
• See Portfolio
• Get Started
• Contact Us
• Browse Products
• Read More
• Book a Demo

Avoid vague buttons like “Click Here” when you can use a more descriptive call to action.

Smart Slider vs Before and After Image Slider: Which One Should You Use?

Smart Slider is a good choice when you want to create banners, hero sections, carousels, image sliders, and animated content sections.

However, if your goal is to show a visual comparison, a before-and-after slider may be a better fit.

Use Smart Slider when you need:

• Homepage banners
• Hero sliders
• Product carousels
• Portfolio sliders
• Video sliders
• Content sliders
• Landing page sections

Use a before-and-after image slider when you need:

• Before and after comparisons
• Image transformation previews
• Design comparison
• Product result comparison
• Photo editing comparison
• Real estate renovation comparison
• Beauty, fitness, cleaning, repair, or restoration results

If your website needs comparison-based visuals, you can use a dedicated WordPress before-after image slider plugin instead of a general slideshow plugin.

Where Should You Use Smart Slider on a WordPress Website?

Smart Slider can be used in different areas of your WordPress website depending on your design goal.

Homepage Hero Section

A hero slider can highlight your main message, offer, or service. Keep the text short and make the CTA button clear.

Landing Pages

You can use Smart Slider on landing pages to showcase benefits, product features, testimonials, or campaign visuals.

Portfolio Pages

Designers, photographers, agencies, and freelancers can use sliders to display work samples in a clean visual format.

Product Pages

Online stores can use sliders to show product images, feature highlights, or promotional banners.

Blog Posts

Bloggers can use sliders to display image galleries, tutorial screenshots, or featured content.

Service Pages

Service businesses can use sliders to show process steps, client results, or service categories.

Smart Slider SEO Tips

Sliders can improve design, but they should be used carefully for SEO and user experience. A poorly optimized slider can slow down your page or hide important content from users.

Follow these SEO tips:

Use Real Text Instead of Text Inside Images

Whenever possible, add headings and descriptions as real text layers instead of placing all text inside an image. Real text is easier for users, search engines, and screen readers to understand.

Add Descriptive Image Alt Text

Use meaningful alt text for slider images. Do not stuff keywords. Describe the image naturally.

Examples:

• Homepage banner for WordPress slider tutorial
• Imported Smart Slider template preview
• WordPress image slider example on homepage

Optimize Image Size

Large images can slow down your page. Resize and compress images before adding them to your slider.

Do Not Hide Important Content Only Inside Slides

If something is very important for SEO, do not place it only inside a rotating slide. Add the main message in the page content too.

Make the First Slide Strong

Many users may only see the first slide. Put the most important message and CTA on the first slide.

Avoid Autoplay That Moves Too Fast

Fast-moving sliders can frustrate users. Give visitors enough time to read the content.

Final Thoughts

Importing Smart Slider in WordPress is simple once you understand the two main methods. If you want a quick design, import a ready-made Smart Slider template. If you want to move a slider from another WordPress website, export it as a .ss3 file and import it into your new site.

After importing, do not publish the slider immediately without checking it. Review the images, links, text, buttons, responsive layout, and page placement. Also test the slider on desktop and mobile to make sure it looks good for every visitor.

A well-imported and optimized Smart Slider can make your WordPress pages more visual, engaging, and professional. Whether you are building a homepage hero section, portfolio slider, product showcase, or landing page banner, Smart Slider gives you a flexible way to create attractive slider sections without coding.

FAQs

This page was last edited on 25 June 2026, at 6:19 pm