Gooey Caramel Shortbread Squares Recipe – Easy Chocolate Layer Bars

12 min prep 30 min cook 12 servings
Gooey Caramel Shortbread Squares Recipe – Easy Chocolate Layer Bars
Save This Recipe!
Click to save for later - It only takes 2 seconds!

It was a crisp autumn afternoon, the kind where the wind carries a faint hint of toasted marshmallows and the kitchen feels like the coziest nook in the house. I was rummaging through my pantry, trying to decide what sweet treat would pair perfectly with a steaming mug of chai, when a memory of my grandmother’s old recipe box fluttered to the surface. Inside that battered tin, tucked between a lemon drizzle cake and a batch of buttery shortbread, was a handwritten note that read, “Gooey Caramel Shortbread Squares – the ultimate chocolate‑layered indulgence.” The moment I unfolded the paper, the scent of caramel seemed to drift out, and I knew I had to bring this treasure back to life for my own family.

Picture this: a buttery shortbread base that crumbles delicately in your hand, a thick, amber caramel that oozes like liquid gold when you break the square, and a glossy chocolate top that snaps satisfyingly under the bite. The layers are distinct yet harmonious, each one playing its own role in a symphony of sweet, salty, and buttery flavors. As the caramel sets, it creates little pockets of caramelized bliss that melt on your tongue, while the chocolate adds a subtle bitterness that cuts through the richness, leaving you craving just one more bite. Have you ever wondered why a dessert that looks so simple can feel so decadent? The secret lies in the balance of textures and the precise technique behind each layer.

But wait—there’s more to this story than just a delicious dessert. I’m about to share the exact method that turned a humble family recipe into a crowd‑pleasing showstopper at my holiday gatherings, and I’ll also reveal a few shortcuts that will save you time without sacrificing any of that melt‑in‑your‑mouth magic. Imagine serving these squares at your next brunch or after‑dinner coffee, watching eyes light up as the chocolate glistens and the caramel drips. The best part? This recipe is forgiving enough for beginners yet sophisticated enough to impress even the most discerning palate.

Here’s exactly how to make it — and trust me, your family will be asking for seconds. From the moment you whisk the flour into the butter, to the point where the caramel bubbles and the chocolate sets into a velvety sheen, each step is an invitation to create something unforgettable. So roll up your sleeves, preheat that oven, and let’s dive into the gooey, buttery goodness that awaits. Ready? Let’s get started.

🌟 Why This Recipe Works

  • Flavor Depth: The combination of sweetened condensed milk and brown sugar creates a caramel that is both rich and nuanced, with caramelized notes that develop during the gentle simmer. Adding a pinch of sea salt amplifies the sweetness and introduces a subtle savory contrast that keeps the palate intrigued.
  • Texture Harmony: The shortbread base, thanks to the cornstarch, is tender and crumbly, while the caramel layer provides a gooey, almost liquid center. The chocolate topping solidifies into a firm snap, offering a satisfying contrast to the soft interior.
  • Ease of Execution: Despite its gourmet appearance, the recipe uses pantry staples and requires only basic kitchen tools—no fancy equipment needed. Each layer can be prepared while the previous one rests, making the process flow smoothly.
  • Time Efficiency: With a total time of under an hour, you can whip up these bars for a last‑minute gathering or a spontaneous sweet craving. The caramel cooks quickly once it reaches the right temperature, and the chocolate sets in minutes.
  • Versatility: This base can be customized with add‑ins like toasted nuts, espresso powder, or even a drizzle of sea‑salt caramel for a gourmet twist. It also freezes well, allowing you to make a batch ahead of time.
  • Ingredient Quality: Using high‑quality butter, such as Kerrygold, and premium chocolate like Ghirardelli ensures that each bite feels luxurious. The recipe highlights how premium ingredients elevate a simple dessert.
  • Crowd‑Pleasing Factor: The visual appeal of a glossy chocolate top with a caramel swirl is instantly Instagram‑worthy, while the flavor profile satisfies both kids and adults. It’s a guaranteed hit at parties, potlucks, or a quiet night in.
  • Nutrition Balance: While indulgent, the recipe offers a modest portion size and can be paired with fresh fruit to add a refreshing contrast. The use of powdered sugar instead of granulated sugar in the base keeps the sweetness refined.
💡 Pro Tip: For an extra buttery flavor, let the shortbread dough rest in the refrigerator for 20 minutes before baking. This short chill relaxes the gluten and results in a more tender crumb.

🥗 Ingredients Breakdown

The Foundation – Shortbread Base

All‑purpose flour (240g / 2 cups): This is the backbone of the shortbread, providing structure and a neutral canvas for the butter’s richness. I always sift it with the cornstarch to ensure an even distribution and a lighter texture. If you’re aiming for a gluten‑free version, a blend of rice flour and almond flour works surprisingly well, though the crumb will be slightly denser.

Cornstarch (20g / 2 tbsp): The secret to that melt‑in‑your‑mouth shortbread is the addition of cornstarch, which interferes with gluten formation and creates a tender, almost powdery crumb. It’s a trick I learned from French pâtisserie, where they often use rice flour for the same effect. Don’t skip this step, or you’ll end up with a tougher base.

Unsalted butter, softened (170g / 3/4 cup): I swear by Kerrygold for its creamy mouthfeel and slight caramel notes. The butter should be softened to room temperature, not melted, so it can be creamed with the powdered sugar to trap air, giving the shortbread a delicate lift. If you’re using a lower‑fat butter, add an extra tablespoon of cream to compensate.

Powdered sugar (60g / 1/2 cup): This fine sugar dissolves completely, preventing any grainy texture in the base. It also adds a subtle sweetness that balances the buttery flavor without overwhelming the caramel later. For a slightly caramelized edge, you could swap half of it for brown sugar, but be prepared for a deeper flavor.

Fine sea salt (1/2 tsp): A pinch of salt is essential to bring out the depth of the butter and to contrast the sweet caramel later. I prefer a fine sea salt because it distributes evenly without leaving crunchy bits. If you love a salty‑sweet combo, sprinkle a tiny pinch of flaky sea salt on the shortbread before baking.

Vanilla extract (1 tsp): This adds a warm, aromatic backdrop that ties the entire bar together. Pure vanilla extract is best; avoid imitation for a more authentic flavor. A splash of bourbon or rum can also be added for an adult‑only twist.

The Golden Heart – Gooey Caramel Layer

Sweetened condensed milk (397g / 14 oz can): This pantry staple is the liquid gold that turns into caramel with just a bit of heat. Its high sugar content ensures a smooth, glossy finish without crystallizing. If you’re looking for a lower‑sugar option, use a reduced‑sugar condensed milk, but expect a slightly thinner caramel.

Unsalted butter (60g / 1/4 cup): Adding butter to the caramel gives it a silky texture and a rich, buttery flavor that pairs perfectly with the shortbread. Use the same high‑quality butter as the base for consistency.

Light brown sugar (100g / 1/2 cup packed): The molasses in brown sugar deepens the caramel’s flavor, giving it that unmistakable amber hue. Pack it firmly to ensure you get the right amount of moisture.

Golden syrup or light corn syrup (60ml / 1/4 cup): This ingredient prevents the sugar from crystallizing, keeping the caramel smooth and pourable. If you can’t find golden syrup, a light honey works in a pinch, though it adds a subtle floral note.

Vanilla extract (1 tsp): A second splash of vanilla amplifies the caramel’s aroma, making the kitchen smell like a candy shop. I sometimes add a pinch of espresso powder to the caramel for a hidden depth.

Fine sea salt (1/4 tsp): A smaller pinch than in the shortbread, this salt highlights the caramel’s sweetness and adds a sophisticated salty‑sweet balance. It’s the tiny detail that turns good caramel into great caramel.

The Velvet Crown – Chocolate Layer

Semi‑sweet or bittersweet chocolate chips (170g / 1 cup): I prefer Ghirardelli for its glossy finish and balanced bitterness, but any good-quality chocolate will do. The chocolate should be chopped if using bars, to melt evenly without scorching.

Heavy cream (30ml / 2 tbsp): Adding a splash of cream creates a ganache that’s glossy and soft, preventing the chocolate from becoming too brittle. If you’re dairy‑free, substitute with coconut cream, but expect a faint coconut flavor.

Optional: Flaky sea salt: A light sprinkle on top just before the chocolate sets adds a delightful crunch and a pop of salty contrast. It’s the finishing touch that makes these bars look as good as they taste.

🤔 Did You Know? The Maillard reaction, which occurs when you bake the shortbread, creates hundreds of flavor compounds that give the crust its nutty, caramelized aroma.

With your ingredients prepped and ready, let's get cooking. Here's where the fun really begins…

Gooey Caramel Shortbread Squares Recipe – Easy Chocolate Layer Bars

🍳 Step‑by‑Step Instructions

  1. Preheat your oven to 350°F (175°C) and line a 9×13‑inch baking pan with parchment paper, allowing the paper to overhang the sides for easy removal later. While the oven warms, gather all shortbread ingredients and place the softened butter, powdered sugar, and vanilla extract into a large mixing bowl. Using a handheld mixer on medium speed, cream the butter and sugar together until the mixture is pale, fluffy, and the volume has increased by about 30%—you’ll hear a soft whooshing sound as air is incorporated. Once creamed, add the fine sea salt, then sift together the flour and cornstarch before folding them into the butter mixture with a spatula, being careful not to over‑mix; the dough should come together in a slightly crumbly but cohesive mass.

    💡 Pro Tip: Chill the dough for 15 minutes before pressing it into the pan; this prevents spreading and ensures a crisp edge.

  2. Press the shortbread dough evenly into the prepared pan, using the back of a spoon or your fingertips to create a uniform layer about ¼‑inch thick. Sprinkle a very light dusting of fine sea salt over the surface for a subtle salty note that will shine through the caramel later. Bake the crust for 12‑15 minutes, or until the edges turn a light golden brown and you can smell a buttery, toasted fragrance filling the kitchen. When the shortbread is done, remove it from the oven and set it aside on a cooling rack while you prepare the caramel.

    ⚠️ Common Mistake: Do not over‑bake the base; a too‑dark crust will become bitter and clash with the sweet caramel.

  3. In a medium saucepan, combine the sweetened condensed milk, butter, light brown sugar, and golden syrup over medium‑low heat. Stir continuously with a silicone spatula, scraping the bottom of the pan to prevent scorching. As the mixture begins to simmer, you’ll notice tiny bubbles forming around the edges—this is the caramelization process kicking in. Keep the heat steady; you’ll want the mixture to bubble gently for about 8‑10 minutes, turning a deep amber color and thickening noticeably. Once it reaches a thick, pourable consistency (you can test by dropping a small spoonful into a glass of cold water—it should firm up), remove it from the heat and whisk in the vanilla extract and fine sea salt.

    💡 Pro Tip: Adding a pinch of baking soda (about 1/8 tsp) at the end will create a light, airy caramel that’s easier to spread.

  4. Immediately pour the hot caramel over the baked shortbread, using a spatula to spread it evenly to the edges. You’ll hear a gentle sizzle as the caramel meets the warm crust—a sound that tells you the layers are bonding perfectly. Let the caramel set for about 10 minutes at room temperature; this allows it to firm up just enough so the chocolate layer won’t slide off. While the caramel is still soft, you can gently tap the pan on the counter to release any air bubbles that may have formed.

    🤔 Did You Know? Caramel thickens as it cools because the sugar molecules re‑arrange into a more ordered structure, creating that glossy sheen.

  5. While the caramel is setting, prepare the chocolate topping. Place the chocolate chips and heavy cream in a heat‑proof bowl, then set the bowl over a pot of simmering water (a double boiler). Stir constantly until the chocolate is completely melted and the mixture becomes a smooth, glossy ganache. Remove the bowl from the heat and let the ganache cool for a minute—if it’s too hot, it can melt the caramel layer beneath.

    💡 Pro Tip: For an extra shine, add a teaspoon of light corn syrup to the ganache before spreading.

  6. Once the ganache has cooled slightly but is still pourable, drizzle it over the caramel layer, using a spatula to spread it into an even sheet that covers the entire surface. The chocolate should flow smoothly, creating a glossy finish that looks almost mirror‑like. If you’d like a decorative touch, use the back of a spoon to create a subtle swirl pattern before the chocolate sets. Sprinkle a pinch of flaky sea salt over the top for a final burst of flavor and visual appeal.

  7. Transfer the pan to the refrigerator and chill for at least 1 hour, or until the chocolate is firm and the caramel has fully set. This cooling period is crucial; it allows the layers to bond and makes slicing clean and easy. When you’re ready to serve, use the parchment overhang to lift the entire slab onto a cutting board. With a sharp, warm knife (dip the blade in hot water and wipe dry between cuts), slice the slab into 12‑16 squares, depending on your desired size. Each cut should reveal a perfect cross‑section of shortbread, caramel, and chocolate.

  8. Arrange the squares on a serving platter and watch as your guests’ eyes widen at the glossy chocolate top and the caramel glistening like sunrise. Serve at room temperature for the ultimate melt‑in‑your‑mouth experience, or pop a few in the microwave for 10‑15 seconds if you prefer a warm, gooey center. And there you have it! But before you dig in, let me share some tips that will take this from great to absolutely unforgettable…

🔐 Expert Tips for Perfect Results

The Taste Test Trick

Before you pour the caramel over the shortbread, take a tiny spoonful and let it cool on the back of your hand. If it feels silky and not grainy, you’ve achieved the perfect caramel consistency. If it’s still too runny, give it another minute on the stove; the extra heat will drive off excess moisture. Trust your senses more than the clock—caramel can vary slightly depending on humidity.

Why Resting Time Matters More Than You Think

Allowing the caramel to set before adding the chocolate isn’t just about convenience; it prevents the chocolate from melting into the caramel and losing its snap. I once tried to speed things up by adding the chocolate while the caramel was still warm, and the result was a soggy, gummy mess. Patience here pays off with a clean, distinct layer that holds its shape when you cut a square.

The Seasoning Secret Pros Won’t Tell You

A pinch of flaky sea salt on the chocolate top does more than add crunch—it creates a flavor explosion that balances the sweetness of the caramel and shortbread. Professional pastry chefs often finish desserts with a light dusting of salt for that “wow” factor. Don’t overdo it; a little goes a long way.

The Perfect Ganache Consistency

If your chocolate ganache ends up too thick, gently re‑heat it over the double boiler and stir in an extra teaspoon of heavy cream. Conversely, if it’s too runny, let it sit for a few minutes; the chocolate will absorb the excess liquid and thicken. A well‑balanced ganache should coat the back of a spoon without dripping off too quickly.

Cutting Clean Squares

A warm knife is the secret weapon for clean, professional‑looking cuts. Dip the blade in hot water, wipe it dry, and slice through the chilled bars in one smooth motion. This technique prevents the chocolate from cracking and the caramel from smearing, giving you perfect squares every time.

💡 Pro Tip: For an extra touch of elegance, drizzle a thin ribbon of salted caramel over the finished bars just before serving.

🌈 Delicious Variations to Try

One of my favorite things about this recipe is how versatile it is. Here are some twists I’ve tried and loved:

Nutty Crunch Delight

Stir in ½ cup of toasted chopped pecans or hazelnuts into the shortbread dough before baking. The nuts add a satisfying crunch that contrasts beautifully with the gooey caramel, and their buttery flavor complements the chocolate topping.

Espresso Caramel Fusion

Add 1 teaspoon of instant espresso powder to the caramel sauce while it’s simmering. The coffee notes deepen the caramel’s complexity, creating a sophisticated flavor profile that pairs wonderfully with the chocolate layer.

Salted Caramel Pretzel Bars

Mix ½ cup of crushed pretzel pieces into the caramel before spreading it over the shortbread. The pretzel adds a salty crunch that elevates the sweet‑salty balance and gives each bite a playful texture.

White Chocolate Raspberry Swirl

Replace the semi‑sweet chocolate ganache with white chocolate and fold in a swirl of raspberry jam before spreading. The tart raspberry cuts through the richness, while the white chocolate adds a creamy, buttery finish.

Spiced Autumn Version

Add a pinch of ground cinnamon, nutmeg, and a dash of pumpkin spice to the shortbread dough. The warm spices make these bars a perfect holiday treat, especially when paired with a hot cup of apple cider.

Vegan Friendly Adaptation

Swap the butter for a plant‑based alternative like coconut oil, use a vegan condensed milk (available in many health stores), and choose dairy‑free dark chocolate. The result is a cruelty‑free version that still delivers that gooey, indulgent experience.

📦 Storage & Reheating Tips

Refrigerator Storage

Place the cooled bars in an airtight container, layering parchment between layers to prevent sticking. They’ll stay fresh for up to 5 days, though the shortbread may become slightly firmer as it absorbs moisture. If you notice any condensation, simply pat the surface with a paper towel before resealing.

Freezing Instructions

Wrap the entire slab tightly in plastic wrap, then foil, and store in a freezer‑safe bag. They can be frozen for up to 2 months. To thaw, transfer the slab to the refrigerator overnight, then let it sit at room temperature for 15 minutes before slicing for optimal texture.

Reheating Methods

For a warm, melty experience, microwave a single square for 10‑15 seconds on medium power. Alternatively, place a few squares on a parchment‑lined baking sheet and warm them in a 300°F (150°C) oven for 5‑7 minutes. The trick to reheating without drying out? Add a splash of milk or cream to the oven tray; the steam will keep the caramel luscious.

❓ Frequently Asked Questions

Yes, you can melt the chocolate and cream together in a microwave‑safe bowl, heating in 20‑second bursts and stirring in between to avoid scorching. Just be careful not to overheat, as chocolate can seize if it gets too hot. A microwave method works well if you keep the power at medium and watch closely.

You can substitute light corn syrup, honey, or even maple syrup, though each will add its own subtle flavor. The key is to use a liquid sweetener that prevents crystallization, ensuring the caramel stays smooth and glossy.

Absolutely! All‑purpose flour works best for texture, but you can substitute with a blend of pastry flour for a more delicate crumb, or a gluten‑free mix if needed. Just be aware that gluten‑free flours may require a bit more butter to achieve the same tenderness.

If the caramel sets too firm, gently reheat it with a splash of heavy cream or a teaspoon of butter, stirring until it loosens. The added fat re‑emulsifies the sugar crystals, bringing back that soft, pourable texture.

Yes! Sprinkle toasted nuts, shredded coconut, or chopped dried apricots on the caramel before the chocolate sets. Just be sure to press them lightly so they adhere and don’t fall off when you cut the bars.

You can, but reduce the added sea salt by half to avoid an overly salty base. The flavor balance is crucial, especially with the sweet caramel and chocolate layers.

If kept in an airtight container away from direct sunlight, they’ll stay fresh for up to 2 days. After that, the shortbread may start to soften, so it’s best to refrigerate for longer storage.

Yes! Use a plant‑based butter, vegan condensed milk, and dairy‑free chocolate. The texture may vary slightly, but the overall flavor profile remains deliciously indulgent.
Gooey Caramel Shortbread Squares Recipe – Easy Chocolate Layer Bars

Gooey Caramel Shortbread Squares Recipe – Easy Chocolate Layer Bars

Homemade Recipe

Prep
15 min
Pin Recipe
Cook
30 min
Total
45 min
Servings
4-6

Ingredients

Instructions

  1. Preheat oven to 350°F (175°C); line a 9×13‑inch pan with parchment paper.
  2. Cream butter, powdered sugar, vanilla, and salt; fold in flour and cornstarch to form a shortbread dough.
  3. Press dough into pan; bake 12‑15 minutes until lightly golden.
  4. Simmer condensed milk, butter, brown sugar, golden syrup, vanilla, and salt until thick and amber.
  5. Pour caramel over shortbread; let set 10 minutes.
  6. Melt chocolate chips with heavy cream over a double boiler; cool slightly.
  7. Spread chocolate ganache over caramel; sprinkle flaky sea salt if desired.
  8. Chill 1 hour; lift slab using parchment, slice with warm knife, and serve.

Nutrition per Serving (estimate)

350
Calories
25g
Protein
30g
Carbs
15g
Fat

You May Also Like

Discover more delicious recipes

Never Miss a Recipe!

Get our latest recipes delivered to your inbox.