Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Forget PowerPoint, How to Create Presentations in WordPress

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you want to create a presentation in WordPress but aren’t sure where to start?

While software like Google Slides and PowerPoint can make beautiful slides, they may not look good when embedded on your WordPress website. That’s why it’s recommended to use a WordPress presentation plugin.

In this article, we will show you a step-by-step guide on how to create PowerPoint-style presentations in WordPress.

Forget PowerPoint, how to create presentations in WordPress

Why Create Presentations in Your WordPress Site?

There are many cases where creating presentations in WordPress can be beneficial. If you run a small business site and want to show off your recent industry report, then it may be more user-friendly and interesting to display it in a presentation.

Or, let’s say you are running an educational website. Adding a presentation in WordPress can make your content more engaging, especially for beginners. This can send positive signals to search engines, which may improve your WordPress SEO.

It is possible to create a presentation using software like Google Slides or Microsoft PowerPoint. You can then add the presentation to your website using either a plugin or embed function.

However, there’s no guarantee the finished PowerPoint or Google Slides presentation will look good on your WordPress website. Plus, some standalone programs cost money.

The good news is that you can easily create beautiful presentations in WordPress using a WordPress plugin. So, let’s see how you can create PowerPoint-style presentations in WordPress.

Feel free to use these quick links to navigate through the steps:

Step 1: Install a WordPress Presentation Plugin

The easiest way to create presentations in WordPress is by using Smart Slider 3. This free plugin works with any WordPress theme and is optimized for SEO. It also comes with pre-made slides, animations, and templates, so you can create beautiful presentations, fast.

First, you will need to install and activate Smart Slider 3. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, go to Smart Slider » Dashboard and then click on ‘Go To Dashboard.’

Creating a PowerPoint-style presentation in WordPress

After that, simply click on ‘New Project.’

At this point, you can decide whether to start with a blank slate or use one of Smart Slider’s ready-made presentation templates.

If you want to create a professionally-designed presentation fast, then we recommend selecting ‘Start with a Template.’

Choosing a presentation template

Smart Slider will now show all the available templates.

To take a closer look at a design, hover your mouse over it and then click on the eye icon when it appears. This opens the presentation template in a new tab.

Choosing a presentation template

When you find a template you want to use, just hover over it and then click on the ‘Import’ button.

This will open your chosen template in the Smart Slider editor.

How to create a PowerPoint style presentation in WordPress

Step 2: Configure Your WordPress PowerPoint-Style Presentation

After choosing a template, it’s a good idea to configure the presentation’s settings. The options you see may vary depending on your template, but we will cover all the major settings.

Configure General and Size Settings

In the ‘General’ tab, you can give the presentation a name by typing it into the ‘Name’ field.

Adding a title to an online presentation

You can also add a thumbnail, which may be visible to visitors depending on how you configure the presentation.

Simply click on the ‘+’ icon next to ‘Thumbnail’ and then either choose an image from the WordPress media library or upload a new file from your computer.

Adding a presentation thumbnail to a slideshow in WordPress

With that done, you need to scroll to the ‘Slider Design’ section.

Here, you can change the slider’s alignment and add a margin to create more space around your slides.

Changing the presentation slider design

Next, you may want to make the slides bigger or smaller by selecting the ‘Size’ tab.

Here, you can set different maximum sizes for tablet, mobile, and desktop users. By doing so, you can be confident that the presentation will look great across all devices.

To set these maximum sizes, simply click to activate the Desktop, Mobile, and Tablet sliders and then type a number into the ‘Max’ field.

Setting a maximum slider size in a presentation

Under ‘Layouts’, you can choose whether the presentation should fill the entire width of the browser (‘Full width’) or fit the container it’s put in (‘Boxed’).

By default, the presentation will scale up and down automatically to fit the visitor’s screen. You will typically want to leave these settings enabled, but you may want to set a minimum height by typing it into the ‘Min Height’ box.

Changing the slideshow layout in WordPress

Configure Controls and Animation Settings

After that, click on the ‘Controls’ tab. Here, you can change how visitors move between the different slides.

The default settings should be a good fit for most WordPress blogs and websites, but you may want to change how the arrows look.

For example, you can change the color of the arrows and the inset, which controls where the arrows appear on the slide.

Changing the arrow settings in a WordPress presentation

As you make changes, you may want to preview how the arrows will look in your presentation.

To do that, just click on the eye icon in the toolbar.

Previewing a presentation in WordPress

With that done, simply scroll to ‘Bullets.’ Here, you can customize the dotted icons that allow visitors to move between the different slides. You can try different bullet styles, add a box shadow, change the corner radius, and more.

If you want to show each slide’s title, then just click to enable the ‘Text Bar’ toggle.

How to configure a presentation in WordPress

Another option is to show each slide’s thumbnail, which gives visitors another way to move between slides.

To do this, you need to enable the ‘Thumbnail’ toggle. You will now get access to some additional settings to fine-tune how the thumbnails look.

Configuring a presentation's thumbnails

Finally, you may want to add a shadow to the bottom of your slideshow by clicking on the ‘Shadow’ toggle.

After that, you can open the dropdown and choose between the different shadow styles.

Adding a shadow to a Google Slides style presentation

CSS animations are a great way to catch the visitor’s attention and encourage them to engage with your presentation. Smart Slider comes with built-in animations, so make sure you click on the ‘Animations’ tab to configure them.

Here, open the ‘Main Animation’ dropdown and choose the effect Smart Slider will play when switching between slides. You can also change how long the animations will play by typing a number into the ‘Duration’ field.

Adding slide animations and transition effects

Depending on the template you are using, you may also see a ‘Background Animation’ option. This allows you to animate the slide’s background image and colors.

Just be aware that background animations don’t work on videos or any presentations that use parallax scrolling.

To take a closer look at Smart Slider’s background animations, click on the ‘+’ icon. This opens an editor where you can try different animations to see what effects you can create.

Adding background animations to slides in WordPress

Configure Autoplay Settings

The next tab is ‘Autoplay.’

By default, visitors will need to move between your slides manually. If you want the presentation to play automatically instead, then simply click to enable the ‘Autoplay’ slider.

How to create an autoplaying presentation in WordPress

If you enable this option, then you will get access to some additional settings where you can change how long the presentation shows each slide and how visitors can stop the slideshow.

It also adds a ‘Buttons’ section, where you can customize the presentation’s ‘Play’ button.

Adding a Play button to a slideshow

Optimize Your Presentation

After that, select the ‘Optimize’ tab. Here, you will find the settings for Smart Slider’s lazy loading.

By default, the slider loads immediately, which is a good choice if the presentation is the first thing people see when they visit the page.

However, if you are planning to place the presentation further down the page, then we recommend opening the ‘Loading type’ dropdown and choosing ‘After page loaded.’

Enabling the lazy loading feature

This can boost WordPress speed and performance, along with improving the visitor experience by loading the rest of the page first.

Another option is ‘After delay,’ which allows you to set a load delay for the slider.

Adding a delay to a WordPress presentation

Configure Slide Settings

By default, images will cover the entire slide, even if Smart Slider needs to crop the image to fit. This tends to work well for most presentations, but you can change this default setting by selecting the ‘Slides’ tab.

Here, simply open the ‘Slide Background Image Fill’ dropdown and choose a different option from the list, such as stretch, center, or blur fit.

How to create a PowerPoint style presentation in WordPress

The ‘Developer’ tab has some advanced settings, including an area where you can add custom CSS to your presentations.

Most website owners won’t need to use these settings. However, if you want to learn more about any of the ‘Developer’ options, then simply hover over the little ‘i’ icon. This will show a tooltip with some more information, plus a link to the Smart Slider documentation.

Advanced developer settings in the Smart Slider WordPress plugin

Step 3: Create Slides for Your PowerPoint-Style Presentation

When you are happy with how the presentation is configured, it’s time to start creating slides.

Simply click on the ‘Add Slide’ button to get started.

Creating presentation slides in the WordPress dashboard

Smart Slider lets you create a few different types of slides. It even has a ‘Post’ option, which allows you to embed a WordPress post inside a slide.

You can experiment with the different options, but in this guide, we will be using the ‘Blank’ design as an example.

Smart Slider's presentation types

After choosing a slide type, you will see the slide’s thumbnail near the top of the screen.

Just hover your mouse over the thumbnail and then click on the ‘Edit’ button when it appears.

Editing slides in the WordPress editor

This opens the Smart Slider editor.

Along the top of the screen is a breadcrumb navigation bar where you can move between the different slides in the presentation.

Smart Slider's breadcrumb navigation

Along the left-hand side of the screen are all the layers that make up the slide. You can hover your mouse over any icon to see that layer’s name, such as Image or Row.

To edit a layer, just give it a click in the left-hand menu. This opens a popup with all the settings you can use to customize that layer.

The Smart Slider presentation and slideshow editor

You can also select a layer by clicking on it in the live preview. For example, to replace some of the default text with your own messaging, just click to select that layer.

In the popup that appears, type your message into the ‘Text’ field.

Adding text to a presentation in WordPress

You can also change how the text looks by clicking on the ‘Style’ tab.

Here, you can change the text color, font, size, and more.

Changing the text style in a slideshow

To customize the slide, simply click on the different layers and then make your changes in the popup that appears.

If you want to delete a layer, then just hover your mouse over it and then click on the dotted icon. In the dropdown menu, you need to select ‘Delete.’

Deleting layers in Smart Slider

Do you want to add more layers to the slide?

Simply click on the green ‘+’ icon in the left-hand menu.

Adding layers to a WordPress presentation

The ‘Layers’ tab shows some basic layers, such as images, buttons, and text.

You can add any of these layers to the slide using drag and drop.

Adding layers to a slideshow in WordPress

Smart Slider also has a library of pre-made slides that you can add to your presentation.

To take a look at these options, click on the ‘Library’ tab.

The Smart Slider library

You can now continue working on this slide by adding layers and customizing them with your own content and settings.

When you are happy with how the slide is set up, click on the ‘Save’ button.

Saving a presentation in WordPress

To start working on the next slide, you need to click on ‘Slides’ in the toolbar.

Then, select ‘Add Slide.’

Adding slides to a presentation

Step 4: Publish Your First Presentation in WordPress

When you have finished working on the presentation, simply click on ‘Back’ to return to the main Smart Slider dashboard.

By default, Smart Slider publishes all your slides, but it’s still worth checking that there’s a green checkmark next to every slide you want to show on your site.

Publishing slides to a website or blog

If you see an ‘x’ next to any slide, then it means the slide is unpublished. You will need to click on the ‘x’ to turn it into a green checkmark, which makes the slide live.

After that, you are ready to add the presentation to your online store, website, or blog. Simply open any post or page in the Gutenberg block editor and then click on the ‘+’ icon.

Next, you need to type ‘Smart Slider 3’ into the popup and select the right block when it appears in the block editor.

Adding the Smart Slider 3 block to a page or post

This adds a Smart Slider block to the page.

Next, go ahead and click on the ‘Select Slider’ button.

How to add the Smart Slider 3 block to a page or post

This opens a popup showing all the presentations you have created.

Simply click on the presentation you want to use and then select ‘Insert.’

Adding a Smart Slider 3 block to WordPress

This adds the presentation to your website. You can now either click on the ‘Update’ or ‘Publish’ button to make the presentation live.

Now, if you visit your website, you will see the PowerPoint-style presentation in action.

A PowerPoint-style presentation, created using a WordPress plugin

We hope this article helped you learn how to create presentations in WordPress. You may also want to see our list of the best drag-and-drop WordPress page builders or our guide on how to choose the best web design software.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

17 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. THANKGOD JONATHAN says

    Who knew creating presentations in WordPress could be so easy? This guide opened up new possibilities for my content.
    Thanks for introducing a creative alternative to traditional tools.

    • WPBeginner Support says

      You would want to reach out to the plugin’s support for if that is an option with their current tools.

      Admin

  3. Kevin Kovadia says

    Very good plugins, it is great. I will try to create slide from WordPress. If is possible to create google doc & Google sheet using such a way with WordPress.

  4. Sefa Tsegha says

    Wow. I never knew there’s a WordPress plugin for that. Thank you for sharing. I always learn something new from this site.

  5. Maddie says

    Great article. Just letting you know that presentation is spelt wrong twice in the second paragraph under the heading ‘How to Create a Presentation in WordPress.’

    Here is the referenced sentence:
    “Upon activation, you need to visit Presenation » Add New page to create your first presenation.”

  6. JIM C says

    This looks great. More use learning WordPress while making some presentations for different segments of the client base!

Leave a Reply to Gursimran Kaur Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WPBeginner Assistant
How can I help you?

By chatting, you consent to this chat being stored according to our privacy policy and your email will be added to receive weekly WordPress tutorials from WPBeginner.