<commit_before><%= render 'shared/navbar' %>

<div class="container">
  <div class="row">
    <div class="col-xs-10 col-xs-offset-1">
      <ul class="nav nav-tabs" role="tablist">
        <%# <li class="active"><a href="#getting-started" role="tab" data-toggle="tab">Getting Started</a></li> %>
        <li class="active"><a href="#widget" role="tab" data-toggle="tab">Helpful Widget</a></li>
        <li><a href="#email-forwarding" role="tab" data-toggle="tab">Set Up Email Forwarding</a></li>
      </ul>

      <div class="sheet">
        <div class="tab-content">
          <%# <div class="tab-pane active" id="getting-started"></div> %>
          <div class="tab-pane active" id="widget">
            <p>Your Helpful account comes with a Helpful Widget. It's a nifty way for customers to get help from you, right on your website — in the place your customers need it the most.</p>

            <p>Conversations are created from the widget like they would an email, and you reply the the users via an email.</p>

            <p>To see the widget in action, click the button below.</p>

            <script async src="https://assets.helpful.io/assets/widget.js"></script>
            <a href="#" data-helpful="helpful" class="btn btn-primary">Help!</a>

            <h3>Setting up Your Widget</h3>

            <p>Installing the Helpful Widget on your website is really easy. First, copy and paste the code below into your HTML:</p>

            <pre><code>&lt;script async src="https://assets.helpful.io/assets/widget.js"&gt;&lt;/script&gt;</code></pre>

            <p>Then add the <code>data-helpful</code> attribute to any link on your site. The value of the attribute should be the name of your account.</p>

            <pre><code>&lt;a href="#" data-helpful="&lt;HELPFUL ACCOUNT&gt;"&gt;Help!&lt;a&gt;</code></pre>

            <%= mail_to '<EMAIL>', 'Widget example', data: {helpful: 'helpful'} %>

            <h3>Customize</h3>

            <p>If you already have information about your customer, you can save them typing by having it pre-filled.</p>

            <pre><code>&lt;a href="#" data-helpful="&lt;HELPFUL ACCOUNT&gt;" data-helpful-name="<NAME>" data-helpful-email="<EMAIL>"&gt;Help!&lt;a&gt;</code></pre>

            <% if signed_in? %>
              <%= mail_to '<EMAIL>', 'Customized widget example', data: {helpful: 'helpful', 'helpful-email' => current_user.email, 'helpful-name' => current_user.name} %>
            <% else %>
              <%= mail_to '<EMAIL>', 'Customized widget example', data: {helpful: 'helpful'} %>
            <% end %>

            <h3>Need help with the widget?</h3>

            <p>If you need help installing the widget, just ask through the Helpful Widget below.</p>

            <a href="#" data-helpful="helpful" class="btn btn-primary">I need help with the widget!</a>

          </div>
          <div class="tab-pane" id="email-forwarding">
            <p>Let your customers send support requests to an email from your own domain and then automatically forward them to your Helpful account.</p>

            <h3>Forward emails from a Google Apps account</h3><commit_msg>Pre-fill user data<commit_after><%= render 'shared/navbar' %>

<div class="container">
  <div class="row">
    <div class="col-xs-10 col-xs-offset-1">
      <ul class="nav nav-tabs" role="tablist">
        <%# <li class="active"><a href="#getting-started" role="tab" data-toggle="tab">Getting Started</a></li> %>
        <li class="active"><a href="#widget" role="tab" data-toggle="tab">Helpful Widget</a></li>
        <li><a href="#email-forwarding" role="tab" data-toggle="tab">Set Up Email Forwarding</a></li>
      </ul>

      <div class="sheet">
        <div class="tab-content">
          <%# <div class="tab-pane active" id="getting-started"></div> %>
          <div class="tab-pane active" id="widget">
            <p>Your Helpful account comes with a Helpful Widget. It's a nifty way for customers to get help from you, right on your website — in the place your customers need it the most.</p>

            <p>Conversations are created from the widget like they would an email, and you reply the the users via an email.</p>

            <p>To see the widget in action, click the button below.</p>

            <script async src="https://assets.helpful.io/assets/widget.js"></script>
            <% if signed_in? %>
              <%= mail_to '<EMAIL>', 'See the Widget', data: {helpful: 'helpful', 'helpful-email' => current_user.email, 'helpful-name' => current_user.name}, class: 'btn btn-primary' %>
            <% else %>
              <%= mail_to '<EMAIL>', 'See the Widget', data: {helpful: 'helpful'}, class: 'btn btn-primary' %>
            <% end %>

            <h3>Setting up Your Widget</h3>

            <p>Installing the Helpful Widget on your website is really easy. First, copy and paste the code below into your HTML:</p>

            <pre><code>&lt;script async src="https://assets.helpful.io/assets/widget.js"&gt;&lt;/script&gt;</code></pre>

            <p>Then add the <code>data-helpful</code> attribute to any link on your site. The value of the attribute should be the name of your account.</p>

            <pre><code>&lt;a href="#" data-helpful="&lt;HELPFUL ACCOUNT&gt;"&gt;Help!&lt;a&gt;</code></pre>

            <h3>Customize</h3>

            <p>If you already have information about your customer, you can save them typing by having it pre-filled.</p>

            <pre><code>&lt;a href="#" data-helpful="&lt;HELPFUL ACCOUNT&gt;" data-helpful-name="<NAME>" data-helpful-email="<EMAIL>"&gt;Help!&lt;a&gt;</code></pre>

            <% if signed_in? %>
              <%= mail_to '<EMAIL>', 'Customized widget example', data: {helpful: 'helpful', 'helpful-email' => current_user.email, 'helpful-name' => current_user.name} %>
            <% else %>
              <%= mail_to '<EMAIL>', 'Customized widget example', data: {helpful: 'helpful'} %>
            <% end %>

            <h3>Need help with the widget?</h3>

            <p>If you need help installing the widget, just ask through the Helpful Widget below.</p>

            <% if signed_in? %>
              <%= mail_to '<EMAIL>', 'Help!', data: {helpful: 'helpful', 'helpful-email' => current_user.email, 'helpful-name' => current_user.name}, class: 'btn btn-primary' %>
            <% else %>
              <%= mail_to '<EMAIL>', 'Help!', data: {helpful: 'helpful'}, class: 'btn btn-primary' %>
            <% end %>
          </div>
          <div class="tab-pane" id="email-forwarding">
            <p>Let your customers send support requests to an email from your own domain and then automatically forward them to your Helpful account.</p>

            <h3>Forward emails from a Google Apps account</h3>
{'fraction_non_alphanumeric': 0.16268368710108358, 'fraction_numerical': 0.003265548463707882, 'mean_word_length': 2.8197278911564627, 'pattern_counts': {'":': 0, '<': 175, '<?xml version=': 0, '>': 183, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7036204', 'n_tokens_mistral': 2117, 'n_tokens_neox': 2027, 'n_words': 611}