index.html

---
layout: base
title: Main
type: main
no_nav: true
---
<div class='home_body'>
  <div class='home_container'>
    <div class='section top'>
      <h1>Documentation</h1>
    </div>
    <div class='section'>
      <div class='column left firstRow' id='greatestHits'>
        <h2>Greatest Hits</h2>
        <ul>
          <li>
            <a href="{{ '/plans-comparison' | post_url }}">Comparing Wistia Plans</a>
          </li>
          <li>
            <a href="{{ '/account-setup' | post_url }}">Account Setup</a>
          </li>
          <li>
            <a href="{{ '/customizing-your-video' | post_url }}">Customizing Your Video</a>
          </li>
          <li>
            <a href="{{ '/embedding' | post_url }}">Embedding</a>
          </li>
          <li>
            <a href="{{ '/embedded-video-analytics' | post_url }}">Wistia Analytics</a>
          </li>
        </ul>
      </div>
      <div class='columnBig firstRow homepage-search' id='search'>
        <h2>Search</h2>
        <input id='searchField' placeholder='What are you looking for?' type='text' />
        <button></button>
      </div>
    </div>
    <div class='section'>
      {% include wistia-basics-thumbnails.html %}
    </div>
    <div class='section'>
      <div class='column left secondRow' id='gettingSetUp'>
        <h2>
          <a href="{{ 'getting-set-up' | category_url }}">
            Getting Set Up
          </a>
        </h2>
        <ul>
          <li>
            <a href="{{ '/plans-comparison' | post_url }}">
              Choosing the Wistia plan for you
            </a>
          </li>
          <li>
            <a href="{{ '/account-setup' | post_url }}">
              Account Setup
            </a>
          </li>
          <li>
            <a href="{{ '/viewer-rec' | post_url }}">
              What Viewers Need to Watch Wistia Video
            </a>
          </li>
          <li>
            <a href="{{ '/export-settings' | post_url }}">
              Optimal Export Settings
            </a>
          </li>
          <li>
            <a href="{{ '/exporting-guide' | post_url }}">
              Exporting From Video Editors
            </a>
          </li>
          <li>
            <a href="{{ '/security' | post_url }}">
              Wistia Video Security
            </a>
          </li>
        </ul>
        <a class='viewAll' href="{{ 'getting-set-up' | category_url }}">
          View All 7
        </a>
      </div>
      <div class='column middle secondRow' id='embedding'>
        <h2>
          <a href="{{ 'embedding' | category_url }}">
            Customize & Embed
          </a>
        </h2>
        <ul>
          <li>
            <a href="{{ '/customizing-your-video' | post_url }}">
              Customizing Your Video
            </a>
          </li>
          <li>
            <a href="{{ '/embedding' | post_url }}">
              Embedding Video on Your Website
            </a>
          </li>
          <li>
            <a href="{{ '/playlists' | post_url }}">
              Video Playlists
            </a>
          </li>
          <li>
            <a href="{{ '/social-sharing' | post_url }}">
              Social Sharing
            </a>
          </li>
          <li>
            <a href="{{ '/captions' | post_url }}">
              Captions
            </a>
          </li>
        </ul>
        <a class='viewAll' href="{{ 'embedding' | category_url }}">
          View All 6
        </a>
      </div>
      <div class='column right secondRow' id='privateSharing'>
        <h2>
          <a href="{{ 'private-sharing' | category_url }}">
            Private Sharing
          </a>
        </h2>
        <ul>
          <li>
            <a href="{{ '/private-sharing' | post_url }}">
              Sharing Video Privately
            </a>
          </li>
          <li>
            <a href="{{ '/contacts' | post_url }}">
              Contact Management
            </a>
          </li>
          <li>
            <a href="{{ '/permissions' | post_url }}">
              Permission Types in Wistia
            </a>
          </li>
          <li>
            <a href="{{ '/alerts' | post_url }}">
              Tracking Alerts
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class='section'>
      <div class='column left thirdRow' id='analytics'>
        <h2>
          <a href="{{ 'analytics' | category_url }}">Analytics</a>
        </h2>
        <ul>
          <li>
            <a href="{{ '/embedded-video-analytics' | post_url }}">
              Analytics for Public Video
            </a>
          </li>
          <li>
            <a href="{{ '/private-analytics' | post_url }}">
              Analytics for Private Video
            </a>
          </li>
          <li>
            <a href="{{ '/identity-tagging' | post_url }}">
              Identity Tagging
            </a>
          </li>
        </ul>
      </div>
      <div class='column middle thirdRow' id='integrations'>
        <h2>
          <a href="{{ 'integrations' | category_url }}">
            Integrations
          </a>
        </h2>
        <ul>
          <li>
            <a href="{{ '/integrations' | post_url }}">
              Integrations Index
            </a>
          </li>
          <li>
            <a href="{{ '/hubspot' | post_url }}">
              HubSpot
            </a>
          </li>
          <li>
            <a href="{{ '/mailchimp' | post_url }}">
              MailChimp
            </a>
          </li>
          <li>
            <a href="{{ '/pardot' | post_url }}">
              Pardot
            </a>
          </li>
          <li>
            <a href="{{ '/wordpress' | post_url }}">
              WordPress
            </a>
          </li>
          <li>
            <a href="{{ '/google-analytics' | post_url }}">
              Google Analytics
            </a>
          </li>
        </ul>
      </div>
      <div class='column right thirdRow' id='publicSharing'>
        <h2>
          <a href="{{ 'public-sharing' | category_url }}">
            Public Sharing
          </a>
        </h2>
        <ul>
          <li>
            <a href="{{ '/email-marketing' | post_url }}">
              Email Marketing
            </a>
          </li>
          <li>
            <a href="{{ '/video-seo' | post_url }}">
              Video SEO
            </a>
          </li>
          <li>
            <a href="{{ '/podcast' | post_url }}">
              RSS/Podcasts
            </a>
          </li>
          <li>
            <a href="{{ '/replaceable-video' | post_url }}">
              Replaceable Video
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class='section last'>
      <div class='column left thirdRow developers' id='developers'>
        <h2>
          <a href="{{ '/developers' | post_url }}">Developers</a>
        </h2>
        <ul>
          <li>
            <a href="{{ '/player-api' | post_url }}">
              Javascript Player API
            </a>
          </li>
          <li>
            <a href="{{ '/player-api#javascript_player_api_events' | post_url }}">
              Javascript Player Events
            </a>
          </li>
          <li>
            <a href="{{ '/data-api' | post_url }}">
              Data API
            </a>
          </li>
          <li>
            <a href="{{ '/upload-api' | post_url }}">
              Upload API
            </a>
          </li>
          <li>
            <a href="{{ '/stats-api' | post_url }}">
              Stats API
            </a>
          </li>
          <li>
            <a href="{{ '/construct-an-embed-code' | post_url }}">
              Construct an Embed Code guide
            </a>
          </li>
          <li>
            <a href="{{ '/embed-options' | post_url }}">
              Embedding Options
            </a>
          </li>
          <li>
            <a href="{{ '/responsive-design' | post_url }}">
              Responsive Design
            </a>
          </li>
          <li>
            <a href="{{ '/playlist-api' | post_url }}">
              Playlist API
            </a>
          </li>
          <li>
            <a href="{{ '/upload-widget-specs' | post_url }}">
              Upload Widgets
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<script type='text/javascript'>
  //<![CDATA[
    var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/i) ? true : false );
    
    if (!iOS) {
      $('.post_list li').each( function() {
        var $this = $(this),
          $a = $this.find("a"),
          $hint = $this.find(".hint");
        $a.hover(function() {
          $hint.addClass("unhide");
        }, function() {
          $hint.removeClass("unhide");
        });
      });
    };
  //]]>
</script>