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

Posted on January 16, 2022 by 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 for Divi. 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 newsletter 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 Anniversary Sale

It's The Divi Anniversary Sale! Save Big For A Limited Time πŸ‘‡

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Anniversary
Premade Layouts

Check Out These Related Posts

Divi Plugin Highlight: Divi MadMenu

Divi Plugin Highlight: Divi MadMenu

Posted on March 22, 2023 in Divi Resources

Divi MadMenu is a header and menu creation plugin that expands the possibilities of your Divi headers and menus. Divi MadMenu comes with a horizontal menu module and a vertical menu module. You can fully customize every aspect of your menu with extensive design options, allowing you to create...

View Full Post
Get a Free Wellness Layout Pack for Divi

Get a Free Wellness Layout Pack for Divi

Posted on March 20, 2023 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 Layout Pack for Divi. This time around, the design team has created a beautiful Wellness Layout Pack that’ll help you get your next Wellness website up...

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 For sharing this Useful template

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

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

    • Nicola,
      That’s a good idea. Thanks.

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

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

πŸ‘‹ It's The Divi
Anniversary Sale!
Get The Deal
Before It's Gone!
Join To Download Today