Pro How to build a custom 404 page template

Would you like to replace Botiga’s default 404 page with one that matches your brand? The Templates Builder in Botiga Pro lets you design a custom 404 template and assign it to your site’s error page, so visitors who hit a broken link see something on-brand instead of a generic message.

In this guide, we’ll walk you through how to build a custom 404 page template in Botiga.

Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The Templates Builder is a Botiga Pro feature, so this requires Botiga Pro.

1. Go to Botiga ยป Theme Dashboard and activate the Templates Builder module.

Activating the Templates Builder module in the Botiga Theme Dashboard

2. Click on Build Templates.

The Build Templates button in the Templates Builder module

3. Click on Add Template.

The Add Template button in the Botiga Templates Builder

4. Name your template.

Naming the new 404 template in Botiga

5. Click on the Display Conditions icon.

The Display Conditions icon on a Botiga template

6. Add a new condition and choose 404.

Selecting the 404 display condition for the template

7. Click on Create New and select your preferred builder.

Choosing a page builder for the 404 template in Botiga

The Templates Builder works with either the WordPress Block Editor (Gutenberg) or the Elementor page builder.

8. If you’re using the Block Editor, click the plus icon and search for the Botiga Templates Builder components to insert on the page. If you’re using Elementor, skip this step and move on to the next one.

Inserting Botiga Templates Builder components in the Block Editor

9. If you’re using Elementor, you’ll find the Botiga widgets listed as Botiga WooCommerce in the left sidebar of the editor. If you’re using the Block Editor, skip this step and follow step 8 instead.

The Botiga WooCommerce widgets in the Elementor sidebar

10. Once you’re done, save or publish your changes.

Frequently asked questions

Below, we’ve answered some of the most common questions about building a custom 404 page template in Botiga.

Do I have to use Elementor to design the template?

No. The Templates Builder works with both the WordPress Block Editor and Elementor. Pick whichever builder you’re most comfortable with when you click Create New.

Why isn’t my custom 404 page showing up?

Check that you added the 404 display condition to the template and that the template is published. Without the 404 condition assigned, Botiga keeps using its default error page.

That’s it! You’ve successfully built a custom 404 page template in Botiga and assigned it to your site’s error page.

Next, would you like to understand how the builder fits together? Check out our guide on the Botiga Templates Builder overview to learn more, or read about display conditions to fine-tune where your templates appear.

image_print