Skip to Content

Chocolate Mayonnaise Cake with Cake Mix

This is the best cake mix chocolate mayonnaise cake in a mug or 8×8 pan recipe ever. Just one minute in the microwave or make 2 layers! Perfect for one or make a batch and enjoy with a group of people making them to order.

Topped with Jello pudding Cool Whip frosting they are a little bite of heaven and super moist too. Our favorite mug cake.

Cake Mix Chocolate Mayonnaise Cake

Have you ever made chocolate cake in the microwave. It’s seriously SO easy and fun to do! You have got to try this chocolate cake recipe with mayonnaise here. It is seriously the moistest cake you will ever try)!! Here’s how you make bake cake in a mug with pudding frosting to top it off. 😉 (originally published 8/15, affiliate links present)

Chocolate Cake in Microwave

If you’ve never made cake in the microwave this will be a real eye opener and you may not go back to turning your oven on during the Summertime ever again to bake one!

It literally takes ONE minute to cook and let’s just say the kids LOVE it this way (ok I am partial to it myself too)! First thing first, let’s head to the store to get what we need! When you head into Walmart you can see they are all set up for Summer grilling season! You may not have these two already that you’ll need;

1 container Kraft Real Mayonnaise (regular, not low fat variety) is what I use for this and our Mayonnaise Biscuits. Then you’ll need to pick up a box of Jell-O instant pudding mix (vanilla works best for this chocolate cake recipe, found in baking aisle).

Easy mayonnaise cake

Chocolate Mayonnaise Cake with Cake Mix

There’s a video down below so you can take a quick look at how we make it. Watch and then come back. Now that you have the general idea, let’s get to baking the best chocolate mug cake with mayonnaise! This is dairy free too so that is another plus.

How to Bake a Cake in the Microwave

Whether you want to make 2 microwave safe 9 inch cake pans full or make a bunch of mugs full you make the batter the same way.

  • Box cake mix (chocolate flavor for this one)
  • Eggs
  • 1 cup mayonnaise and water are needed
  • Use a large bowl to combine the chocolate cake mix with other ingredients
    • whisk is helpful if not using an electric mixer to get it smooth
  • Cool Whip Frosting – Whisk together defrosted 1 Tub Cool Whip (found in the freezer section of Walmart near the frozen pie crusts) + pudding mix if you want to make the pudding frosting

If you want to make two round layers you will need 2 pans or wait until 1 cools and then use the pan again. It is easier to just buy two of them. In a preheated oven at 350 degrees you can bake each in just 7-8 minutes believe it or not!! When toothpick inserted comes out clean you’re ready.

How to Bake a Cake in the Microwave
chocolate mug cake

Dairy Free Mug Cake

First you want to combine your boxed cake mix with 2 eggs, 1 1/4 cup of water, and 1 cup of Kraft Real mayonnaise. That is ALL you need to make your cake! Now get out a coffee mug (traditional size) and fill about 1/4-1/3 way full (if more than that it will overflow). Unless you’re using a pan then lightly grease and lightly flour insides

You do not have to make the pudding frosting if you need a lactose free version but we loved it. My husband had to skip this step.

  • Now….put your mug in the microwave (about 1/3 c. batter) with a paper towel underneath (to catch spills) and cook for 1 minute.
  • Make sure to watch it especially when you put the first one in to make sure they don’t overflow. If they are beginning to just pause the microwave, check on it and on your next one just put a bit less batter in.
    • It will rise high like in the video but typically won’t overflow if it’s only filled 1/4 of the way, then it will deflate and look like this when you take it out. This chocolate cake with mayonnaise recipe is seriously so easy and the moistest cake you will ever try!

If you choose to use a round cake pan it cannot be metal obviously, silicone works well though. If the larger form is preferred let it cool on wire rack to room temperature to cool completely before adding whipped topping or chocolate frosting on top.

How to make Jell-O pudding frosting!

Jello Pudding Frosting

Now this is how you make Jell-O pudding frosting to go on top. I have made this for other cakes and it is seriously SO tasty and simple to do….the kids can help too. 😉

  • Just combine 1 cup of cold milk with the package of Jell-O instant pudding and whisk together for a good minute or so.
  • Then, empty the entire tub of Cool Whip together with your Jell-O mixture and you’re done!!!
    • You can just put a dollop on your cakes right then and there or if you are saving for later or want to make then swirly pretty then scoop the mixture into baggies, zip them shut and when you’re ready just squeeze them on top.
    • I put baggies in the refrigerator for a bit while I am cooking my meal to get them cold and they swirl better that way too.

This isn’t just great on your cake mix mayonnaise cake though, we have used it on top of all sorts of other goodies!!

Mug Cake No Milk

Now….enjoy yourself outside while you’re grilling. Eat some yummy food on the barbecue, and when you’re done the cakes will be already done.

Just grab the frosting you’ve made out of the refrigerator (it will be nice and chilled by now). Squeeze a dollop on top with a little fruit slices if you choose. Just wait for the Oooohhhhhhhs and Ahhhhhhs!!

Jello pudding frosting recipe

Chocolate Chip Mug Cake

I like to put a few slices of fresh fruit on top of desserts I make and these fresh cherries I grabbed during my grocery trip were just the ticket for this dessert. They added a really nice touch and tasted delicious on top too!

If you only use half the batch of the best chocolate mug cake just cover it and put it in the fridge to make the next day too. Jump to recipe and when you love it come back to try these others below.

  1. How to make a brownie in a mug
  2. Chocolate chip cookie in a mug
  3. Angel food cake in a mug

Microwave Cake

Mug Cake No Milk

Before you go I want you to sign up for my free newsletter!! You will get all my new recipes emailed to you a few times a week that will help with meal planning for the week.

Want to see a few of my favorite things that I am totally obsessed with?? Take a peek and see how many you might already have…twinsies!

Looking for more easy family recipes and tips? LIKE The Typical Mom Facebook page because we share all our new creations there every single day. And follow me on Pinterest for more inspirations! 😉

***** If you LOVED this recipe give it 5 Stars below and let everyone know what you thought about it. 😉

the typical mom
Cake Mix Chocolate Mayonnaise Cake
Print Pin
5 from 5 votes

Chocolate Mayonnaise Cake with Cake Mix

Chocolate mayonnaise cake with cake mix is easy to bake in your microwave. Just a few minutes for dessert in a cup with pudding frosting.
Course Dessert, Snack
Cuisine American
Keyword cake, chocolate, dessert, mayonnaise, microwave, mug
Prep Time 10 minutes
Cook Time 1 minute
Servings 24
Calories 148kcal
Author The Typical Mom


  • 1 microwave
  • 1 large mug or silicone 9 inch baking pan



  • Mayonnaise Cake in a Mug – In a bowl combine all ingredients together. Spray inside of a mug with non stick spray. Spoon in batter so it is 1/3 way full (more will overflow). Microwave for 1 minutes and enjoy.
  • Microwave Chocolate Cake – Make batter as directed. Spray inside of microwave safe cake pan with non stick spray and pour 1/2 of batter inside. Microwave for 7-8 minutes or until toothpick comes out clean in the center. Then bake the other half to make 2 layers.
  • Cake Mix Chocolate Mayonnaise Cake in Oven – Preheat oven to 350 degrees F and bake in a greased or lined 9×13" pan for 30-35 minutes or until toothpick in middle comes out moist with just crumbs attached.
  • Jello Pudding Frosting – Whisk together instant pudding mix with tub of defrosted whipped topping (10 oz). Spoon into freezer bag, seal, snip off edge and pipe on to the top once cooled.


Nutrition Facts
Chocolate Mayonnaise Cake with Cake Mix
Amount Per Serving (1 oz)
Calories 148 Calories from Fat 72
% Daily Value*
Fat 8g12%
Saturated Fat 2g13%
Trans Fat 0.1g
Polyunsaturated Fat 4g
Monounsaturated Fat 2g
Cholesterol 18mg6%
Sodium 222mg10%
Potassium 17mg0%
Carbohydrates 18g6%
Fiber 0.3g1%
Sugar 9g10%
Protein 1g2%
Vitamin A 26IU1%
Calcium 49mg5%
Iron 1mg6%
* Percent Daily Values are based on a 2000 calorie diet.
Chocolate Mug Cake No Milk
chocolate chip mug cake
Recipe Rating

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Sara Welch

Wednesday 20th of September 2023

Enjoyed this for dessert last night and it was a sweet success! Turned out light, fluffy and moist; easily, a new favorite recipe!


Wednesday 20th of September 2023

This mug cake turned out perfectly!! I couldn't believe how easy it was to make, and how moist and fluffy it tasted!


Wednesday 20th of September 2023

The result here is amazing! The mayo really keeps it moist. Thank you so much!


Wednesday 20th of September 2023

Your Chocolate Mayonnaise Cake with Cake Mix recipe is a game-changer! It's unbelievably moist and chocolaty – a total hit every time I make it.

Lima Ekram

Wednesday 20th of September 2023

I cant believe how easy and tasty this cake was. Super moist!

This site uses Akismet to reduce spam. Learn how your comment data is processed.