Stand with Ukraine. Fight for freedom and democracy

Donate
Back to contents

JetThemeCore: How to Set a Custom WordPress 404 Page

Get to know how to set up a creative and stylish WordPress 404 custom page. Thanks to the JetThemeCore plugin, you can create its template in a blink of an eye.

Tutorial requirements:

  • JetThemeCore plugin installed and activated
  • Gutenberg Block Editor or Elementor Page Builder

If there is a broken link on your website, or if you’ve changed the page’s address, the 404 error often occurs.

Even if there are no broken links on your website, the user can mistype the address and still see the 404 error. That is why it is a good idea to provide your website with a user-friendly custom 404 page.

Fortunately, with JetThemeCore, which is included in the Crocoblock subscription, you can easily create a custom 404 page with Block Editor or Elementor. Keep reading to learn more about creating a custom 404 page with Elementor, as the creating process in Gutenberg is pretty much similar.

Go to WordPress Dashboard > Crocoblock > My Library. Click the “Add New” button to create a new template.

crocoblock theme templates

In the displayed pop-up, select the “Single” option as a Template Type, then pick the “Elementor” option (or the “Block Editor” one if you are working with Gutenberg) in the Template Content Type and fill in the Template Name field if desired. 

However, the last field is optional; you can freely leave it empty.

Push the “Create Template” button to begin setting up a template.

create a single template

Work on the page, add the desired widgets, and style up the template. Press the “Update” button once you are satisfied with the result.

404 page in elementor editor

Return to WordPress Dashboard > Crocoblock > Theme Templates to adjust the template conditions. 

Now, look at the newly created template and find the Instances tab. There are no conditions set right now; press the “Edit Conditions” button to open the pop-up with settings.

add condition button for 404 page

Pick the “Include” option in the primary list, then “Single” in the second selector. And last but not least, select “404 Page”.

Push the “Save Conditions” button to save the changes and close the editing window.

404 page set conditions

Check the front end. For instance, mistype the letter in the URL to see the newly built 404 page.

404 page on the front end

The page is displayed right as we built it in the editor. Now you know how to set up a 404 page without any difficulties with the JetThemeCore plugin.