How to Add A Text Slider in WordPress (A Step-by-Step Guide)

A text slider contains a series of headlines and messages presented in a sliding mode. Each message is displayed for a certain amount of time before the next one comes on the screen.

Website owners use text sliders for a variety of reasons. It could be to draw attention to important messages, like discount offers, new product launches, upcoming events, and more.

Here we will show you how to add a text slider in WordPress with a step-by-step guide.

How to Add a Text Slider in WordPress

Like everything, you can use a plugin to add a text slider in WordPress. Smart Slider 3 is one of the solution out there. It allows you to create a text slider both from scratch or using a template. We will cover these two methods in this tutorial.

Method 1: Create a Text Slider from Scratch 

This process will be a bit time-consuming as you have to carry out everything from scratch. But it will be enjoying as well. 

Step 01: Install and Activate the Smart Slider 3 Plugin

First go to your WordPress Dashboard and navigate to Plugins (1) > Add New (2). Then type ‘Smart Slider 3’ in the search box (3). You’ll see the plugin appearing on top of the result. Install and Activate the plugin (4).

Step 02: Go to the Dashboard of Smart Slider 3

You’ll see the plugin appearing on the admin menu bar after you activate it. Navigate to Smart Slider > Dashboard.

(Note: The Free version lets you create and embed a basic slider on your website. For more exciting options, you have to upgrade to the Premium version.)

Step 03: Create a New Project in Smart Slider 3

Click on NEW PROJECT. It will give you two options: Create a New Project and Start with a Template.

Create a New Project will let you create an entire slider from scratch. Start with a Template will provide numerous readymade templates to save you valuable time.

You may choose anyone you want. But in this tutorial, we’ll show you how to create a text slider from scratch. So, we are going with the Create a New Project option.

A pop-up will appear on your screen. You can give it a name and set the slider layout. Configure them according to your choice. Press the CREATE button at the end.

Step 04: Configure the Slider Using Different Options

You’ll find more options on the new page to customize your smart slide further.

  • The General tab will provide a shortcode that you will use to publish the smart slide on your desired page.
  • The Size tab will allow you to redefine the smart slider layout and enable it on the desktop, tablet, and mobile devices.
  • The Controls tab lets you choose between different types of arrow pointers that users can use to switch sliders on the front end.
  • You can set a desired animation type and define time duration from the Animations tab.
  • Once you enable Autoplay, sliders will automatically move without users’ touch.
  • You can choose the loading type and enable play visibility from the Optimize tab.
  • Set the slide background design from the Slides tab.
  • The Developer tab is reserved only for developers. Better you avoid it if you are a general user.

Configure them following your preferences.

Step 05: Add a Slide and Build It

Next, click on ADD SLIDE. Select the Blank option. You’ll see a new Slide has appeared next to Close. Click on this new Slide. It will take you to a canvas.

Since you’ll create Text Slider, you must select the Blank option.

Click on the text Icons (header and text) from the right sidebar. You’ll see them appearing on the canvas.

Next, you have to style and customize them.

  • Select the header or text first.
  • Go to the Style tab from the popped-up editor.
  • Select the color you want to apply to the text.
  • Scroll down this tab and explore all the options available on this editor.
  • You can use them to align, set space, add effects, hide on particular devices, change fonts, trigger animation, and more.
  • You can even add images by clicking the Image icon.
  • Once you are done, click the SAVE button.

 So, your first slide is ready. You can create as many slides as you want in the same way.

  • To do this, click the Back button following the above GIF.
  • Click the (+) ADD SLIDE button again and do the same things we showed you above.

Step 06: Publish the Text Slider

  • Once you finish building text slides as much as you want, return to the Smart Slider project page.
  • Scroll down the page a bit.
  • You’ll get a shortcode.
  • Copy and paste it on any post or page you want.

Step 07: Preview the Smart Slider

Go to the preview mode of the post or page. You’ll see the slider working perfectly well.

Method 2: Create a Text Slider Using Template

Using a template can save you time in building and publishing text sliders on your WordPress site. The process is simple. Let’s do it!

Step 01: Create a New Project

Navigate to Smart Slider > Dashboard. Click on ADD SLIDE.

Step 02: Go to the Template Section

A pop-up will open up. Select the option Start with a Template.

Step 03: Import a Template 

The free version will allow you to use only five readymade templates. Hover your cursor on the one you like. You’ll see the Import button. Click on the Import button.

Step 04: Publish the Text Slider

  • You’ll see them appearing on the project page.
  • It’s now up to you to customize them following the steps above.
  • Scroll down the page a bit.
  • You’ll get a shortcode.
  • Copy the shortcode and paste it on any post or page you want.
  • You’ll see the slider appearing there.

Step 05: Publish the Text Sliders

Go to the preview mode of the post or page. You’ll see the slider working perfectly well.

Conclusion

Before ending this discussion, we want to remind you there are over 1.7 billion websites on the web. People hook most with those websites that present valuable information in the most catchy way. 

No doubt, with smart slider 3, you can take your text presentation to the next level. But at the same time, be sure to take care of your information quality. It will our pleasure if you find this article helpful in meeting your quest.

Leave a Reply

Your email address will not be published. Required fields are marked *

Get the Best Blocks Plugin at 20% OFF!

X
Need help?