How can we help you today?

How to create a multi-slide banner with navigation between the slides

Multi-slide banners are great for promoting special events, offers, products etc.

The idea is simple: You have the main slide where you add some buttons that the user can click to see further details about one of the products you might have on discount at a certain time. The structure of the banner in our example is the following:

  • Slide 1 will be our main slide from where the user can navigate to the promotional slides
  • Slide 2 3 and 4 will correspond with the three categories on promotion in our case Clothes, Shoes and Accessories.

After you’ve created your banner slides you need to add buttons that redirect users to the extra slides, each button corresponding to a promotion/offer. In our example, we have a Fashion Days sale and we are promoting three distinct categories: Clothes, Shoes and Accessories so we’ll create three buttons.

 Now we select the Clothes button and from the Action tooltip we choose the GoToSlide option and select Slide 2 as a destination.

next_slide_buttons.gif

We do the same for button 2 which will correspond the Shoes promotion slide(Slide 3 in this case in our banner) and for button 3 which will take the user to the Accessories slide(Slide 4 in this case in our banner).

 All we have to do now is make sure that on each of the promo slides we also have a CTA button that links to the web page with the actual promotion and also a button that takes the user back to Slide 1 in case he also wants to check out our other promotions.

 Here you can see our example Banner in action:

0 Comments
Please sign in to leave a comment.