Elementor 404 ошибка

Как создать 404 страницу в elementor, что означает ответ 404 и к каким последствиям может привести, разберем в данной статье.

Ошибка 404

Данный код означает (404 Not Found) что связь с сервером установлена, но информации по данному запросу нет.

Простыми словами, это удаленная или недоступная в настоящий момент страница сайта.

Причины появления:

— Битая ссылка. Это не рабочий url, возникает при внутренней перелинковке. К примеру, у вас было две страницы на сайте, которые ссылались друг на друга, вы решили удалить одну из страниц, но забыли удалить ссылку на удаленную страницу, в итоге получается битая ссылка.

— Неверный адрес. Чаще всего возникает из-за того, что пользователь вводит адрес вручную и где-то допускает ошибку.

— Удаленная страница. Самый распространенный случай.

— Неполадки с сервером (Бывает очень редко).

— Неправильно настроенный редирект.

Последствия

Понижение вашего сайта в поисковой выдаче. Происходит это из-за поведенческих факторов. Когда человек попадает на страницу 404, чаще всего он просто закрывает сайт и уходит на другой ресурс, тем самым сигнализирует поисковым системам.

Старайтесь избегать ошибок и вовремя их исправлять.

Зачем нужна 404 страница

Когда пользователь попадает на такую страницу, он может подумать, что сайт не работает и как говорилось выше уйти искать информацию на другой ресурс. Но нам надо попытаться вернуть его к себе на сайт. Для этого и нужна правильно оформленная 404 страница.

Что должно быть на странице:

• Меню
• Ссылка на главную страницу сайта
• Контакты для обратной связи
• Разъяснение, что произошло
• Понятный дизайн

Как создать страницу 404 в elementor pro

Зайдите в админку вашего сайта, слева в меню выберите шаблоны – добавить новый. В появившемся окне выберите тип шаблона «Ошибка 404», укажите название и нажмите кнопку создать шаблон.

Далее можете выбрать из готовых наборов страницу 404 или создать под ваш стиль сайта (Второй вариант лучше).

После того как отредактируете 404 страницу, нажмите на кнопку «Опубликовать», в появившемся окне добавьте условия отображения «Страница 404» (В самом низу) и нажмите кнопку «Сохранить и закрыть».

Поздравляю вас, если вы сделали все правильно страница будет отображаться, проверить можно указав ваш домен и несуществующую страницу (неправильный адрес) отобразится страница 404.

Видеурок — создание 404 страницы в elementor pro

Создание в обычной версии плагина

В базовой версии конструктора урезанный функционал, для расширения понадобится пара плагинов.

1. Elementor Header & Footer Builder (С помощью данного плагина можно создать меню)
2. 404 page

Теперь вам необходимо создать и оформить на ваше усмотрение новую страницу с помощью редактора elementor.

Далее вернитесь в админку и перейдите в раздел внешний вид, там будет отображаться плагин  404 error page, нажмите на него у вас откроются настройки.

В первой графе выберите страницу которую создали и нажмите сохранить.

Перейдем к тесту, в настройках есть кнопка «Test 404 error» нажмите и проверьте, как отображается страница.

Второй вариант, перейдите в режим инкогнито, скопируйте ваш домен и вставьте в браузерной строке, после домена поставьте слеш и введите несколько разных символов, после нажмите поиск, страница 404 должна отобразиться.

Видеоурок — создание страницы для бесплатной версии плагина

404 is one of the most well-known error messages encountered on the web. If you are faced with this message when accessing a URL, this means the web page associated with the URL is no longer exists. Another possibility, you are not granted access to access the page.

On a website system, the 404 error message is provided by the server, but you can modify the look of this message. A WordPress theme typically comes with a modified 404 page. If you don’t like the look of the default 404 error page of the WordPress theme you use, you can edit it. However, you need to have a coding skill to do so (PHP and HTTP). If you are the sort of a WordPress user who has no coding skill, you can create a custom 404 error page with Elementor.

The Theme Builder feature of Elementor allows you to create a custom 404 page without coding. It even provides templates you can choose from, allowing you to create a custom 404 page effortlessly in minutes. This article will show you how to create a custom 404 page in WordPress with Elementor.

Note: Theme Builder feature is only available on Elementor Pro. Find the differences between Elementor Free and Elementor Pro.

How to create a custom 404 page in WordPress

Before getting started, please note that HTTP 404, 404 Not Found, 404, Page Not Found, and Server Not Found is the same thing.

Assuming you have installed Elementor Pro on your WordPress-powered site, log in to the WordPress dashboard and go to Templates -> Theme Builder.

On the Theme Builder page, hover your mouse over the Error 404 tab on the left panel and click the plus icon.

As mentioned, Elementor provides several ready-to-use 404 page templates you can choose from. You can also create the 404 page from scratch if you want. In this example, we will use one of the available templates. To use a template, hover your mouse over a template you want to use and click the Insert button.

You will be directed to the Elementor editor where you can edit the 404 page content. Once done editing the content, click the Publish button on the bottom side of the left panel.

A dialog popup will appear, asking you to set the display conditions. When creating a 404 page, the default display condition is set to 404 Page. So, nothing needs to be changed. Simply click the SAVE & CLOSE button to continue.

Done!

Now please try to access a random URL on your site (i.e. yourdomain.com/kdjkdjkj) and you should see the new 404 page you have just created.

Elementor (Affiliate Link):
https://wickydesign.com/get-elementor

Video Transcript

404. Page Not Found. You’ve probably seen this error when browsing the Internet.

In geek speak,  a 404 error is that number returned when a user lands on a page on your website that doesn’t exist. There are several reasons for this error:

• It could be that they just mistyped the URL
  or it could be that the URL has been changed or been removed from your website

It’s impossible to prevent all 404 errors from happening, but instead of giving somebody a generic page that’s probably going to lead them to somewhere else, we can create custom 404 templates that give people more information and keep them on our website.

These templates can offer links to different pages on your website, have your custom branding, and can even be a little bit fun. In this video, I’m going to show you how to create a custom 404 page using Elementor.

My name is Barbara and welcome back to Wicky Design.

To start, from my WordPress Dashboard, I’m going to go to templates, then add new. I’ll select Error 404 from the dropdown, then name my template “page not found”. 

There are several premade 404 templates available in Elementor Pro, so you may want to take a look at those for inspiration. I’m going to make my template from scratch, so I’m going to close out that window so I can start adding sections and widgets to the page.

The interface for a 404 template is the same as anything else you’d create in Elementor. You have the ability to add as much or as little as you want and can customize every part of the page. So take this opportunity to create a custom 404 template that shows off your personality and fits within the style of your brand. Although this is a page that probably won’t be seen very often, you can really have some fun with it.

For this 404 template, I’ve decided to keep things pretty simple. I found this stock image on Pexels, so I’m going to add that to the left column and use my right column for a custom message, search bar, and button that links back to the homepage. 

I’ll use the responsive mode in Elementor to check how things look on tablet and mobile devices. The responsive mode allows you to easily make changes to your layout for specific screens sizes and is one of my favorite features of Elementor.

I just want to make some final adjustments to this page before previewing it in my browser and then hitting the publish button.

In order to get this work, I’ll need to select 404 page from the display conditions dropdown. I’ll hit save, and now my new 404 template is live. Check it out.

I hope you found this tutorial helpful. If you did, please give this video a thumbs up, subscribe to our channel, and ring the bell to receive notifications whenever we post a new video. See ya next time!

*Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!