<footer>
<p>I'm a footer! A copyright lives here, or something.</p>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@0/dist/algoliasearchNetlify.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@0/dist/algoliasearchNetlify.js"></script>
<script type="text/javascript">
algoliasearchNetlify({
appId: 'ABC123',
apiKey: '987654321',
siteId: '123456789',
branch: 'main',
analytics: true,
autocomplete: {
hitsPerPage: 5,
inputSelector: 'input[type=search]',
},
color: '#3c4fe0',
debug: false,
poweredBy: true,
});
</script>
</footer>
I wasn't sure if I was just missing a manual input box, but that didn't help either.
<footer>
<p>I'm a footer! A copyright lives here, or something.</p>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@0/dist/algoliasearchNetlify.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@0/dist/algoliasearchNetlify.js"></script>
<script type="text/javascript">
algoliasearchNetlify({
appId: 'ABC123',
apiKey: '987654321',
siteId: '123456789',
branch: 'main',
analytics: true,
autocomplete: {
hitsPerPage: 5,
inputSelector: 'input[type=search]',
},
color: '#3c4fe0',
debug: false,
poweredBy: true,
});
</script>
<label for="site-search">Search the site:</label>
<input type="search" id="site-search" name="q" aria-label="Search through site content">
<button>Search</button>
<p>End of footer</p>
</footer>
Is there something broken, did I misunderstand your getting started directions, is there a typo in the directions, etc?