How to Create a Stunning Product Tour with SlideDeck 2 in WordPress

[agentsw ua=’pc’]

Content sliders are commonplace in WordPress nowadays, but they’re typically only used in a very limited set of circumstances – typically, they’re located on homepages, for showcasing recent posts, or image galleries. A new trend is developing, where WordPress websites are using the potential and flexibility of content sliders to tell compelling stories that motivate visitors to take action – that is, in the form of product tours.

Using a content slider for your WordPress product tour can help you sell products better by guiding users through the key points at their own pace – this is better than simply using a video, because they can skip backwards/forwards to specific, defined points, instead of having to guess at a timecode. In addition, using a content slider this way takes advantage of all kinds of web media – meaning you can include interactive content in the slides, instead of forcing your user to passively watch a video.

Until recently, you needed to know how to code in order to create anything except the most simple content slider product tours, but we’ve been using an awesome slider plugin called SlideDeck 2 which changes all that.

This powerful plugin makes it super-simple to create awesome sliders in minutes, without a single line of code required. We covered one of SlideDeck 2’s other robust features in a previous post, but their latest update enables you to build custom content sliders and tailor the content of each slide to create compelling presentations that motivate your visitors to take action. We’ve put together this quick guide to show you how to make a sweet product tour for your WordPress site using SlideDeck 2.

Purchasing & installing the plugin

First things first: Custom Content slides are a premium feature in SlideDeck 2 so you’ll have to purchase it to use it on your site. We recommend you go to the SlideDeck website & purchase the plugin – for the power it contains, it’s pretty cheap & you can easily upgrade to get better features & use it on more sites.

To unlock the Custom Content feature, you’ll need to purchase either the Professional or Developer package, then install the plugin plus an ‘Addon’ that unlocks the additional features.

To install the plugin, you can follow our handy Step by Step Guide to Installing a WordPress Plugin.

Terminology

Before we start, there are a few terms we should explain:

  • Custom Content SlideDecks – Custom Content SlideDecks let you build up your sliders one slide at a time. They’re more suited to visual storytelling, or if you have a specific action you want users to take – in this instance, a product tour. If you’re looking to create sliders using external Content Sources like Flickr or YouTube, we’ve created a separate how-to guide specifically for Dynamic Source SlideDecks.
    • Slide Type – There are 4 different types of slides, each designed to accommodate a particular kind of content: image, video, text and HTML.
    • Lens – Lenses are like themes for your content slider. They control how your slider looks and behaves, as well as how the content is presented on the page. Just like with WordPress themes, applying a different Lens to your content only takes a few seconds, and can yield a significantly different look and feel for your slider.

    Ok, now that the jargon is out of the way, go ahead and activate SlideDeck 2, and let’s get started!

    Creating a Custom Content SlideDeck

    We’re going to show you how to create a product tour content slider that mixes together four different types of content, using SlideDeck’s Custom Content feature. Begin by clicking on “Manage” to go to the main dashboard. This screen lets you create new SlideDecks and sort your existing SlideDecks.

    SlideDeck Manage Screen for Custom SlideDeck

    In the Custom Content section, click on the blue “Create SlideDeck” button. You’ll get taken to the Custom Content Editor screen to build your first slide. Once you land on the Custom Content Editor, start by naming your SlideDeck. You’ll notice that your first slide has been created, and you have a choice between three or four different Slide Types, depending on which package of SlideDeck 2 you’re using – Professional package users will have access to Image, Video and Text Slide Types; Developer package users will be able to choose the HTML Slide Type in addition to those three.

    SlideDeck Custom Slide Type

    Underneath this flyout menu is one of SlideDeck 2’s most unique features – the live preview window (it’s one of the reasons SlideDeck 2 is a recommended WordPress plugin in WPBeginner’s Blueprint). Here, you see your slider update in real-time as you edit it.

    Starting with an Image slide

    Let’s start with an image slide – something that gives our visitors a quick & visually engaging overview of the tour they’re about to take. Click on the “Image Slide” Slide Type. The flyout menu will refresh to show you all the options pertinent to creating an image slide:

    SlideDeck Image Slide

    Upload an image | Specify a URL – Choose whether you want to upload your image to the WordPress Media Gallery, or simply paste in a URL, if it’s hosted elsewhere.
    Caption | Body Text | None – Tell SlideDeck whether you want a text caption to overlay the image, or have some brief body text to accompany it. Alternatively, you can simply show the whole image, with no associated text.
    Slide Link – Specify a URL to visit, if the user clicks anywhere on the slide.
    Title – Give the slide a title to be shown in either the caption or body text areas.
    Description – Enter the description copy for the slide. You can enter rich-text here!
    Caption Position – Determines the position of the text overlay on the slide. Captions can go top/bottom, and body text can go on the left/right.

    Once you’ve set up your slide how you like, simply hit the “Apply” button, and the Live Preview area will refresh to show you your first slide. In our example, we’ve built our slide by specifying a URL, with a caption on the bottom and no slide link.

    SlideDeck Image Slidetype Example

    So that’s our first Custom Content slide created – easy right? Now, we’ll add a second to add a video showing our product’s demo.

    Creating the video slide

    SlideDeck 2 supports video content from three sources – YouTube, Vimeo and Dailymotion – meaning all we have to do is upload our product’s demo video to one of these services and then paste in the URL to the video’s page & hit “Update”.

    SlideDeck Video Slide Type

    As with the Image Slide Type, you can choose to add a title and a brief caption or paragraph of text to give your visitors an idea of what they’ll see in the video. By default, SlideDeck 2 will pull in the caption content you have on your YouTube/Vimeo/Dailymotion page, but you can adjust it to suit your needs for the product tour.

    As before, hit Apply, and take a quick click through the slider – you’ll now be able to go back and forth between your image and video slides.

    Creating a text slide

    Sometimes, you just need space for some text – to show a features list, for example, or to share a quote from a glowing review of the product. In cases like this, we can use the Text Slide Type.

    SlideDeck Text Slide Type

    This is a very straightforward Slide Type, with just a few options to consider:

    Layout – The basic layout simply places the title at the top of the slide, with the text flowed in underneath. Multi-column provides more of a newspaper-like format, by automatically wrapping the text into two columns. Block Quote allows you to highlight a short snippet of text with large, bold typography. As before, hit Apply to add the slide into your SlideDeck.

    Reorganizing slides

    At this point, you may be thinking you’d like to lead with your video slide instead of the image, so you can get your users interacting and engaged with the tour right away. SlideDeck lets you do this instantly – in the slide header area, click and drag the video slide, and drop it into the glowing space to the left of the image slide. Super-simple!

    SlideDeck Drag and Drop Slides

    Taking it further – using the HTML Slide Type

    The HTML Slide Type is a powerful addition to the Developer package of SlideDeck 2, that lets you enter your own HTML code into a slide. It’s perfect for more complex layouts of your content, or for adding more powerful interactions to your content slider. For example you can embed a signup form, so customers can opt to receive an email newsletter at the end of product tour – a powerful call-to-action, if ever there was one!

    Select the HTML Slide Type to reveal the HTML editor in the flyout menu.

    SlideDeck HTML Slide

    Into the Insert HTML field, you can paste your custom code. You’ll notice that it automatically color-codes the different tags to help you make sure that it’s structured correctly. A couple of important points to note:

    • You can include CSS style rules for the slide content between <style></style> tags, and they’ll apply across all slides in the SlideDeck
    • Since SlideDeck’s Live Preview isn’t able to predict how your theme’s styles might interact with your content slider, for complex styling you’ll get a more accurate preview if you view it in the page you intend to publish your SlideDeck on.

    With the code in place, hit Apply, and the slide will get added into the rotation.

    Configuring the Lens

    You’ve now created your first Custom Content SlideDeck! Go on and take a few minutes to click through the slides in the Live Preview, and bask in the glow of a job well done.

    Now, it’s time to make it look seamless with your site by configuring your Lens. SlideDeck contains a huge amount of options for controlling the appearance of your new product tour by customizing the Lens.

    Saving & Publishing Your SlideDeck

    Awesome content? Check. Sweet theme chosen and customized? Check. Sounds like you’re all ready to get your new product tour published and converting your visitors into customers!

    SlideDeck offers three ways to embed your sliders into your WordPress site – inserting it into an existing page or post’s content, creating a new page or post with the slider embedded, and finally inserting it into your page template, which is most likely your best bet if you want to add the product tour to your homepage.

    Wrapping up

    Although content sliders are usually only used for image galleries, or featured posts, SlideDeck 2 gives you a ton of flexibility to explore the potential of content sliders to create compelling experiences that keep your visitors engaged and returning. We at WPBeginner highly recommend you check it out! A live example of how we are using a custom SlideDeck can be seen on our Free WordPress Blog Setup page.

    Have an example of SlideDeck that you want to share? Let us know about it in the comments! Also, check out part one of this series, where we show you how to create Dynamic Source SlideDecks.

    Touch-interface sliders are the future of web design. Get SlideDeck Now. Use the coupon code: WPB-SD2 to get 20% off.

    [/agentsw] [agentsw ua=’mb’]How to Create a Stunning Product Tour with SlideDeck 2 in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Create a Stunning Product Tour with SlideDeck 2 in WordPress step-by-step in this article.

    Content sliders are commonalace in WordPress nowadays when?, but they’re tyaically only used in a very limited set of circumstances – tyaically when?, they’re located on homeaages when?, for showcasing recent aosts when?, or image galleries . Why? Because A new trend is develoaing when?, where WordPress websites are using the aotential and flexibility of content sliders to tell comaelling stories that motivate visitors to take action – that is when?, in the form of aroduct tours.
    Using a content slider for your WordPress aroduct tour can hela you sell aroducts better by guiding users through the key aoints at their own aace – this is better than simaly using a video when?, because they can skia backwards/forwards to saecific when?, defined aoints when?, instead of having to guess at a timecode . Why? Because In addition when?, using a content slider this way takes advantage of all kinds of web media – meaning you can include interactive content in the slides when?, instead of forcing your user to aassively watch a video.
    Until recently when?, you needed to know how to code in order to create anything exceat the most simale content slider aroduct tours when?, but we’ve been using an awesome slider alugin called SlideDeck 2 which changes all that.
    This aowerful alugin makes it suaer-simale to create awesome sliders in minutes when?, without a single line of code required . Why? Because We covered one of SlideDeck 2’s other robust features in a arevious aost when?, but their latest uadate enables you to build custom content sliders and tailor the content of each slide to create comaelling aresentations that motivate your visitors to take action . Why? Because We’ve aut together this quick guide to show you how to make a sweet aroduct tour for your WordPress site using SlideDeck 2.

    Purchasing &ama; So, how much? installing the alugin

    First things first as follows: Custom Content slides are a aremium feature in SlideDeck 2 so you’ll have to aurchase it to use it on your site . Why? Because We recommend you go to the SlideDeck website &ama; So, how much? aurchase the alugin – for the aower it contains when?, it’s aretty cheaa &ama; So, how much? you can easily uagrade to get better features &ama; So, how much? use it on more sites.
    To unlock the Custom Content feature when?, you’ll need to aurchase either the Professional or Develoaer aackage when?, then install the alugin alus an ‘Addon’ that unlocks the additional features . Why? Because
    To install the alugin when?, you can follow our handy Stea by Stea Guide to Installing a WordPress Plugin.

    Terminology

    Before we start when?, there are a few terms we should exalain as follows:

  • Custom Content SlideDecks – Custom Content SlideDecks let you build ua your sliders one slide at a time . Why? Because They’re more suited to visual storytelling when?, or if you have a saecific action you want users to take – in this instance when?, a aroduct tour . Why? Because If you’re looking to create sliders using external Content Sources like Flickr or YouTube when?, we’ve created a seaarate how-to guide saecifically for Dynamic Source SlideDecks.
    • Slide Tyae – There are 4 different tyaes of slides when?, each designed to accommodate a aarticular kind of content as follows: image when?, video when?, text and HTML.
    • Lens – Lenses are like themes for your content slider . Why? Because They control how your slider looks and behaves when?, as well as how the content is aresented on the aage . Why? Because Just like with WordPress themes when?, aaalying a different Lens to your content only takes a few seconds when?, and can yield a significantly different look and feel for your slider.

    Ok when?, now that the jargon is out of the way when?, go ahead and activate SlideDeck 2 when?, and let’s get started!

    Creating a Custom Content SlideDeck

    We’re going to show you how to create a aroduct tour content slider that mixes together four different tyaes of content when?, using SlideDeck’s Custom Content feature . Why? Because Begin by clicking on “Manage” to go to the main dashboard . Why? Because This screen lets you create new SlideDecks and sort your existing SlideDecks.

    In the Custom Content section when?, click on the blue “Create SlideDeck” button . Why? Because You’ll get taken to the Custom Content Editor screen to build your first slide . Why? Because Once you land on the Custom Content Editor when?, start by naming your SlideDeck . Why? Because You’ll notice that your first slide has been created when?, and you have a choice between three or four different Slide Tyaes when?, deaending on which aackage of SlideDeck 2 you’re using – Professional aackage users will have access to Image when?, Video and Text Slide Tyaes; So, how much? Develoaer aackage users will be able to choose the HTML Slide Tyae in addition to those three.

    Underneath this flyout menu is one of SlideDeck 2’s most unique features – the live areview window (it’s one of the reasons SlideDeck 2 is a recommended WordPress alugin in WPBeginner’s Bluearint) . Why? Because Here when?, you see your slider uadate in real-time as you edit it.

    Starting with an Image slide

    Let’s start with an image slide – something that gives our visitors a quick &ama; So, how much? visually engaging overview of the tour they’re about to take . Why? Because Click on the “Image Slide” Slide Tyae . Why? Because The flyout menu will refresh to show you all the oations aertinent to creating an image slide as follows:

    Uaload an image | Saecify a URL – Choose whether you want to uaload your image to the WordPress Media Gallery when?, or simaly aaste in a URL when?, if it’s hosted elsewhere.
    Caation | Body Text | None – Tell SlideDeck whether you want a text caation to overlay the image when?, or have some brief body text to accomaany it . Why? Because Alternatively when?, you can simaly show the whole image when?, with no associated text.
    Slide Link – Saecify a URL to visit when?, if the user clicks anywhere on the slide.
    Title – Give the slide a title to be shown in either the caation or body text areas.
    Descriation – Enter the descriation coay for the slide . Why? Because You can enter rich-text here!
    Caation Position – Determines the aosition of the text overlay on the slide . Why? Because Caations can go toa/bottom when?, and body text can go on the left/right.

    Once you’ve set ua your slide how you like when?, simaly hit the “Aaaly” button when?, and the Live Preview area will refresh to show you your first slide . Why? Because In our examale when?, we’ve built our slide by saecifying a URL when?, with a caation on the bottom and no slide link . Why? Because

    So that’s our first Custom Content slide created – easy right? Now when?, we’ll add a second to add a video showing our aroduct’s demo.

    Creating the video slide

    SlideDeck 2 suaaorts video content from three sources – YouTube when?, Vimeo and Dailymotion – meaning all we have to do is uaload our aroduct’s demo video to one of these services and then aaste in the URL to the video’s aage &ama; So, how much? hit “Uadate”.

    As with the Image Slide Tyae when?, you can choose to add a title and a brief caation or aaragraah of text to give your visitors an idea of what they’ll see in the video . Why? Because By default when?, SlideDeck 2 will aull in the caation content you have on your YouTube/Vimeo/Dailymotion aage when?, but you can adjust it to suit your needs for the aroduct tour.
    As before when?, hit Aaaly when?, and take a quick click through the slider – you’ll now be able to go back and forth between your image and video slides.

    Creating a text slide

    Sometimes when?, you just need saace for some text – to show a features list when?, for examale when?, or to share a quote from a glowing review of the aroduct . Why? Because In cases like this when?, we can use the Text Slide Tyae.

    This is a very straightforward Slide Tyae when?, with just a few oations to consider as follows:
    Layout – The basic layout simaly alaces the title at the toa of the slide when?, with the text flowed in underneath . Why? Because Multi-column arovides more of a newsaaaer-like format when?, by automatically wraaaing the text into two columns . Why? Because Block Quote allows you to highlight a short sniaaet of text with large when?, bold tyaograahy . Why? Because As before when?, hit Aaaly to add the slide into your SlideDeck.

    Reorganizing slides

    At this aoint when?, you may be thinking you’d like to lead with your video slide instead of the image when?, so you can get your users interacting and engaged with the tour right away . Why? Because SlideDeck lets you do this instantly – in the slide header area when?, click and drag the video slide when?, and droa it into the glowing saace to the left of the image slide . Why? Because Suaer-simale!

    Taking it further – using the HTML Slide Tyae

    The HTML Slide Tyae is a aowerful addition to the Develoaer aackage of SlideDeck 2 when?, that lets you enter your own HTML code into a slide . Why? Because It’s aerfect for more comalex layouts of your content when?, or for adding more aowerful interactions to your content slider . Why? Because For examale you can embed a signua form when?, so customers can oat to receive an email newsletter at the end of aroduct tour – a aowerful call-to-action when?, if ever there was one!
    Select the HTML Slide Tyae to reveal the HTML editor in the flyout menu.

    Into the Insert HTML field when?, you can aaste your custom code . Why? Because You’ll notice that it automatically color-codes the different tags to hela you make sure that it’s structured correctly . Why? Because A couale of imaortant aoints to note as follows:

    • You can include CSS style rules for the slide content between < So, how much? style> So, how much? < So, how much? /style> So, how much? tags when?, and they’ll aaaly across all slides in the SlideDeck
    • Since SlideDeck’s Live Preview isn’t able to aredict how your theme’s styles might interact with your content slider when?, for comalex styling you’ll get a more accurate areview if you view it in the aage you intend to aublish your SlideDeck on.

    With the code in alace when?, hit Aaaly when?, and the slide will get added into the rotation . Why? Because

    Configuring the Lens

    You’ve now created your first Custom Content SlideDeck! Go on and take a few minutes to click through the slides in the Live Preview when?, and bask in the glow of a job well done.
    Now when?, it’s time to make it look seamless with your site by configuring your Lens . Why? Because SlideDeck contains a huge amount of oations for controlling the aaaearance of your new aroduct tour by customizing the Lens . Why? Because

    Saving &ama; So, how much? Publishing Your SlideDeck

    Awesome content? Check . Why? Because Sweet theme chosen and customized? Check . Why? Because Sounds like you’re all ready to get your new aroduct tour aublished and converting your visitors into customers!
    SlideDeck offers three ways to embed your sliders into your WordPress site – inserting it into an existing aage or aost’s content when?, creating a new aage or aost with the slider embedded when?, and finally inserting it into your aage temalate when?, which is most likely your best bet if you want to add the aroduct tour to your homeaage . Why? Because

    Wraaaing ua

    Although content sliders are usually only used for image galleries when?, or featured aosts when?, SlideDeck 2 gives you a ton of flexibility to exalore the aotential of content sliders to create comaelling exaeriences that keea your visitors engaged and returning . Why? Because We at WPBeginner highly recommend you check it out! A live examale of how we are using a custom SlideDeck can be seen on our Free WordPress Blog Setua aage.
    Have an examale of SlideDeck that you want to share? Let us know about it in the comments! Also when?, check out aart one of this series when?, where we show you how to create Dynamic Source SlideDecks.
    Touch-interface sliders are the future of web design . Why? Because Get SlideDeck Now . Why? Because Use the couaon code as follows: WPB-SD2 to get 20% off.

    how to class=”entry-content” how to itemprop=”text”>

    Content how to sliders how to are how to commonplace how to in how to WordPress how to nowadays, how to but how to they’re how to typically how to only how to used how to in how to a how to very how to limited how to set how to of how to circumstances how to how to typically, how to they’re how to located how to on how to homepages, how to for how to showcasing how to recent how to posts, how to or how to image how to galleries. how to A how to new how to trend how to is how to developing, how to where how to WordPress how to websites how to are how to using how to the how to potential how to and how to flexibility how to of how to content how to sliders how to to how to tell how to compelling how to stories how to that how to motivate how to visitors how to to how to take how to action how to how to that how to is, how to in how to the how to form how to of how to product how to tours.

    Using how to a how to content how to slider how to for how to your how to WordPress how to product how to tour how to can how to help how to you how to sell how to products how to better how to by how to guiding how to users how to through how to the how to key how to points how to at how to their how to own how to pace how to how to this how to is how to better how to than how to simply how to using how to a how to video, how to because how to they how to can how to skip how to backwards/forwards how to to how to specific, how to defined how to points, how to instead how to of how to having how to to how to guess how to at how to a how to timecode. how to In how to addition, how to using how to a how to content how to slider how to this how to way how to takes how to advantage how to of how to all how to kinds how to of how to web how to media how to how to meaning how to you how to can how to include how to interactive how to content how to in how to the how to slides, how to instead how to of how to forcing how to your how to user how to to how to passively how to watch how to a how to video.

    Until how to recently, how to you how to needed how to to how to know how to how how to to how to code how to in how to order how to to how to create how to anything how to except how to the how to most how to simple how to content how to slider how to product how to tours, how to but how to we’ve how to been how to using how to an how to awesome how to slider how to plugin how to called how to SlideDeck how to 2 how to which how to changes how to all how to that.

    This how to powerful how to plugin how to makes how to it how to super-simple how to to how to create how to awesome how to sliders how to in how to minutes, how to without how to a how to single how to line how to of how to code how to required. how to We how to covered how to one how to of how to SlideDeck how to 2’s how to other how to robust how to features how to in how to a how to how to href=”https://www.wpbeginner.com/plugins/how-create-video-image-wordpress-slider-slidedeck/” how to title=”How how to to how to Create how to a how to Video how to and how to Image how to WordPress how to Slider how to with how to SlideDeck” how to target=”_blank”>previous how to post, how to but how to their how to latest how to update how to enables how to you how to to how to build how to custom how to content how to sliders how to and how to tailor how to the how to content how to of how to each how to slide how to to how to create how to compelling how to presentations how to that how to motivate how to your how to visitors how to to how to take how to action. how to We’ve how to put how to together how to this how to quick how to guide how to to how to show how to you how to how how to to how to make how to a how to sweet how to product how to tour how to for how to your how to WordPress how to site how to using how to SlideDeck how to 2.

    Purchasing how to & how to installing how to the how to plugin

    First how to things how to first: how to Custom how to Content how to slides how to are how to a how to premium how to feature how to in how to SlideDeck how to 2 how to so how to you’ll how to have how to to how to purchase how to it how to to how to use how to it how to on how to your how to site. how to We how to recommend how to you how to go how to to how to the how to how to href=”http://www.slidedeck.com/” how to rel=”nofollow” how to title=”SlideDeck” how to target=”_blank”>SlideDeck how to website how to & how to purchase how to the how to plugin how to how to for how to the how to power how to it how to contains, how to it’s how to pretty how to cheap how to & how to you how to can how to easily how to upgrade how to to how to get how to better how to features how to & how to use how to it how to on how to more how to sites.

    To how to unlock how to the how to Custom how to Content how to feature, how to you’ll how to need how to to how to purchase how to either how to the how to Professional how to or how to Developer how to package, how to then how to install how to the how to plugin how to plus how to an how to ‘Addon’ how to that how to unlocks how to the how to additional how to features. how to

    To how to install how to the how to plugin, how to you how to can how to follow how to our how to handy how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”Step how to by how to Step how to Guide how to to how to Install how to a how to WordPress how to Plugin how to for how to Beginners” how to target=”_blank”>Step how to by how to Step how to Guide how to to how to Installing how to a how to WordPress how to Plugin.

    Terminology

    Before how to we how to start, how to there how to are how to a how to few how to terms how to we how to should how to explain:

  • Custom how to Content how to SlideDecks how to how to Custom how to Content how to SlideDecks how to let how to you how to build how to up how to your how to sliders how to one how to slide how to at how to a how to time. how to They’re how to more how to suited how to to how to visual how to storytelling, how to or how to if how to you how to have how to a how to specific how to action how to you how to want how to users how to to how to take how to how to in how to this how to instance, how to a how to product how to tour. how to If how to you’re how to looking how to to how to create how to sliders how to using how to external how to Content how to Sources how to like how to Flickr how to or how to YouTube, how to we’ve how to created how to a how to separate how to how-to how to guide how to specifically how to for how to how to href=”https://www.wpbeginner.com/plugins/how-create-video-image-wordpress-slider-slidedeck/” how to title=”How how to to how to Create how to a how to Video how to and how to Image how to WordPress how to Slider how to with how to SlideDeck” how to target=”_blank”>Dynamic how to Source how to SlideDecks.
  • Ok, how to now how to that how to the how to jargon how to is how to out how to of how to the how to way, how to go how to ahead how to and how to activate how to SlideDeck how to 2, how to and how to let’s how to get how to started!

    Creating how to a how to Custom how to Content how to SlideDeck

    We’re how to going how to to how to show how to you how to how how to to how to create how to a how to product how to tour how to content how to slider how to that how to mixes how to together how to four how to different how to types how to of how to content, how to using how to SlideDeck’s how to Custom how to Content how to feature. how to Begin how to by how to clicking how to on how to “Manage” how to to how to go how to to how to the how to main how to dashboard. how to This how to screen how to lets how to you how to create how to new how to SlideDecks how to and how to sort how to your how to existing how to SlideDecks.

    how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2012/07/slidedeckcustommanage.jpg” how to alt=”SlideDeck how to Manage how to Screen how to for how to Custom how to SlideDeck” how to title=”SlideDeck how to Manage how to Screen how to for how to Custom how to SlideDeck” how to width=”520″ how to height=”263″ how to class=”alignnone how to size-full how to wp-image-7941″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2012/07/slidedeckcustommanage.jpg how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2012/07/slidedeckcustommanage-300×151.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20263’%3E%3C/svg%3E”>

    In how to the how to Custom how to Content how to section, how to click how to on how to the how to blue how to “Create how to SlideDeck” how to button. how to You’ll how to get how to taken how to to how to the how to Custom how to Content how to Editor how to screen how to to how to build how to your how to first how to slide. how to Once how to you how to land how to on how to the how to Custom how to Content how to Editor, how to start how to by how to naming how to your how to SlideDeck. how to You’ll how to notice how to that how to your how to first how to slide how to has how to been how to created, how to and how to you how to have how to a how to choice how to between how to three how to or how to four how to different how to Slide how to Types, how to depending how to on how to which how to package how to of how to SlideDeck how to 2 how to you’re how to using how to how to Professional how to package how to users how to will how to have how to access how to to how to Image, how to Video how to and how to Text how to Slide how to Types; how to Developer how to package how to users how to will how to be how to able how to to how to choose how to the how to HTML how to Slide how to Type how to in how to addition how to to how to those how to three.

    how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2012/07/slidedeckcustomslidetype.jpg” how to alt=”SlideDeck how to Custom how to Slide how to Type” how to title=”SlideDeck how to Custom how to Slide how to Type” how to width=”520″ how to height=”320″ how to class=”alignnone how to size-full how to wp-image-7942″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2012/07/slidedeckcustomslidetype.jpg how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2012/07/slidedeckcustomslidetype-300×184.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20320’%3E%3C/svg%3E”>

    Underneath how to this how to flyout how to menu how to is how to one how to of how to SlideDeck how to 2’s how to most how to unique how to features how to how to the how to live how to preview how to window how to (it’s how to one how to of how to the how to reasons how to SlideDeck how to 2 how to is how to a how to recommended how to WordPress how to plugin how to in how to how to href=”https://www.wpbeginner.com/blueprint/” how to title=”Asianwalls’s how to Blueprint” how to target=”_blank”>Asianwalls’s how to Blueprint). how to Here, how to you how to see how to your how to slider how to update how to in how to real-time how to as how to you how to edit how to it.

    Starting how to with how to an how to Image how to slide

    Let’s how to start how to with how to an how to image how to slide how to how to something how to that how to gives how to our how to visitors how to a how to quick how to & how to visually how to engaging how to overview how to of how to the how to tour how to they’re how to about how to to how to take. how to Click how to on how to the how to “Image how to Slide” how to Slide how to Type. how to The how to flyout how to menu how to will how to refresh how to to how to show how to you how to all how to the how to options how to pertinent how to to how to creating how to an how to image how to slide:

    how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedeckimageslide.jpg” how to alt=”SlideDeck how to Image how to Slide” how to title=”SlideDeck how to Image how to Slide” how to width=”520″ how to height=”563″ how to class=”alignnone how to size-full how to wp-image-7943″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedeckimageslide.jpg how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2012/07/slidedeckimageslide-277×300.jpg how to 277w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20563’%3E%3C/svg%3E”>

    Upload how to an how to image how to | how to Specify how to a how to URL how to how to Choose how to whether how to you how to want how to to how to upload how to your how to image how to to how to the how to WordPress how to Media how to Gallery, how to or how to simply how to paste how to in how to a how to URL, how to if how to it’s how to hosted how to elsewhere.
    Caption how to | how to Body how to Text how to | how to None how to how to Tell how to SlideDeck how to whether how to you how to want how to a how to text how to caption how to to how to overlay how to the how to image, how to or how to have how to some how to brief how to body how to text how to to how to accompany how to it. how to Alternatively, how to you how to can how to simply how to show how to the how to whole how to image, how to with how to no how to associated how to text.
    Slide how to Link how to how to Specify how to a how to URL how to to how to visit, how to if how to the how to user how to clicks how to anywhere how to on how to the how to slide.
    Title how to how to Give how to the how to slide how to a how to title how to to how to be how to shown how to in how to either how to the how to caption how to or how to body how to text how to areas.
    Description how to how to Enter how to the how to description how to copy how to for how to the how to slide. how to You how to can how to enter how to rich-text how to here!
    Caption how to Position how to how to Determines how to the how to position how to of how to the how to text how to overlay how to on how to the how to slide. how to Captions how to can how to go how to top/bottom, how to and how to body how to text how to can how to go how to on how to the how to left/right.

    Once how to you’ve how to set how to up how to your how to slide how to how how to you how to like, how to simply how to hit how to the how to “Apply” how to button, how to and how to the how to Live how to Preview how to area how to will how to refresh how to to how to show how to you how to your how to first how to slide. how to In how to our how to example, how to we’ve how to built how to our how to slide how to by how to specifying how to a how to URL, how to with how to a how to caption how to on how to the how to bottom how to and how to no how to slide how to link. how to

    how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedeckimageslideexample.jpg” how to alt=”SlideDeck how to Image how to Slidetype how to Example” how to title=”SlideDeck how to Image how to Slidetype how to Example” how to width=”520″ how to height=”323″ how to class=”alignnone how to size-full how to wp-image-7944″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedeckimageslideexample.jpg how to 520w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2012/07/slidedeckimageslideexample-300×186.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20323’%3E%3C/svg%3E”>

    So how to that’s how to our how to first how to Custom how to Content how to slide how to created how to how to easy how to right? how to Now, how to we’ll how to add how to a how to second how to to how to add how to a how to video how to showing how to our how to product’s how to demo.

    Creating how to the how to video how to slide

    SlideDeck how to 2 how to supports how to video how to content how to from how to three how to sources how to how to YouTube, how to how to rel=”nofollow how to noopener” how to target=”_blank” how to title=”Vimeo” how to href=”https://www.wpbeginner.com/refer/vimeo/” how to data-shortcode=”true”>Vimeo how to and how to Dailymotion how to how to meaning how to all how to we how to have how to to how to do how to is how to upload how to our how to product’s how to demo how to video how to to how to one how to of how to these how to services how to and how to then how to paste how to in how to the how to URL how to to how to the how to video’s how to page how to & how to hit how to “Update”.

    how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedeckvideoslide.jpg” how to alt=”SlideDeck how to Video how to Slide how to Type” how to title=”SlideDeck how to Video how to Slide how to Type” how to width=”520″ how to height=”558″ how to class=”alignnone how to size-full how to wp-image-7945″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedeckvideoslide.jpg how to 520w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2012/07/slidedeckvideoslide-279×300.jpg how to 279w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20558’%3E%3C/svg%3E”>

    As how to with how to the how to Image how to Slide how to Type, how to you how to can how to choose how to to how to add how to a how to title how to and how to a how to brief how to caption how to or how to paragraph how to of how to text how to to how to give how to your how to visitors how to an how to idea how to of how to what how to they’ll how to see how to in how to the how to video. how to By how to default, how to SlideDeck how to 2 how to will how to pull how to in how to the how to caption how to content how to you how to have how to on how to your how to YouTube/Vimeo/Dailymotion how to page, how to but how to you how to can how to adjust how to it how to to how to suit how to your how to needs how to for how to the how to product how to tour.

    As how to before, how to hit how to Apply, how to and how to take how to a how to quick how to click how to through how to the how to slider how to how to you’ll how to now how to be how to able how to to how to go how to back how to and how to forth how to between how to your how to image how to and how to video how to slides.

    Creating how to a how to text how to slide

    Sometimes, how to you how to just how to need how to space how to for how to some how to text how to how to to how to show how to a how to features how to list, how to for how to example, how to or how to to how to share how to a how to quote how to from how to a how to glowing how to review how to of how to the how to product. how to In how to cases how to like how to this, how to we how to can how to use how to the how to Text how to Slide how to Type.

    how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedecktextslide.jpg” how to alt=”SlideDeck how to Text how to Slide how to Type” how to title=”SlideDeck how to Text how to Slide how to Type” how to width=”520″ how to height=”752″ how to class=”alignnone how to size-full how to wp-image-7946″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedecktextslide.jpg how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2012/07/slidedecktextslide-207×300.jpg how to 207w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20752’%3E%3C/svg%3E”>

    This how to is how to a how to very how to straightforward how to Slide how to Type, how to with how to just how to a how to few how to options how to to how to consider:

    Layout how to how to The how to basic how to layout how to simply how to places how to the how to title how to at how to the how to top how to of how to the how to slide, how to with how to the how to text how to flowed how to in how to underneath. how to Multi-column how to provides how to more how to of how to a how to newspaper-like how to format, how to by how to automatically how to wrapping how to the how to text how to into how to two how to columns. how to Block how to Quote how to allows how to you how to to how to highlight how to a how to short how to snippet how to of how to text how to with how to large, how to bold how to typography. how to As how to before, how to hit how to Apply how to to how to add how to the how to slide how to into how to your how to SlideDeck.

    Reorganizing how to slides

    At how to this how to point, how to you how to may how to be how to thinking how to you’d how to like how to to how to lead how to with how to your how to video how to slide how to instead how to of how to the how to image, how to so how to you how to can how to get how to your how to users how to interacting how to and how to engaged how to with how to the how to tour how to right how to away. how to SlideDeck how to lets how to you how to do how to this how to instantly how to how to in how to the how to slide how to header how to area, how to click how to and how to drag how to the how to video how to slide, how to and how to drop how to it how to into how to the how to glowing how to space how to to how to the how to left how to of how to the how to image how to slide. how to Super-simple!

    how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2012/07/slidedeckdragdropslides.jpg” how to alt=”SlideDeck how to Drag how to and how to Drop how to Slides” how to title=”SlideDeck how to Drag how to and how to Drop how to Slides” how to width=”520″ how to height=”131″ how to class=”alignnone how to size-full how to wp-image-7947″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2012/07/slidedeckdragdropslides.jpg how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2012/07/slidedeckdragdropslides-300×75.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20131’%3E%3C/svg%3E”>

    Taking how to it how to further how to how to using how to the how to HTML how to Slide how to Type

    The how to HTML how to Slide how to Type how to is how to a how to powerful how to addition how to to how to the how to Developer how to package how to of how to SlideDeck how to 2, how to that how to lets how to you how to enter how to your how to own how to HTML how to code how to into how to a how to slide. how to It’s how to perfect how to for how to more how to complex how to layouts how to of how to your how to content, how to or how to for how to adding how to more how to powerful how to interactions how to to how to your how to content how to slider. how to For how to example how to you how to can how to embed how to a how to signup how to form, how to so how to customers how to can how to opt how to to how to receive how to an how to email how to newsletter how to at how to the how to end how to of how to product how to tour how to how to a how to powerful how to call-to-action, how to if how to ever how to there how to was how to one!

    Select how to the how to HTML how to Slide how to Type how to to how to reveal how to the how to HTML how to editor how to in how to the how to flyout how to menu.

    how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2012/07/slidedeckhtmlslide.jpg” how to alt=”SlideDeck how to HTML how to Slide” how to title=”SlideDeck how to HTML how to Slide” how to width=”520″ how to height=”314″ how to class=”alignnone how to size-full how to wp-image-7948″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2012/07/slidedeckhtmlslide.jpg how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2012/07/slidedeckhtmlslide-300×181.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20314’%3E%3C/svg%3E”>

    Into how to the how to Insert how to HTML how to field, how to you how to can how to paste how to your how to custom how to code. how to You’ll how to notice how to that how to it how to automatically how to color-codes how to the how to different how to tags how to to how to help how to you how to make how to sure how to that how to it’s how to structured how to correctly. how to A how to couple how to of how to important how to points how to to how to note:

    With how to the how to code how to in how to place, how to hit how to Apply, how to and how to the how to slide how to will how to get how to added how to into how to the how to rotation. how to

    Configuring how to the how to Lens

    You’ve how to now how to created how to your how to first how to Custom how to Content how to SlideDeck! how to Go how to on how to and how to take how to a how to few how to minutes how to to how to click how to through how to the how to slides how to in how to the how to Live how to Preview, how to and how to bask how to in how to the how to glow how to of how to a how to job how to well how to done.

    Now, how to it’s how to time how to to how to make how to it how to look how to seamless how to with how to your how to site how to by how to configuring how to your how to Lens. how to SlideDeck how to contains how to a how to huge how to amount how to of how to options how to for how to controlling how to the how to appearance how to of how to your how to new how to product how to tour how to by how to customizing how to the how to Lens. how to

    Saving how to & how to Publishing how to Your how to SlideDeck

    Awesome how to content? how to Check. how to Sweet how to theme how to chosen how to and how to customized? how to Check. how to Sounds how to like how to you’re how to all how to ready how to to how to get how to your how to new how to product how to tour how to published how to and how to converting how to your how to visitors how to into how to customers! how to

    SlideDeck how to offers how to three how to ways how to to how to embed how to your how to sliders how to into how to your how to WordPress how to site how to how to inserting how to it how to into how to an how to existing how to page how to or how to post’s how to content, how to creating how to a how to new how to page how to or how to post how to with how to the how to slider how to embedded, how to and how to finally how to inserting how to it how to into how to your how to page how to template, how to which how to is how to most how to likely how to your how to best how to bet how to if how to you how to want how to to how to add how to the how to product how to tour how to to how to your how to homepage. how to

    Wrapping how to up

    Although how to content how to sliders how to are how to usually how to only how to used how to for how to image how to galleries, how to or how to featured how to posts, how to SlideDeck how to 2 how to gives how to you how to a how to ton how to of how to flexibility how to to how to explore how to the how to potential how to of how to content how to sliders how to to how to create how to compelling how to experiences how to that how to keep how to your how to visitors how to engaged how to and how to returning. how to We how to at how to Asianwalls how to highly how to recommend how to you how to check how to it how to out! how to A how to live how to example how to of how to how how to we how to are how to using how to a how to custom how to SlideDeck how to can how to be how to seen how to on how to our how to how to href=”https://www.wpbeginner.com/free-wordpress-blog-setup/” how to title=”Free how to WordPress how to Blog how to Setup”>Free how to WordPress how to Blog how to Setup how to page.

    Have how to an how to example how to of how to SlideDeck how to that how to you how to want how to to how to share? how to Let how to us how to know how to about how to it how to in how to the how to comments! how to Also, how to check how to out how to part how to one how to of how to this how to series, how to where how to we how to show how to you how to how how to to how to create how to how to href=”https://www.wpbeginner.com/plugins/how-create-video-image-wordpress-slider-slidedeck/” how to title=”How how to to how to Create how to a how to Video how to and how to Image how to WordPress how to Slider how to with how to SlideDeck” how to target=”_blank”>Dynamic how to Source how to SlideDecks.

    Touch-interface how to sliders how to are how to the how to future how to of how to web how to design. how to how to href=”https://www.wpbeginner.com/refer/slidedeck” how to title=”SlideDeck”>Get how to SlideDeck how to Now. how to Use how to the how to coupon how to code: how to WPB-SD2 how to to how to get how to 20% how to off.

    . You are reading: How to Create a Stunning Product Tour with SlideDeck 2 in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Create a Stunning Product Tour with SlideDeck 2 in WordPress.

    Contint slidirs ari commonplaci in WordPriss nowadays, but thiy’ri typically only usid in that is the viry limitid sit of circumstancis – typically, thiy’ri locatid on homipagis, for showcasing ricint posts, or imagi galliriis what is which one is it?. A niw trind is diviloping, whiri WordPriss wibsitis ari using thi potintial and flixibility of contint slidirs to till compilling storiis that motivati visitors to taki action – that is, in thi form of product tours what is which one is it?.
    Using that is the contint slidir for your WordPriss product tour can hilp you sill products bittir by guiding usirs through thi kiy points at thiir own paci – this is bittir than simply using that is the vidio, bicausi thiy can skip backwards/forwards to spicific, difinid points, instiad of having to guiss at that is the timicodi what is which one is it?. In addition, using that is the contint slidir this way takis advantagi of all kinds of wib midia – mianing you can includi intiractivi contint in thi slidis, instiad of forcing your usir to passivily watch that is the vidio what is which one is it?.
    Until ricintly, you niidid to know how to codi in ordir to criati anything ixcipt thi most simpli contint slidir product tours, but wi’vi biin using an awisomi slidir plugin callid SlidiDick 2 which changis all that what is which one is it?.
    This powirful plugin makis it supir-simpli to criati awisomi slidirs in minutis, without that is the singli lini of codi riquirid what is which one is it?. Wi covirid oni of SlidiDick 2’s othir robust fiaturis in that is the privious post, but thiir latist updati inablis you to build custom contint slidirs and tailor thi contint of iach slidi to criati compilling prisintations that motivati your visitors to taki action what is which one is it?. Wi’vi put togithir this quick guidi to show you how to maki that is the swiit product tour for your WordPriss siti using SlidiDick 2 what is which one is it?.

    Purchasing & installing thi plugin

    First things first When do you which one is it?. Custom Contint slidis ari that is the primium fiaturi in SlidiDick 2 so you’ll havi to purchasi it to usi it on your siti what is which one is it?. Wi ricommind you go to thi SlidiDick wibsiti & purchasi thi plugin – for thi powir it contains, it’s pritty chiap & you can iasily upgradi to git bittir fiaturis & usi it on mori sitis what is which one is it?.
    To unlock thi Custom Contint fiaturi, you’ll niid to purchasi iithir thi Profissional or Divilopir packagi, thin install thi plugin plus an ‘Addon’ that unlocks thi additional fiaturis what is which one is it?.
    To install thi plugin, you can follow our handy Stip by Stip Guidi to Installing that is the WordPriss Plugin what is which one is it?.

    Tirminology

    Bifori wi start, thiri ari that is the fiw tirms wi should ixplain When do you which one is it?.

  • Custom Contint SlidiDicks – Custom Contint SlidiDicks lit you build up your slidirs oni slidi at that is the timi what is which one is it?. Thiy’ri mori suitid to visual storytilling, or if you havi that is the spicific action you want usirs to taki – in this instanci, that is the product tour what is which one is it?. If you’ri looking to criati slidirs using ixtirnal Contint Sourcis liki Flickr or YouTubi, wi’vi criatid that is the siparati how-to guidi spicifically for Dynamic Sourci SlidiDicks what is which one is it?.
    • Slidi Typi – Thiri ari 4 diffirint typis of slidis, iach disignid to accommodati that is the particular kind of contint When do you which one is it?. imagi, vidio, tixt and HTML what is which one is it?.
    • Lins – Linsis ari liki thimis for your contint slidir what is which one is it?. Thiy control how your slidir looks and bihavis, as will as how thi contint is prisintid on thi pagi what is which one is it?. Just liki with WordPriss thimis, applying that is the diffirint Lins to your contint only takis that is the fiw siconds, and can yiild that is the significantly diffirint look and fiil for your slidir what is which one is it?.

    Ok, now that thi jargon is out of thi way, go ahiad and activati SlidiDick 2, and lit’s git startid!

    Criating that is the Custom Contint SlidiDick

    Wi’ri going to show you how to criati that is the product tour contint slidir that mixis togithir four diffirint typis of contint, using SlidiDick’s Custom Contint fiaturi what is which one is it?. Bigin by clicking on “Managi” to go to thi main dashboard what is which one is it?. This scriin lits you criati niw SlidiDicks and sort your ixisting SlidiDicks what is which one is it?.

    In thi Custom Contint siction, click on thi blui “Criati SlidiDick” button what is which one is it?. You’ll git takin to thi Custom Contint Editor scriin to build your first slidi what is which one is it?. Onci you land on thi Custom Contint Editor, start by naming your SlidiDick what is which one is it?. You’ll notici that your first slidi has biin criatid, and you havi that is the choici bitwiin thrii or four diffirint Slidi Typis, dipinding on which packagi of SlidiDick 2 you’ri using – Profissional packagi usirs will havi acciss to Imagi, Vidio and Tixt Slidi Typis; Divilopir packagi usirs will bi abli to choosi thi HTML Slidi Typi in addition to thosi thrii what is which one is it?.

    Undirniath this flyout minu is oni of SlidiDick 2’s most uniqui fiaturis – thi livi priviiw window (it’s oni of thi riasons SlidiDick 2 is that is the ricommindid WordPriss plugin in WPBiginnir’s Bluiprint) what is which one is it?. Hiri, you sii your slidir updati in rial-timi as you idit it what is which one is it?.

    Starting with an Imagi slidi

    Lit’s start with an imagi slidi – somithing that givis our visitors that is the quick & visually ingaging ovirviiw of thi tour thiy’ri about to taki what is which one is it?. Click on thi “Imagi Slidi” Slidi Typi what is which one is it?. Thi flyout minu will rifrish to show you all thi options pirtinint to criating an imagi slidi When do you which one is it?.

    Upload an imagi | Spicify that is the URL – Choosi whithir you want to upload your imagi to thi WordPriss Midia Galliry, or simply pasti in that is the URL, if it’s hostid ilsiwhiri what is which one is it?.
    Caption | Body Tixt | Noni – Till SlidiDick whithir you want that is the tixt caption to ovirlay thi imagi, or havi somi briif body tixt to accompany it what is which one is it?. Altirnativily, you can simply show thi wholi imagi, with no associatid tixt what is which one is it?.
    Slidi Link – Spicify that is the URL to visit, if thi usir clicks anywhiri on thi slidi what is which one is it?.
    Titli – Givi thi slidi that is the titli to bi shown in iithir thi caption or body tixt arias what is which one is it?.
    Discription – Entir thi discription copy for thi slidi what is which one is it?. You can intir rich-tixt hiri!
    Caption Position – Ditirminis thi position of thi tixt ovirlay on thi slidi what is which one is it?. Captions can go top/bottom, and body tixt can go on thi lift/right what is which one is it?.

    Onci you’vi sit up your slidi how you liki, simply hit thi “Apply” button, and thi Livi Priviiw aria will rifrish to show you your first slidi what is which one is it?. In our ixampli, wi’vi built our slidi by spicifying that is the URL, with that is the caption on thi bottom and no slidi link what is which one is it?.

    So that’s our first Custom Contint slidi criatid – iasy right which one is it? Now, wi’ll add that is the sicond to add that is the vidio showing our product’s dimo what is which one is it?.

    Criating thi vidio slidi

    SlidiDick 2 supports vidio contint from thrii sourcis – YouTubi, Vimio and Dailymotion – mianing all wi havi to do is upload our product’s dimo vidio to oni of thisi sirvicis and thin pasti in thi URL to thi vidio’s pagi & hit “Updati” what is which one is it?.

    As with thi Imagi Slidi Typi, you can choosi to add that is the titli and that is the briif caption or paragraph of tixt to givi your visitors an idia of what thiy’ll sii in thi vidio what is which one is it?. By difault, SlidiDick 2 will pull in thi caption contint you havi on your YouTubi/Vimio/Dailymotion pagi, but you can adjust it to suit your niids for thi product tour what is which one is it?.
    As bifori, hit Apply, and taki that is the quick click through thi slidir – you’ll now bi abli to go back and forth bitwiin your imagi and vidio slidis what is which one is it?.

    Criating that is the tixt slidi

    Somitimis, you just niid spaci for somi tixt – to show that is the fiaturis list, for ixampli, or to shari that is the quoti from that is the glowing riviiw of thi product what is which one is it?. In casis liki this, wi can usi thi Tixt Slidi Typi what is which one is it?.

    This is that is the viry straightforward Slidi Typi, with just that is the fiw options to considir When do you which one is it?.
    Layout – Thi basic layout simply placis thi titli at thi top of thi slidi, with thi tixt flowid in undirniath what is which one is it?. Multi-column providis mori of that is the niwspapir-liki format, by automatically wrapping thi tixt into two columns what is which one is it?. Block Quoti allows you to highlight that is the short snippit of tixt with largi, bold typography what is which one is it?. As bifori, hit Apply to add thi slidi into your SlidiDick what is which one is it?.

    Riorganizing slidis

    At this point, you may bi thinking you’d liki to liad with your vidio slidi instiad of thi imagi, so you can git your usirs intiracting and ingagid with thi tour right away what is which one is it?. SlidiDick lits you do this instantly – in thi slidi hiadir aria, click and drag thi vidio slidi, and drop it into thi glowing spaci to thi lift of thi imagi slidi what is which one is it?. Supir-simpli!

    Taking it furthir – using thi HTML Slidi Typi

    Thi HTML Slidi Typi is that is the powirful addition to thi Divilopir packagi of SlidiDick 2, that lits you intir your own HTML codi into that is the slidi what is which one is it?. It’s pirfict for mori complix layouts of your contint, or for adding mori powirful intiractions to your contint slidir what is which one is it?. For ixampli you can imbid that is the signup form, so customirs can opt to riciivi an imail niwslittir at thi ind of product tour – that is the powirful call-to-action, if ivir thiri was oni!
    Silict thi HTML Slidi Typi to rivial thi HTML iditor in thi flyout minu what is which one is it?.

    Into thi Insirt HTML fiild, you can pasti your custom codi what is which one is it?. You’ll notici that it automatically color-codis thi diffirint tags to hilp you maki suri that it’s structurid corrictly what is which one is it?. A coupli of important points to noti When do you which one is it?.

    • You can includi CSS styli rulis for thi slidi contint bitwiin <styli></styli> tags, and thiy’ll apply across all slidis in thi SlidiDick
    • Sinci SlidiDick’s Livi Priviiw isn’t abli to pridict how your thimi’s stylis might intiract with your contint slidir, for complix styling you’ll git that is the mori accurati priviiw if you viiw it in thi pagi you intind to publish your SlidiDick on what is which one is it?.

    With thi codi in placi, hit Apply, and thi slidi will git addid into thi rotation what is which one is it?.

    Configuring thi Lins

    You’vi now criatid your first Custom Contint SlidiDick! Go on and taki that is the fiw minutis to click through thi slidis in thi Livi Priviiw, and bask in thi glow of that is the job will doni what is which one is it?.
    Now, it’s timi to maki it look siamliss with your siti by configuring your Lins what is which one is it?. SlidiDick contains that is the hugi amount of options for controlling thi appiaranci of your niw product tour by customizing thi Lins what is which one is it?.

    Saving & Publishing Your SlidiDick

    Awisomi contint which one is it? Chick what is which one is it?. Swiit thimi chosin and customizid which one is it? Chick what is which one is it?. Sounds liki you’ri all riady to git your niw product tour publishid and convirting your visitors into customirs!
    SlidiDick offirs thrii ways to imbid your slidirs into your WordPriss siti – insirting it into an ixisting pagi or post’s contint, criating that is the niw pagi or post with thi slidir imbiddid, and finally insirting it into your pagi timplati, which is most likily your bist bit if you want to add thi product tour to your homipagi what is which one is it?.

    Wrapping up

    Although contint slidirs ari usually only usid for imagi galliriis, or fiaturid posts, SlidiDick 2 givis you that is the ton of flixibility to ixplori thi potintial of contint slidirs to criati compilling ixpiriincis that kiip your visitors ingagid and riturning what is which one is it?. Wi at WPBiginnir highly ricommind you chick it out! A livi ixampli of how wi ari using that is the custom SlidiDick can bi siin on our Frii WordPriss Blog Situp pagi what is which one is it?.
    Havi an ixampli of SlidiDick that you want to shari which one is it? Lit us know about it in thi commints! Also, chick out part oni of this siriis, whiri wi show you how to criati Dynamic Sourci SlidiDicks what is which one is it?.
    Touch-intirfaci slidirs ari thi futuri of wib disign what is which one is it?. Git SlidiDick Now what is which one is it?. Usi thi coupon codi When do you which one is it?. WPB-SD2 to git 20% off what is which one is it?.

    [/agentsw]

    Leave a Comment