Laptop Slider

An image slider displayed inside a laptop screen mockup, for showcasing website or app screenshots.

Laptop Slider plays a slideshow of images inside a laptop screen mockup graphic, a common way to showcase website or app screenshots without needing a designed mockup image of your own.

A laptop mockup with a website screenshot slide showing inside its screen

Add it

In WPBakery, click Add Element and pick Laptop Slider from the Highend Shortcodes category. Or use the shortcode. See Shortcode.

Settings

SpeedTextspeed

Milliseconds between slides. Leave empty to use the default (7000ms); see the note in Shortcode.

BulletsSelectDefault: Enablebullets

Options: Enable, Disable. Shows the row of dots for jumping to a slide.

Slider ImagesImagesimages

Pick images directly from the media library instead of adding slides one by one. See the note below on where the slide title comes from.

Common settings

Laptop Slider also has Entrance Animation, Entrance Delay, and Extra class name fields. See the Elements overview.

Shortcode

[laptop_slider speed="5000" bullets="yes"]
[slider_item img="123" title="Homepage"]
[slider_item img="124" title="Product page"]
[/laptop_slider]

Prop

Type

If you use Slider Images instead of nesting [slider_item] shortcodes by hand, Highend builds one slide per image automatically, using that image's Title field (unlike Simple Slider, which uses the Caption field). Nest [slider_item] elements yourself if you need custom titles independent of the file's media title.

Use landscape screenshots close to a 16:10 ratio; they're resized to fit the laptop screen area (900×565px). If you omit speed, the slider defaults to 7000ms even though WPBakery shows the field blank.

On this page