Download a FREE 404 Page Template for Divi’s Blogger Layout Pack

Posted on January 16, 2022 by in Divi Resources 7 Comments

Download a FREE 404 Page Template for Divi’s Blogger Layout Pack
Blog / Divi Resources / Download a FREE 404 Page Template for Divi’s Blogger Layout Pack

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. This time around we’re building upon the Blogger Layout Pack with a brand new 404 page template that matches the rest of the pack perfectly. Hope you enjoy it!

divi layout

Check Out The Blogger
404 Page Template Below

Get it for free today!

blogger 404 page template

blogger 404 page template

Download The 404 Page Template For The Blogger Layout Pack

To lay your hands on the free Blogger 404 Page Template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

How to Upload The Template

Go to Divi Theme Builder

To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.

404 page template for Divi's Blogger Layout Pack

Upload Website Template

Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.

404 page template for Divi's Blogger Layout Pack

Navigate to the import tab, upload the JSON file that you could download in this post, and click on ‘Import Divi Theme Builder Templates’.

404 page template for Divi's Blogger Layout Pack

Save Divi Theme Builder Changes

Once you’ve uploaded the file, you’ll notice a new template with a new body area that has been assigned to the 404 Page. Save the Divi Theme Builder changes as soon as you want the template to be activated.

Blogger 404 page template

How to Modify The Template

Open Post Template

To modify the template’s elements, start by opening the template.

Blogger 404 page template

Inside the Body Layout Editor, you can edit the design on the front end using the Divi Builder just like you would with a normal Divi page.

Update Module Link URLs

This layout has a couple of buttons. You will need to update the button link URL for each so that it redirects to the page of your choice.

blogger 404 page template

Update Email Optin Account

You will also need to add an email account and list to your email opt-in module before you take it live.

blogger 404 page template

New Freebies Every Week!

We hope you’ve enjoyed the Blogger Layout Pack and the 404 page template freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Hostel Layout Pack for Divi

Get a Free Hostel Layout Pack for Divi

Posted on August 15, 2022 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. This time around, the design team has created a beautiful Hostel Layout Pack that’ll help you get...

View Full Post

7 Comments

  1. Thanks. It would be cool to have some code that takes the slug of the 404 page, removes the dashes, puts the result in the search box and immediately shows the search result on the 4040 page. I have old code from the Yoast blog that does this, but it’s hard coded in the 404 file. I’d love to use that in a Divi layout but I have no idea how to that. Do you by any chance? Thanks

    • Interesting. I’ll have to think about that one. Would be a cool functionality for boosting UX for sure. Thanks for the idea, John-Pierre!

  2. Thanks. It would be cool to have some code that takes the slug of the 404 page

  3. thanks for sharing this post, It would be cool to have some code that takes the slug of the 404 page.

  4. Very nice 404 page template. Thanks for sharing.

Join To Download Today