Butterbeer Recipe (Non-Alcoholic)

This post may contain affiliate links.

My homemade non-alcoholic butterbeer mocktail consists of simple ingredients such as cream soda, a rich homemade butterscotch syrup, and a cloud of whipped butter cream on top. It takes about 20 minutes from start to finish, and the result is sweet, buttery, frothy, and exactly as indulgent as it sounds.

My First Experience with Butterbeer

My first butterbeer was at the Wizarding World of Harry Potter at Universal Studios – sweet, frothy, and completely unlike anything else I’d ever had at a theme park. It was the kind of drink that stays with you. Then I had it again at the Harry Potter Studio Tour in London, sipping it between the immersive sets, and that sealed it. I needed to be able to make this at home.

After a bit of experimenting, I landed on this version – and honestly, it’s everything the original is. The secret is the homemade butterscotch syrup. Store-bought butterscotch sauce gets you partway there, but making your own takes ten minutes, and the depth of flavour is in a completely different league.

Notes on The Flavour Profile

There are three components that come together to make this drink, and each one plays a distinct role.

The butterscotch syrup is where most of the flavour lives. Butter, brown sugar, heavy cream, a pinch of salt, a tiny splash of lemon juice, and vanilla – cooked together until thick and glossy. The lemon juice might seem unexpected, but it balances the richness of the butter and sugar and stops the whole thing from tasting one-dimensional. The vanilla goes in at the very end, off the heat, so it stays fragrant rather than cooking off. Watch this syrup carefully – stir it often, scrape the sides, and don’t walk away. It goes from perfect to bitter very quickly if it burns.

Cream soda is the base that carries everything. Its gentle sweetness and natural vanilla notes are what make it the ideal partner for butterscotch – no other fizzy drink works as well here. Pour it slowly over the syrup and stir as you go, so the syrup dissolves evenly rather than sinking in a clump at the bottom.

The whipped butter cream on top is what makes this drink look and taste like the real thing. It’s not just whipped cream — a small spoonful of melted butter gets folded in, which gives it that unmistakable buttery richness that sets butterbeer apart from every other frothy drink. Don’t skip it. It’s the whole point.

Preparation Tips

• Watch the butterscotch syrup closely — stir it frequently and scrape the sides of the pan. It burns quickly and burnt syrup turns bitter with no way to fix it.
• Don’t overcook the syrup. Four minutes is enough — remember it continues to thicken as it cools, so pull it off the heat while it still looks a little looser than you want.
• For a hot butterbeer, gently warm the cream soda in a small saucepan before assembling. For cold, make sure the cream soda is well-chilled straight from the fridge.
• The butterscotch syrup can be made up to a week in advance and stored in a sealed jar in the fridge. Warm it slightly before using if it has set too firm.
• If you’re making this for a larger group, double or triple the butterscotch syrup recipe — you’ll go through it faster than you think.
• Add the cream soda gradually and stir as you pour to ensure the butterscotch dissolves evenly throughout the drink rather than pooling at the bottom.

More Sweet Recipes You Will Love

• Creamy Fruit Mocktail – light, tropical, and beautiful in a glass
• Mango Smoothie with Milk – silky, sweet, and endlessly satisfying
• Non-Alcoholic Hot Toddy – warm, spiced, and deeply comforting
• Mexican Hot Chocolate – rich, fragrant, and great for cold evenings

If you tried this recipe, please leave a star ⭐️⭐️⭐️⭐️⭐️ rating in the recipe card below – and tell me in the comments whether you served yours hot or cold.

Easy Homemade Butterbeer (Non-Alcoholic)

A creamy, frothy, butterscotch-rich drink made from scratch with homemade butterscotch syrup, cream soda, and a cloud of whipped butter cream.

Print Recipe Pin Recipe

Total Time 20 minutes mins

Servings: 2

Course: Drinks

Calories: 380

Ingredients Method Notes

Ingredients

  

Butterscotch Syrup

• 2 tablespoons unsalted butter
• ¼ cup brown sugar
• ¼ cup heavy whipping cream
• ½ teaspoon lemon juice
• ¼ teaspoon salt
• 1 teaspoon vanilla extract

Whipped Butter Cream

• ½ cup heavy whipping cream
• 3 tablespoons powdered sugar adjust to taste
• ½ tablespoon unsalted butter melted

Others

• 1 –2 bottles cream soda chilled (or warmed, depending on preference)
• Extra butterscotch syrup drizzled on top for garnish optional

Method

 

Make the Butterscotch Syrup

1. In a small saucepan over medium heat, melt the butter. Add the brown sugar, heavy cream, salt, and lemon juice and stir until everything is well combined.
2. Bring to a gentle simmer and cook for 4 minutes, stirring often and scraping down the sides to prevent burning. The syrup is ready when it has thickened noticeably.
3. Remove from heat and stir in the vanilla extract. Set aside to cool slightly. Keep in mind it will thicken further as it cools — if it gets too thick to use, warm it gently before assembling.
   

Make the Whipped Butter Cream

1. In a bowl, combine the heavy whipping cream and powdered sugar. Using a hand mixer or whisk, whip until soft or stiff peaks form — the choice is yours depending on how thick you like the topping.
2. Fold in the melted butter gently until just combined. Don’t overmix.
   

Final Steps

1. Add about 1½ tablespoons of butterscotch syrup to each glass. Pour in a small splash of cream soda first and stir until the syrup is fully dissolved, then pour in the rest of the cream soda slowly while continuing to stir.
2. Spoon the whipped butter cream generously over the top. Drizzle with a little extra butterscotch syrup if you’d like, and serve immediately.
   

Notes

Serving: 1 butterbeer | Calories: ~380kcal | Carbohydrates: ~42g | Sugar: ~40g | Fat: ~24g | Saturated Fat: ~15g | Protein: ~1g | Sodium: ~120mg

Nutritional values are estimates only.