Two mugs of rich stovetop hot chocolate topped with marshmallows and a dusting of cocoa, steam rising, pan of hot chocolate in the background
Hot Chocolate Recipes

15 Stovetop Hot Chocolate Recipes Step by Step

15 min

Total Time

Beginner

Skill Level

Hot Drinks & Cocoa

Best For

Serves 4

Serving

Ella Martin

Ella Martin

Recipe Editor

Ingredients 4 Person(s)

Save this for later 📌

Pin this article to your Pinterest board so the full list is one tap away when you need it.

Save on Pinterest

Directions

Step 1: Measure the Dry Ingredients

hot chocolate recipes stovetop recipe step 1

In a small bowl, whisk together the cocoa powder, caster sugar and cornflour until no lumps remain. Sifting the cocoa first helps, since it clumps easily and lumps are much harder to smooth out once liquid is added. Set this dry mix aside within reach of the stove.

Step 2: Make a Cocoa Paste

hot chocolate recipes stovetop recipe step 2

Splash 60ml (1/4 cup) of the milk into the dry mix and whisk into a smooth, thick paste with no dry pockets. Building the paste before adding the rest of the milk is the single biggest trick for lump-free hot chocolate. It should look like glossy chocolate frosting at this stage.

Step 3: Warm the Remaining Milk and Cream

hot chocolate recipes stovetop recipe step 3

Pour the remaining milk and the double cream into a heavy-based saucepan set over medium-low heat. Warm gently for 2-3 minutes, stirring occasionally, until steam rises and small bubbles form at the edge of the pan, but do not let it boil.

Step 4: Whisk the Paste into the Warm Milk

hot chocolate recipes stovetop recipe step 4

Pour the cocoa paste into the warm milk in a steady stream while whisking constantly. Whisk for about 30 seconds until the mixture is a uniform light brown with no streaks of paste visible.

Step 5: Add the Salt

hot chocolate recipes stovetop recipe step 5

Whisk in the pinch of salt now, while the mixture is still thin enough to combine easily. Salt sharpens the chocolate flavour and stops the drink tasting flat or one-note.

Step 6: Bring to a Gentle Simmer

hot chocolate recipes stovetop recipe step 6

Keep the heat at medium-low and let the mixture come up to a gentle simmer, around 80°C (176°F), which takes 3-4 minutes. You want lazy bubbles just breaking the surface at the edges, never a rolling boil.

Step 7: Add the Chopped Chocolate

hot chocolate recipes stovetop recipe step 7

Scatter the chopped dark chocolate into the pan a handful at a time, whisking between additions so each batch melts before the next goes in. This takes about 2 minutes total and gives the drink its glossy, rich body.

Step 8: Whisk Until Fully Smooth

hot chocolate recipes stovetop recipe step 8

Whisk continuously for another 1-2 minutes until the surface looks completely smooth and slightly thickened, with no visible flecks of chocolate. The mixture should coat the back of a spoon lightly.

Step 9: Check the Consistency

hot chocolate recipes stovetop recipe step 9

Dip a spoon in and run a finger across the back; the line should hold briefly rather than vanish instantly. If it feels too thick, whisk in a splash more warm milk; if too thin, simmer for another minute, whisking often.

Step 10: Stir in the Vanilla

hot chocolate recipes stovetop recipe step 10

Remove the pan from direct heat for a moment and stir in the vanilla extract. Adding it off the heat protects its aroma, which cooks off quickly if left simmering.

Step 11: Taste and Adjust

hot chocolate recipes stovetop recipe step 11

Taste a small spoonful once it has cooled slightly and adjust with an extra teaspoon of sugar if you prefer it sweeter, or a touch more chopped chocolate for a deeper flavour. Whisk in any additions for 20-30 seconds to fully combine.

Step 12: Warm the Mugs

hot chocolate recipes stovetop recipe step 12

While the hot chocolate finishes, rinse your serving mugs with hot tap water and tip out. Warmed mugs keep the drink hotter for longer and stop the first sip losing all its heat to a cold ceramic wall.

Step 13: Froth the Top

hot chocolate recipes stovetop recipe step 13

Give the pan one final vigorous whisk for 15-20 seconds, or blitz briefly with a milk frother, to build a light foam layer on the surface. This step is what makes stovetop hot chocolate feel cafe-style rather than flat.

Step 14: Pour into the Mugs

hot chocolate recipes stovetop recipe step 14

Pour immediately into the warmed mugs, filling to about 1cm (0.4in) below the rim to leave room for toppings. Divide evenly between mugs so each serving gets a fair share of the foam.

Step 15: Top and Serve

hot chocolate recipes stovetop recipe step 15

Finish each mug with mini marshmallows or a swirl of whipped cream and a light dusting of cocoa powder if you like. Serve straight away while the drink is at its hottest and the foam is still sitting proud on top.

Pro Tips for Perfect Stovetop Hot Chocolate

Close-up of a whisk lifting a ribbon of glossy melted chocolate through hot milk in a saucepan

Use a heavy-based pan rather than a thin one, as it spreads heat evenly and stops the cocoa catching on the bottom. Keep the heat at medium-low the whole time; hot chocolate that boils hard tends to split the fats and turn grainy instead of smooth. A mix of cocoa powder and chopped chocolate gives the best of both worlds, with the cocoa carrying deep flavour and the chocolate adding body and shine. Always whisk rather than stir, since the extra agitation dissolves the cocoa fully and builds a light foam on top.

Make It Ahead and Batch Tips

Mason jar of stovetop hot chocolate base being poured into a saucepan for reheating

The base can be made up to 4 days ahead and kept in a sealed jar in the fridge, then reheated gently in a pan over low heat while whisking so it doesn't split. For a party, double or triple the recipe in a large pot and hold it on the lowest simmer, whisking every 10 minutes so a skin doesn't form. If it thickens too much on standing, whisk in a splash of warm milk until it loosens back to a pourable consistency. Freeze leftover cocoa base in an ice cube tray for up to 2 months, then melt a few cubes into a mug of warm milk for a quick single serving.

Learn how to make silky hot chocolate recipes stovetop with real cocoa, melted chocolate and warm milk in just 15 minutes. For more hot chocolate recipes inspiration, browse the full Hot Chocolate Recipes board — every idea there is written for real home kitchens, not professional bakers.

Frequently Asked Questions

The best method is to whisk cocoa powder into a small amount of milk first to form a smooth paste, then gradually whisk in the rest of the warm milk before melting in chopped chocolate. Keeping the heat at medium-low and whisking constantly prevents lumps and stops the milk catching on the base of the pan. Adding a splash of cream and a pinch of salt rounds out the flavour and gives a richer, silkier texture than water alone. This method takes about 15 minutes from start to finish and produces a noticeably smoother drink than mixing a sachet with hot water.

Ella Martin

Written by

Ella Martin

Ella Martin is a home recipe writer who loves simple party food, creative cakes, comfort dishes, and desserts that look beautiful in photos without being complicated at home.

Related Recipes

Save this for later 📌

Pin this article to your Pinterest board so the full list is one tap away when you need it.

Save on Pinterest

Get simple food ideas in your inbox.

Cakes, desserts, party bites, and cozy recipes you can save for later.

Explore Popular Tags

From easy cakes to party bites, our popular tags make it easy to explore ideas with one click.