Zesty flavors and simple techniques combine in this classic dessert. Zero fuss is required to create these buttery shortbread bars layered with rich caramel and smooth chocolate. You’ll find the process straightforward and the results consistently delicious.
Why This Recipe Works
- Three distinct layers create perfect texture contrast
- Simple pantry ingredients yield impressive results
- Make-ahead friendly for stress-free entertaining
- Balanced sweetness that appeals to all ages
Ingredients
- 2 cups all-purpose flour
- 1 cup unsalted butter, softened to room temperature
- 1/2 cup granulated sugar
- 1/4 teaspoon salt
- 14 ounces sweetened condensed milk
- 1/2 cup unsalted butter, cut into tablespoons
- 1/2 cup light brown sugar, packed
- 1/4 cup light corn syrup
- 1 teaspoon pure vanilla extract
- 8 ounces semi-sweet chocolate chips
- 1 tablespoon coconut oil or vegetable shortening
Equipment Needed
- 9×13 inch baking pan
- Parchment paper
- Medium saucepan
- Heatproof spatula
- Mixing bowls
- Electric mixer or stand mixer
- Wire cooling rack
Instructions

Prepare the Shortbread Base
Preheat your oven to 350°F. Line a 9×13 inch baking pan with parchment paper, leaving overhang on two opposite sides for easy removal. In a mixing bowl, combine 2 cups all-purpose flour, 1/2 cup granulated sugar, and 1/4 teaspoon salt. Add 1 cup softened unsalted butter to the dry ingredients. Use an electric mixer on medium speed to blend until the mixture resembles coarse crumbs and holds together when pressed. Transfer the dough to your prepared pan and press it evenly into the bottom using your hands or the bottom of a measuring cup. Bake for 20-22 minutes until the edges are lightly golden brown and the center appears set. Remove from the oven and place the pan on a wire cooling rack while you prepare the caramel layer. The shortbread should be completely cool before adding the caramel to prevent separation between layers. Tip: For perfectly even shortbread, use a flat-bottomed glass or measuring cup to press the dough firmly into every corner of the pan.
Make the Caramel Layer
Create the Chocolate Topping
Place 8 ounces semi-sweet chocolate chips and 1 tablespoon coconut oil or vegetable shortening in a heatproof bowl. Create a double boiler by setting the bowl over a saucepan of simmering water, making sure the bottom of the bowl doesn’t touch the water. Stir the chocolate mixture frequently as it melts, which should take 4-6 minutes. Alternatively, you can melt the chocolate in the microwave using 30-second intervals, stirring between each interval until completely smooth. Once melted and smooth, pour the chocolate over the cooled caramel layer. Tilt the pan gently to spread the chocolate evenly across the surface, or use an offset spatula for precise coverage. Work quickly as the chocolate will begin to set once it contacts the cooler caramel layer. Ensure the chocolate reaches all edges and corners for complete coverage.
Chill and Set the Bars
Place the pan with all three completed layers in the refrigerator. Chill for at least 2 hours, or until the chocolate topping is completely firm and doesn’t give when lightly pressed. For best results, chill overnight to allow all layers to set thoroughly and develop optimal texture. The chilling process ensures clean cuts when you slice the bars. If you need to speed up the setting process, you can place the pan in the freezer for 45-60 minutes instead. However, refrigerator chilling produces the best texture contrast between the crisp shortbread, chewy caramel, and firm chocolate. Once fully set, the bars are ready for slicing.
Slice and Serve
Remove the pan from the refrigerator and use the parchment paper overhang to lift the entire slab out of the pan. Place it on a cutting board. Use a sharp chef’s knife to trim any uneven edges if desired. For clean cuts, wipe the knife blade with a damp cloth between slices. Cut the slab into 24 rectangular bars (4 cuts lengthwise and 5 cuts crosswise) or 32 smaller squares (4 cuts in each direction). Serve immediately or store properly. The bars can be served chilled or at room temperature, though room temperature allows the caramel to become slightly softer and more flavorful. Tip: For professional-looking slices, run your knife under hot water and dry it thoroughly before each cut.
Tips and Tricks
For a decorative finish, sprinkle flaky sea salt over the chocolate layer immediately after spreading, before it sets. This adds a sophisticated salty contrast to the sweetness. If your caramel seems too soft after cooling, return the pan to the refrigerator for additional chilling time—the caramel will continue to firm up as it cools completely. When measuring flour, use the spoon-and-level method rather than scooping directly from the container to prevent dense shortbread. For easier slicing, score the chocolate layer lightly with a knife before chilling, then complete the cuts after setting. Store bars between layers of parchment paper in an airtight container to prevent sticking. These bars freeze beautifully for up to 3 months—wrap individually in parchment before freezing in an airtight container.
Recipe Variations
- Add 1/2 cup chopped toasted pecans or walnuts to the caramel layer for crunch
- Substitute dark chocolate chips for semi-sweet for a less sweet, more intense chocolate flavor
- Mix 1/2 teaspoon espresso powder into the chocolate topping for mocha flavor
- Use white chocolate instead of semi-sweet and sprinkle with freeze-dried raspberry powder
- Add 1/4 teaspoon almond extract to the shortbread dough for subtle nutty notes
- Press whole pretzels into the chocolate layer before it sets for sweet-salty contrast
Frequently Asked Questions
Can I use salted butter instead of unsalted? Yes, but reduce or omit the added salt in the shortbread layer. Salted butter contains approximately 1/4 teaspoon salt per stick, so adjust accordingly to avoid overly salty bars.
Why did my caramel layer separate? Separation usually occurs from overheating or adding caramel to a warm shortbread base. Ensure your shortbread is completely cool before adding caramel, and maintain medium heat while cooking the caramel mixture.
How long do these bars keep fresh? Stored in an airtight container at room temperature, they remain fresh for 5 days. Refrigerated, they last up to 2 weeks. The texture changes slightly but remains delicious.
Can I make these gluten-free? Yes, substitute the all-purpose flour with a 1:1 gluten-free flour blend. The results will be slightly more crumbly but still delicious. Ensure all other ingredients are gluten-free certified.
My chocolate topping cracked when slicing. How can I prevent this? Chocolate cracks when too cold or cut with a dull knife. Let bars sit at room temperature for 10 minutes before slicing, and use a sharp knife warmed under hot water.
Summary
These caramel shortbread bars feature three perfect layers: buttery shortbread, rich caramel, and smooth chocolate. Simple techniques yield impressive results suitable for any occasion. The recipe adapts easily to variations while maintaining its essential appeal.
Caramel Shortbread Bars
24
servings25
minutes30
minutesIngredients
Instructions
- 1 Preheat oven to 350°F. Line 9x13 inch pan with parchment.
- 2 Mix flour, granulated sugar, salt, and 1 cup butter. Press into pan. Bake 20-22 minutes until golden. Cool completely.
- 3 Combine condensed milk, 1/2 cup butter, brown sugar, and corn syrup in saucepan. Cook over medium heat 7-9 minutes, stirring constantly, until thickened and amber. Remove from heat, stir in vanilla. Pour over cooled shortbread. Cool 30-40 minutes.
- 4 Melt chocolate chips and coconut oil over double boiler or in microwave. Pour over caramel layer, spreading evenly.
- 5 Refrigerate at least 2 hours until set. Lift from pan using parchment. Cut into 24 bars with sharp knife.