[New Plugin] Customize Q2A 404 page message - FREE!

Question

Here is simple plugin to customize 404 page on your Q2A site. Its FREE!

Admin interface

Download

https://github.com/ProThoughts/q2a-custom-404-page

Demo

http://q2a-dev.prothoughts.com/abcde

Comments

Well done! Keep it up :)

---

@pupi1985 Thank you!

---

cool plugin . Excellent job

Answer 1

Where it is?

Comments

Download from the code from github mentioned above .

Answer 2

Nice idea and great plugin.

But can you add a search bar in centre of the page, so that the visitor can be focused to search his requirement in the search bar instead of leaving the site.

Comments

you can add any HTML code. search bar also should work.

---

But I am not good in code and stuff that's why I said it to you as you are the dev of this plugin.

---

just added google search bar for demo.

---

Is that google search bar code also pre written in the plugin?? So that I could just download the plugin and make it for use.

---

I just tried your plugin and I saw that you have left place for us to fill it according to us.
But can we have some lines pre written there which you think suits best to all websites. And if you can then please add that search bar code in this plugin.

---

@Gurjyot Singh please see below examples to put useful 404 message for your users.
http://designmodo.com/404-error-pages-examples/
http://www.creativebloq.com/web-design/best-404-pages-812505

---

@ ProThought, Thank you very much for creating this useful plugin for q2a community
I checked the dimo and I like to add this feature to my site. As Gurjyot Singh commented on here, Could you please give us the html code which you apply on your dimo page [http://q2a-dev.prothoughts.com/abcde]?. Then we can easily customize that code according to our preferences.

---

Hey prothoughts, I got it how you did that. So here's my version of 404 page.
http://www.yohelpdesk.com/abcd

---

good Job Dude . Looks good .

---

thanks amiya... I am also waiting to see your customization in this plugin that you are going to release soon...

---

@ Gurjyot  I checked your 404 page. Great. Could you please give me the html code?

---

The code I am posting is only for the written text, for the google search you have to make your own website code from google. And for the image you again have to make your own custom image...

<h1><font color=#ff6600>We're sorry but the page you are looking for is not here</font></h1>
                We can't find the page you're currently looking for, it may be because we recently redesigned our website.
<br><br>Here are some ways to find what you are looking for<br>
<ul>
<li>You can visit our <a href="/questions">Q&A section here</a>.</li>
<li>You can <a href="/register">register</a> and <a href="/ask">ask a question </a>.</li>
<li>or use below search box to find info.</li>

</ul>

---

@ Gurjyot  Thank you very much for your help.

---

I could add the custom 404 page to my site. But my image is not loaded. I set my image address http//www.mysite.com/xx404.png and I uploaded the image to root folder of my site (hosting account).

http://www.wikifirst.net/abcd

---

Are you calling it as an image...?? Secondly the location of the image should be right... You also have to mention from where you are calling the image... For instance follow the below code...

<div class="qa-main">
                                        <div class="qa-main">
                        <br><div align=center><img src="http://www.mysite.com/xx404.png" alt="404"></div>

Try this and tell me if it works...

---

@ Gurjyot Thank you very much for your help. I had given wrong image path. Now it is working fine. I created this page using the code which you gave me. I visited your 404 page and could find the path to create Google custom search box. Thank you.

---

I am happy to hear that I could be helpful to you.

Answer 3

I have installed this plugin and working fine. I want add here, if someone wants all 404 pages to go to their home page then add this on html code -

<meta HTTP-EQUIV="REFRESH" content="0; url=http://www.yourdomain.com/">

See Demo Here