{{> head }}

<header id="top-section">
  <div class="row">
    <div class="large-12 columns">
      <p class="lead header-lead">
        <img class="header-logo" src="https://res.cloudinary.com/hilnmyskv/image/upload/logo-algolia-dark.png" alt="Algolia"> plugin for <span><img src="img/home/wordpress_logo.svg" class="wordpress-logo" alt="WordPress"></span>
      </p>
      <p class="punchline">"{{{punchline}}}"</p>


      <div class="top-buttons">
        <a href="https://github.com/algolia/algoliasearch-wordpress/releases/download/{{version}}/algolia.zip" class="secondary hallow button radius large"><i class="fi-download"></i> Download (v{{version}})</a>
        <a href="installation.html" class="secondary hallow button radius large"><i class="fi-book"></i> Documentation</a>
      </div>
    </div>
  </div>
</header>

<div class="section">
  <div class="row">
    <div class="large-6 image-holder columns mobile-only">
      <img src="img/home/illus-autocomplete.svg" alt="Autocomplete">
    </div>
    <div class="large-6 columns">
      <h2 class="title">Plug &amp; Play autocomplete</h2>
      <p>
        Serve up your latest posts, pages, tags and categories from a drop-down menu which displays relevant results even before your users finish typing their queries ;
        implementable in just a few minutes, without a single line of code.
      </p>
    </div>
    <div class="large-6 image-holder desktop-only columns">
      <img src="img/home/illus-autocomplete.svg" alt="Autocomplete">
    </div>
  </div>
</div>

<div class="section alternate">
  <div class="row">
    <div class="large-6 image-holder columns">
      <img src="img/home/illus-performance.svg" alt="Instant search results page">
    </div>
    <div class="large-6 columns">
      <h2 class="title">Realtime search experience</h2>
      <p>
        Have your search results page, navigation and pagination updated in realtime, after each keystroke.
      </p>
    </div>
  </div>
</div>

<div class="section">
  <div class="row">
    <div class="large-6 image-holder columns mobile-only">
      <img src="img/home/illus-relevant.svg" alt="Relevant">
    </div>
    <div class="large-6 columns">
      <h2 class="title">Relevant search results</h2>
      <p>
        Get your relevance game on point with the addition of features like typo-tolerance,
        custom ranking and a completely language agnostic search solution. In other words say goodbye to the fat-finger effect!
      </p>
    </div>
    <div class="large-6 image-holder desktop-only columns">
      <img src="img/home/illus-relevant.svg" alt="Relevant">
    </div>
  </div>
</div>

<div class="section alternate">
  <div class="row">
    <div class="large-6 image-holder columns">
      <img src="img/home/illus-sync.svg" alt="Synchronization">
    </div>

    <div class="large-6 columns">
      <h2 class="title">Automatic synchronization</h2>
      <p>
        Sync your docs on auto-pilot with our plug-in - simply choose the post types and corresponding taxonomies and let Algolia do the rest.
        Make latest additions searchable in real-time without lifting a finger.
      </p>
    </div>
  </div>
</div>

<div class="section">
  <div class="row">

    <div class="large-6 image-holder mobile-only columns">
      <img src="img/home/illus-analytics.svg" alt="Autocomplete">
    </div>

    <div class="large-6 columns">
      <h2 class="title">Analytics</h2>
      <p>
        Optimize your content with valuable insights into user behaviour with the help of simple analytics provided by Algolia via a user-friendly, easy-to-understand dashboard.
      </p>
    </div>

    <div class="large-6 image-holder desktop-only columns">
      <img src="img/home/illus-analytics.svg" alt="Autocomplete">
    </div>

  </div>
</div>

<div class="section alternate">
  <div class="row">
    <div class="large-6 image-holder columns">
      <img src="img/home/illus-developer.svg" alt="Developer friendly">
    </div>

    <div class="large-6 columns">
      <h2 class="title">Developer friendly</h2>
      <p>
        Implement our plugin with just a few lines of code in order to build custom faceted search experiences,
        incorporate business metrics in your search results and even customize the data pushed to Algolia.
      </p>
    </div>
  </div>
</div>

<div class="section open-source">
  <div class="row">
    <div class="large-4 large-push-4 columns">

      <a href="https://github.com/algolia/algoliasearch-wordpress"><i class="fi-social-github"></i></a>
      <h3>Raise your voice</h3>
      <p>
        This plugin is open sourced on <a href="https://github.com/algolia/algoliasearch-wordpress" target="_blank">GitHub</a>.<br>
      </p>
      <br/>
      <a class="github-button" href="https://github.com/algolia/algoliasearch-wordpress" data-style="mega" data-count-href="/algolia/algoliasearch-wordpress/stargazers" data-count-api="/repos/algolia/algoliasearch-wordpress#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star algolia/algoliasearch-wordpress on GitHub">Star</a>
    </div>

  </div>
</div>

<section class="ac-footer">
  <div class="ac-footer-container">
    <p class="ac-footer-links">
      Code licensed under
      <a href="#" class="ac-footer-link-item">MIT</a>
      <br>
      <a href="#" class="ac-footer-link-item">Github</a>
      <a href="#" class="ac-footer-link-item">issues</a>
      <a class="ac-footer-link-item" href="https://www.algolia.com/policies/privacy">Privacy policy</a>
    </p>
  </div>

  <div class="ac-footer-container ac-footer-brand">
    <p>This project is part of</p>
    <img class="ac-footer-brand-icon" src="https://res.cloudinary.com/hilnmyskv/image/upload/logo-community.svg">
    <figure>
      <img class="ac-footer-brand-logo" src="https://res.cloudinary.com/hilnmyskv/image/upload/v1463417234/algolia-community_n6tixd.svg">
      <figcaption>Algolia Community</figcaption>
    </figure>
    <a href="https://community.algolia.com/" class="ac-footer-btn ac-footer-btn-cta">See More</a>
    <span class="ac-icon ac-icon-love-dark"></span>
  </div>

  <p class="ac-footer-version">Latest version: {{ version }}</p>

  <div class="ac-footer-actions">
    <div class="footer-container">
      <p>Build unique search experiences with Algolia</p>
      <a href="https://www.algolia.com/why?utm_medium=social-owned&utm_source=wordpress%20website&utm_campaign=homepage&utm_term=why" class="ac-footer-btn ac-footer-btn-ghost-grey">
        See Why
        <span class="ac-icon-triangle"></span>
      </a>
      <a href="https://www.algolia.com/users/sign_up?utm_medium=social-owned&utm_source=wordpress%20website&utm_campaign=homepage&utm_term=get_started" class="ac-footer-btn ac-footer-btn-ghost-pink">Get Started For Free</a>
    </div>
  </div>
</section>

<script async defer src="https://buttons.github.io/buttons.js"></script>
{{> footer }}