Bartending 101

Display Hotspots Using Different Styles

Apply Unique Styles to Each Hotspot

Each hotspot can display a unique style, in this example, you’ll see that:

  • Two cocktails are red and glow brighter red on hover
  • Three cocktails are teal and glow light blue on hover
  • Two cocktails are purple and glow red on hover
Illustration of a lineup containing cocktails.
Old Fashioned Martini Rob Roy Moscow Mule Dark & Stormy Lemon Drop Irish Coffee

Old Fashioned

Old fashioned Whiskey

Place sugar cube in old fashioned glass and saturate with 2 dashes of bitters, add a dash of plain water. Muddle until dissolved.

Fill the glass with ice cubes and add 4.5 cl of bourbon or rye whiskey.

Garnish with orange twist, and a cocktail cherry.

YouTube video

Learn More



Pour 6 cl gin and 1 cl vermouth into mixing glass with ice cubes. Stir well. Strain in chilled martini cocktail glass. Squeeze oil from lemon peel onto the drink, or garnish with olive.


Rob Roy

A wine

Stir 4.5 cl Scotch, 2.5 cl sweet vermouth and 1 dash bitters over ice, strain into a chilled glass, garnish with a cherry, and serve straight up.

Moscow Mule

Moscow Mule drink

Combine 4.5 cl vodka and 12 cl ginger beer in a highball glass filled with ice. Add 0.5 cl lime juice. Stir gently. Garnish.

Dark & Stormy

Dark n Stormy drink


Fill glass with ice, add 6 cl dark rum and top with 10 cl ginger beer. Garnish with lime wedge.

Lemon Drop

Lemon Drop Cocktail

Shake 2.5 cl vodka citron, 2 cl triple sec, and 1.5 cl lemon juice and strain into a chilled cocktail glass rimmed with sugar or in a shot glass.

Irish Coffee

Irish Coffee in a Glass

Heat 8 cl coffee, 4 cl Irish whiskey and 1 tsp brown sugar; do not boil. Pour into glass and top with 3 cl fresh cream; serve hot.

Image Map Plugin Features


Draw Attention works on all devices and adjusts your image to screens of any size. Works great on touch screens, too.


Draw Attention is progressively enhanced and built according to web standards and best practices. The code is high-quality and carefully tested.


Your content is accessible to screen readers. All highlightable areas can be accessed by keyboard commands. Anyone on any device can use your interactive image.

Use Anywhere

Place your image into any page or post with a simple shortcode, or use our convenient Beaver Builder module. Easy to display wherever you’d like!

Delight and engage your users

Join the 20,000+ designers and web developers who use Draw Attention to build interactive content on WordPress faster and better than ever before.

Illustration of an arrow and the phrase, "It's worth a try".

No risk, no questions asked. 30-day money-back guarantee.