anchor.diff:  
               <p>By the default a 70% transparent overlay is shown behind the widget. Use the overlay option to disable it. (Example is in combination with the modal option.)</p>
   
  -            <pre><code>&lt;a href="mailto:your-account@helpful.io" data-helpful="&lt;HELPFUL ACCOUNT&gt;" data-helpful-modal="on" data-helpful-overlay="off"&gt;Help!&lt;a&gt;</code></pre>
  +            <pre><code>&lt;a href="mailto:your-account@helpful.io" data-helpful="<%= @account.slug %>" data-helpful-modal="on" data-helpful-overlay="off"&gt;Help!&lt;&#47;a&gt;</code></pre>
   
               <%= mail_to 'helpful@helpful.io', 'Example', data: {helpful: 'helpful', 'helpful-modal' => 'on', 'helpful-overlay' => 'off'} %>
   
  
positive.code: 
              <p>The texts that are used in the widget can be customized. Every piece of text has been assigned a specific keys. The values of the keys can be overriden in two ways. First, you can include an extra attribute containing the custom text. The example only overrides the title of the widget. You can include as much attributes as you need. For a full list of keys, check out the example file below. Make sure to replace any underscores (_) with a dash (-) in attribute names.</p>
  
              <pre><code>&lt;a href="mailto:your-account@helpful.io" data-helpful="&lt;HELPFUL ACCOUNT&gt;" data-helpful-title="Got a question?"&gt;Help!&lt;a&gt;</code></pre>
  
              <p><a href="mailto:helpful@helpful.io" data-helpful="helpful" data-helpful-title="Got a question?">Example</a></p>
  
  
negative.code: 
              <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="mailto:your-account@helpful.io" data-helpful="<%= @account.slug %>"&gt;Help!&lt;&#47;a&gt;</code></pre>
  
              <h3>Fallback</h3>
  
              <p>To make sure your link isn't completely broken when the widget fails to load you can add a mailto to the link. The widget prevents any default events when it's properly loaded.</p>
  
              <pre><code>&lt;a href="mailto:your-account@helpful.io" data-helpful="<%= @account.slug %>"&gt;Help!&lt;&#47;a&gt;</code></pre>
  
              <h3>Customize</h3>
  
  