Include Haystack search on all pages <p>Ok I know this question has been asked before, I looked at the answers and (think) I am doing exactly what is supposed to be done, but the search box is only appearing on the 'search' page and not any other page. I have a base.html that I use to extend to all other pages, can anyone help out on this? (FYI, I did try having the form in base.html instead of search.html but that did not work either)</p> <p>Base.html</p> <pre><code>{% load staticfiles %} &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;title&gt;Search&lt;/title&gt; &lt;link href="{% static 'css/bootstrap3.min.css' %}" rel="stylesheet"&gt; &lt;link href="{% static 'css/main.css' %}" rel="stylesheet"&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;header class="clearfix"&gt; {% include 'navbar.html' %} &lt;h3 class="text-muted"&gt;My site&lt;/h3&gt; &lt;/header&gt; &lt;hr&gt; {% block content %}{% endblock %} &lt;hr&gt; &lt;footer&gt; &lt;p class="text-muted"&gt;Copyright &amp;copy; 2015&lt;/p&gt; &lt;/footer&gt; &lt;/div&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="{% static 'js/bootstrap.min.js' %}"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Search.html</p> <pre><code>{% extends 'base.html' %} {% load staticfiles %} {% load widget_tweaks %} {% block content %} &lt;h2&gt;Search&lt;/h2&gt; &lt;form method="get" action="."&gt; &lt;div class="input-group"&gt; {% render_field form.q class+="form-control" type="search" %} &lt;span class="input-group-btn"&gt; &lt;button type="submit" class="btn btn-default"&gt;Search&lt;/button&gt; &lt;/span&gt; &lt;/div&gt; {% if query %} &lt;h3&gt;Results&lt;/h3&gt; {% for result in page.object_list %} &lt;div class="media"&gt; &lt;div class="media-left"&gt; &lt;img class="media-object" height="100" style="border: 1px solid #ccc;" src="{{ result.object.photo.url }}"&gt; &lt;/div&gt; &lt;div class="media-body"&gt; &lt;h4 class="media-heading"&gt;Supplier Part Code: &lt;strong&gt;{{ result.object.supplier_code }}&lt;/strong&gt;&lt;/h4&gt; &lt;h4&gt;Mfr Code: &lt;strong&gt;{{ result.object.part.code }}&lt;/strong&gt;&lt;/h4&gt; &lt;p&gt; &lt;strong&gt;Supplier&lt;/strong&gt; {{ result.object.supplier.name }} &lt;strong&gt;Price&lt;/strong&gt; {{ result.object.price }} &lt;strong&gt;Sale Price&lt;/strong&gt; {{ result.object.sale_price }} &lt;strong&gt;Available&lt;/strong&gt; {{ result.object.quantity }} &lt;a href="{{ result.object.url }}" target="_blank"&gt;Buy Now!&lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; {% empty %} &lt;p&gt;No results found.&lt;/p&gt; {% endfor %} {% if page.has_previous or page.has_next %} &lt;div&gt; {% if page.has_previous %}&lt;a href="?q={{ query }}&amp;amp;page={{ page.previous_page_number }}"&gt;{% endif %}&amp;laquo; Previous{% if page.has_previous %}&lt;/a&gt;{% endif %} | {% if page.has_next %}&lt;a href="?q={{ query }}&amp;amp;page={{ page.next_page_number }}"&gt;{% endif %}Next &amp;raquo;{% if page.has_next %}&lt;/a&gt;{% endif %} &lt;/div&gt; {% endif %} {% else %} {# Show some example queries to run, maybe query syntax, something else? #} {% endif %} &lt;/form&gt; {% endblock %} </code></pre> <p>Manuals.html (No Search bar displays)</p> <pre><code>{% extends 'base.html' %} {% load staticfiles %} {% block content%} &lt;h1&gt;Hello and welcome to Manuals&lt;/h1&gt; {% endblock %} </code></pre> <p>URL patterns</p> <pre><code>url(r'^search/', include('haystack.urls')), url(r'^manuals/$', 'mysite.views.manuals', name='manuals'), </code></pre>