Create a Custom 404 Page in Flatsome Theme

Creating a custom 404 error page can give your website a polished and cohesive feel. Here’s a step-by-step guide to setting it up in Flatsome using UX Builder.

Step 1: Log into WordPress

1. Start by logging into your WordPress dashboard.

Step 2: Create a UX Block

1. Once inside WordPress, go to UX Blocks.
2. Click Add New to create a new UX block.
3. Name it something recognizable, like Error 404, to easily identify it later.
4. Hit Publish once it’s named.

Step 3: Open UX Builder

1. Open the UX Builder to start customizing your error page.
2. You have the option to design the page from scratch by adding individual elements or use pre-made layouts.

Step 4: Use a Pre-Made Layout (Optional)

1. If you’d like to save time, go to the Flatsome Studio to access pre-made layouts.
2. Select from four pre-made error page layouts specifically designed for 404 pages.
   • If you don’t see the layouts in Flatsome Studio, you can find them under Full Pages.
3. Once you’ve chosen a layout, import it. This will automatically add all elements, including images, to the page.

Step 5: Customize Your 404 Page

1. Edit any text, links, or icons to match your branding or specific needs.
2. When you’re satisfied with your changes, click Update to save.

Step 6: Set the Custom 404 Page

1. Head to Flatsome > Advanced in your WordPress dashboard.
2. Scroll to find the 404 page settings.
3. Select the custom block you just created (e.g., Error 404).
4. Save the changes.

Step 7: Test Your New 404 Page

1. Visit a non-existent page on your site (like a random URL that doesn’t lead to content).
2. You should now see your customized 404 page displayed.

And that’s it! You now have a fully customized 404 page using the Flatsome UX Builder.