Chocolate Eclair Cake Recipe (2024)

By Laura

Posted Apr 02, 2021, Updated Mar 01, 2024

5 from 16 votes

9 Comments

Jump to Recipe

This post may contain affiliate links. Please read our disclosure policy.

The best eclair cake recipe! A delicious eclair filling sits between two layers of homemade choux pastry topped with a rich, from-scratch chocolate frosting. Chocolate eclair cake is a special dessert, perfect for any occasion.

Chocolate Eclair Cake Recipe (2)

I did something pretty great – I took our famous homemade eclairs(recipe created by my mother-in-law and enjoyed for decades) and turned them into the best eclair cake ever. Which means that you get the amazing taste and texture of eclairs without having to make, fill and frost individual shells – a total time saver.

In this chocolate eclair cake recipe, a delicious eclair filling sits between two layers of homemade choux pastry topped with a rich, from-scratch chocolate frosting. This chocolate eclair cake is a special dessert for any occasion, along with this delicious tiramisu recipe! Yum!

Chocolate Eclair Cake Recipe (3)

Eclair Cake: Ingredients & Substitutions

Let’s chat about the ingredients as well as possible substitutions in the components of this eclair cake recipe – choux pastry, eclair filling and chocolate frosting.

Chocolate Eclair Cake Recipe (4)
  • Choux Pastry: Youcan substitute store-bought puff pastry or graham crackers for this layer if you want to make this eclair cake recipe even easier.
    • Salted butter.Unsalted butter can be used instead if desired.
    • Fine sea salt.regular table salt can be used in place of sea salt.
  • Instant French vanilla pudding. While youcan substitute instant vanilla pudding – I don’t recommend it. The french vanilla is what makes the eclair cake filling so delicious.
  • Whole milk.You can substitute 2% milk, but nothing with a lower fat content.
  • Chocolate Frosting: you can substitute store-bought frosting to make this eclair cake recipe easier, but nothing beats homemade.
    • Salted butter.Unsalted butter can be used instead if desired.
    • Whole milk.2% milk, heavy cream or half and half are good substitutes.
Chocolate Eclair Cake Recipe (5)

How to Make Eclair cake

This eclair cake recipe has 3 components that each take time to make but aren’t very complicated. Follow the step-by-step instructions below if you have any questions,a nd don’t forget to watch the video.

Make the Puff Pastry (AKA: Choux Pastry)

Once the eclair filling is chilling in the fridge, it’s time to make the pastry layers! Instead of making shells like in our eclair recipe, this eclair cake calls for two layers of pastry. One is baked directly in the pan and one is baked on a separate baking sheet to use at the top.

The first step in making Choux pastry is making a panade, which is just a starchy thickener. To do this, start by melting butter, salt and water together.

Chocolate Eclair Cake Recipe (6)

Once the butter is melted, add the flour all at once and whip it with a wooden spoon until it forms a ball.

Chocolate Eclair Cake Recipe (7)

Transfer it from the hot pan to the bowl of a standing mixer to cool. The panade needs to cool before the eggs are added so they don’t cook when they hit the hot dough!

Chocolate Eclair Cake Recipe (8)

Once the dough is cooled, beat the eggs in one at a time until the batter is smooth and thick.

If the batter is not thick enough to hold its shape when spread into the pan, you will need to add more flour. I have had to adjust the amount of flour if my eggs are larger than normal and my batter comes out too thin! Add 1 TBS at a time as needed. The dough should be slightly runny, but still hold its shape when spread into the pan.

Chocolate Eclair Cake Recipe (9)

Prepare the Baking Pans

Trace the bottom of an 9×13” baking pan on a piece of parchment paper, then put the parchment paper on a separate large baking sheet.

Chocolate Eclair Cake Recipe (10)

Spread about 1 ¼ cups of batter into the rectangle traced on the parchment. Leaving about a ½” border from the edge.

Spread the remaining batter in an ungreased, 9×13” baking pan (the one used to trace onto the paper). Spread it on the bottom and up the sides slightly.

Chocolate Eclair Cake Recipe (11)

Bake

Bake the pastry layers for 15-25 minutes, or until set and very slightly golden-brown. NOTE: The pastry layer on the parchment paper/baking sheet will bake faster (in about 15 minutes) than the bottom layer in the glass baking dish (25 minutes) so watch them carefully.

Once baked, remove the pastry layers from the oven and gently press down any air bubbles formed. Then, transfer the rectangle from the baking sheet to a wire rack to cool and let baking pan cool completely.

Once cooled, trim the puff pastry layer made for the top to fit the top of the cake.

Chocolate Eclair Cake Recipe (12)

Make the Eclair Cake Filling

While the pastry layers are baking and/or cooling, make the eclair cake filling. Begin by mixing together the French vanilla pudding and milk, then let the mixture chill in the refrigerator until it becomes thick (about 5 minutes).

Chocolate Eclair Cake Recipe (13)

Combine the whipping cream, vanilla and powdered sugar in the bowl of a standing mixer and whip on high speed until firm peaks form and hold their shape.

Chocolate Eclair Cake Recipe (14)

Fold the pudding and whipped cream mixture together, then set aside in the refrigerator while you make the frosting.

Chocolate Eclair Cake Recipe (15)

Make the Chocolate Frosting

While the pastry layers are baking and/or cooling, make the chocolate eclair cake frosting. In the bowl of a standing mixer fitted with the paddle attachment, or in a large bowl with a hand-held mixer, beat butter vanilla and sea salt until fluffy (about 60-90 seconds).

Add 1 cup powdered sugar and cocoa powder and beat until combined.

Chocolate Eclair Cake Recipe (16)

Once combined, add the remaining powdered sugar and milk and beat until light and fluffy. Then, set the frosting aside and leave at room temperature for easy spreading.

Chocolate Eclair Cake Recipe (17)

Assemble & Chill

Now that you have made all three layers, it’s time to put this eclair cake together.

First, spread the filling in an even layer into the cool puff pastry base in the 9×13” pan. Then, place the top layer over the filling, and trim off any excess so it fits well.

Chocolate Eclair Cake Recipe (18)

Next, spread the chocolate frosting over the top of the cake and in an even layer.

Chill the assembled eclair cake for at least 6 hours, or overnight.

Chocolate Eclair Cake Recipe (19)

Serve

Cut into squares of your desired size and serve. I recommend removing the eclair cake from the refrigerator about 10 minutes before serving just so the frosting softens up a little, but that is not necessary.

Chocolate Eclair Cake Recipe (20)

Store

Store any leftover eclair cake in an airtight container in the refrigerator for up to 5 days.

Freeze

You can also freeze this chocolate eclair cake in two ways

  1. Freeze the entire cake. Make the eclair cake and instead of chilling in the refrigerator, wrap it tightly or place a lid over the 9×13″ baking pan and put it in the freezer. The day before you are ready to serve, transfer the eclair cake to the refrigerator to thaw.
  2. Freeze individual portions.If you have leftovers, cut them into individual portions, place them spaced out on a baking sheet and put them in the freezer to harden. Once frozen, wrap in plastic wrap and transfer the pieces to an airtight container to freeze for up to 2 months.
Chocolate Eclair Cake Recipe (21)

Eclair Cake FAQs

How long does eclair cake last?

This recipe lasts for up to 5 days in the refrigerator or up to 2 months in the freezer.

Can I make this recipe in advance?

Yes! You can make it the day before you plan to serve it and store it covered in plastic wrap in the refrigerator. You can also make up to 2 months in advance and store it in the freezer.

Chocolate Eclair Cake Recipe (22)

If you make and love our recipes, it would mean so much to me if you would leave a comment and rating! And don’t forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube – be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can see your creations!

Chocolate Eclair Cake Recipe (23)

Chocolate Eclair Cake Recipe (24)

SavePinPrint

Chocolate Eclair Cake Recipe

Laura

The best eclair cake recipe! A delicious eclair filling sits between two layers of homemade choux pastry topped with a rich, from-scratch chocolate frosting. Chocolate eclair cake is a special dessert, perfect for any occasion.

5 from 16 votes

Course cake, Dessert

Cuisine American, French

Servings 24 Servings

Calories 283

Prep Time25 minutes minutes

Cook Time25 minutes minutes

Chilling6 hours hours

Total Time6 hours hours 50 minutes minutes

Ingredients

Eclair Cake Filling:

Pastry layers:

Chocolate Frosting:

Instructions

Make the Eclair Filling

  • Mix together the French vanilla pudding and milk. Set aside in the refrigerator until it becomes thick (about 5 minutes).

  • Combine the whipping cream, vanilla and powdered sugar in the bowl of a standing mixer and whip on high speed until firm peaks form and hold their shape.

  • Fold the pudding and whipped cream mixture together.

  • Cover and set aside in the refrigerator.

Make the Choux Pastry

  • Preheat oven to 400 degrees F. Trace the bottom of an 9×13” baking pan on a piece of parchment paper, put the parchment paper on a separate large baking sheet, set aside.

  • Add water, salt and butter to a 4-quart saucepan. Heat water salt and butter to boiling. Continue to boil the mixture until the butter is melted.

  • Add the flour to the saucepan all at once and whip with wooden spoon. Mixture will form a ball in middle of the pan.

  • Transfer to the bowl of a standing mixer to cool for about 5 minutes stirring to cool faster.

  • Add eggs one at a time beating thoroughly on high speed for 15-30 seconds between eggs. Batter should be easy to spread but not liquidy.

  • Spread about 1 ¼ cups of batter into the rectangle traced on the parchment. Leaving about a ½” border from the edge.

  • Spread the remaining batter in an ungreased, 9×13” baking pan (the one used to trace onto the paper). Spread it on the bottom and up the sides slightly.

  • Bake in preheated oven for 15-25 minutes, or until set and very light golden-brown – the top layer on the parchment paper will bake faster (in about 15 minutes) than the bottom layer in the glass baking dish (25 minutes).

  • Remove from oven and gently press down any air bubbles formed.

  • Transfer the rectangle from the baking sheet to a wire rack to cool.

  • Let baking pan cool completely.

Make the Chocolate Frosting

  • In the bowl of a standing mixer fitted with the paddle attachment, or in a large bowl with a hand-held mixer, beat butter vanilla and sea salt until fluffy (about 60-90 seconds).

  • Add 1 cup powdered sugar and cocoa powder and beat until combined.

  • Add remaining powdered sugar and milk and beat until light and fluffy.

  • Set aside and leave at room temperature for easy spreading.

Assemble the Eclair Cake

  • Spread the filling in an even layer into the cool puff pastry base in the 9×13” pan.

  • Trim the puff pastry layer made for the top to fit the top of the cake and place it on top of the filling.

  • Spread the chocolate frosting over the top of the cake and in an even layer.

Chill & Serve

  • Chill for at least 6 hours, or overnight.

  • Cut into square pieces and serve.

Video

Notes

Ingredient Substitutions

  • Choux Pastry: You can substitute store-bought puff pastry or graham crackers for this layer if you want to make this eclair cake recipe even easier.
    • Salted butter.Unsalted butter can be used instead if desired.
    • Fine sea salt.regular table salt can be used in place of sea salt.
  • Instant French vanilla pudding. While youcan substitute instant vanilla pudding – I don’t recommend it. The french vanilla is what makes the eclair cake filling so delicious.
  • Whole milk.You can substitute 2% milk, but nothing with a lower fat content.
  • Chocolate Frosting: you can substitute store-bought frosting to make this eclair cake recipe easier, but nothing beats homemade.
    • Salted butter.Unsalted butter can be used instead if desired.
    • Whole milk.2% milk, heavy cream or half and half are good substitutes.

Store

Store any leftover eclair cake in an airtight container in the refrigerator for up to 5 days.

Freeze

  1. Freeze the entire cake. Make the eclair cake and instead of chilling in the refrigerator, wrap it tightly or place a lid over the 9×13″ baking pan and put it in the freezer. The day before you are ready to serve, transfer the eclair cake to the refrigerator to thaw.
  2. Freeze individual portions.If you have leftovers, cut them into individual portions, place them spaced out on a baking sheet and put them in the freezer to harden. Once frozen, wrap in plastic wrap and transfer the pieces to an airtight container to freeze for up to 2 months.

Nutrition

Serving: 1slice | Calories: 283kcal | Carbohydrates: 26g | Protein: 4g | Fat: 19g | Saturated Fat: 11g | Cholesterol: 96mg | Sodium: 168mg | Potassium: 84mg | Fiber: 1g | Sugar: 18g | Vitamin A: 683IU | Vitamin C: 1mg | Calcium: 51mg | Iron: 1mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Did you enjoy this recipe? Have a question? Leave a comment below!

try these recipes

The Best Oreo Dirt Cake

The Best Eclairs Recipe

Best Tiramisu Recipe

Chocolate Pudding

Best Oreo Pie Recipe

French Silk Pie

Chocolate Eclair Cake Recipe (2024)

FAQs

What is chocolate eclair cake made of? ›

To make this super easy dessert, you only need five simple ingredients: graham crackers, milk, heavy cream, vanilla pudding mix, and chocolate chips. Yes, I know instant pudding mix isn't the most glamorous ingredient, but I said this was an easy recipe. There is nothing as easy as instant pudding mix.

What is éclair filling made of? ›

Assembling the Éclairs

Chantilly cream (French whipped cream for éclairs) – Simply beat together cream, vanilla, icing sugar (powdered sugar) and, if using the stabilised cream option which I highly recommend (see below), mascarpone as well until firm peaks form.

Why is it called chocolate éclair? ›

In French the word "éclair" means "flash." Although the exact reason for naming this dessert remains unclear, many believe it's because it describes how quickly these treats vanish if not guarded.

What pastry is chocolate eclairs made from? ›

Choux pastry is used as a base for many desserts, such as eclairs, churros, cream puffs, profiteroles, Paris-brests, gougeres and croquembouches.

What is the difference between a cream puff and an éclair? ›

The main differences between the three include the shape and serving method. Eclairs: Oblong choux pastry filled with cream and topped with a glaze or icing. Cream Puffs: Round choux pastry puffs filled with pastry cream and topped with icing or dusted with powdered sugar.

What is the difference between chocolate eclair and Boston cream pie? ›

In doughnuts, you typically get Boston creme, Custard and bavarian cream as all being the same exact filling. They're just called different things. Eclairs however aren't typical dough based doughnuts but more like flake pastries that are filled with a whipped filling of you want to get technical.

Can I make éclairs the night before? ›

Yes! Since the éclair cake is served chilled, it's the perfect make-ahead dessert. You can store it for up to five days, but it will be best in the first day or two — the graham crackers will likely become a bit soggy over time.

Are éclairs and long johns the same? ›

In other parts of the United States and Canada, such as the Mid-Atlantic and Central Canada, Long Johns are sometimes marketed as "éclairs"; the two pastries look similar but are created with different types of dough (steam-puffed vs. yeast-risen) and sometimes different fillings (the éclair may have chiboust cream).

What is Bavarian cream filling made of? ›

Bavarian Cream is made from a Crème Anglaise base (milk, vanilla, egg yolks and sugar), thickened with Gelatine and lightened with Whipped Cream. Pastry Cream (or Crème Pâtissière) is relatively similar to a Crème Anglaise but is thickened on the stove with Cornstarch (or sometimes flour).

Why are éclairs so expensive? ›

As Serious Eats reported, luxury eclairs are the result of French chefs facing competition, and putting their skills to the test, which explains the high-end fillings and intricate decoration. For now, the Maitre Choux versions are made in the tiny kitchen beneath the shop.

What's the difference between an éclair and a French éclair? ›

An American eclair is made from frozen ingredients such as frozen pre-separated egg whites and yolks and frozen pre-made cream. A French eclair is fresh: freshly separated eggs, freshly stirred creme, freshly picked or ground ingredients.

What ethnicity are éclairs? ›

Éclair
Éclairs at Fauchon in Paris
TypePastry
Place of originFrance
Associated cuisineFrench cuisine
Main ingredientsChoux pastry, flavoured cream filling, icing
1 more row

How to stop eclairs from going soggy? ›

Poke holes in the bottom after baking so the steam can be released. This will prevent them from getting soggy. Eclairs are best when served within a few hours of assembly. If you have to they are still delicious the next day.

Why do my eclairs crack? ›

Why did my eclairs crack? Choux pastry can crack due to either air bubbles or sudden changes in temperature. Make sure you knock out air bubbles before piping the eclairs, and do not open the oven door for at least 30 minutes into baking.

Why didn't my eclairs puff up? ›

Choux pastries (i.e. cream puffs, eclairs, etc.) won't rise if the oven temperature is too low. For the pastries to rise properly, the temperature needs to be really high at first so that the steam builds up inside of the dough and causes them to rise and hollow out.

What does eclairs chocolate contain? ›

GLUCOSE SYRUP, SUGAR, MILK SOLIDS, VEGETABLE OIL, COCOA BUTTER, COCOA MASS, EMULSIFIERS (471, 442, SUNFLOWER LECITHIN), SALT, FLAVOURS, ACIDITY REGULATOR (500). MILK CHOCOLATE CONTAINS COCOA SOLIDS 25%, MILK SOLIDS 22%. CONTAINS MILK.

What is eclair paste made of? ›

Choux paste – Éclair Paste – La Pate a Choux

In a saucepan bring to a boil the water, milk, sugar, salt and butter. Remove from heat and immediately add the sifted flour. Stir well until combined. Return to heat and stir until the dough releases from the sides and bottom.

What is the chocolate eclair ice cream made of? ›

Skim Milk, Sugar, Wheat Flour, Water, Whey, Corn Syrup, Soybean Oil, Coconut Oil, Buttermilk, Dairy Product Solids, Cocoa Processed with Alkali, Canola Oil, Cream, Milk, Contains 1% or less of Artificial and Natural Flavors, Maltodextrin, Soy Lecithin, Salt, Baking Soda, Mono and Diglycerides, Tara Gum, Guar Gum, ...

References

Top Articles
Latest Posts
Article information

Author: Rueben Jacobs

Last Updated:

Views: 6545

Rating: 4.7 / 5 (57 voted)

Reviews: 80% of readers found this page helpful

Author information

Name: Rueben Jacobs

Birthday: 1999-03-14

Address: 951 Caterina Walk, Schambergerside, CA 67667-0896

Phone: +6881806848632

Job: Internal Education Planner

Hobby: Candle making, Cabaret, Poi, Gambling, Rock climbing, Wood carving, Computer programming

Introduction: My name is Rueben Jacobs, I am a cooperative, beautiful, kind, comfortable, glamorous, open, magnificent person who loves writing and wants to share my knowledge and understanding with you.