urlscan.io logo urlscan.io
SecurityTrails logo

htmlsig.com Open in urlscan Pro
3.232.242.170  Public Scan

Back to summary
Submitted URL: http://htmlsig.com/
Effective URL: https://htmlsig.com/
Submission: On January 12 via manual from US — Scanned from DE

Form analysis 3 forms found in the DOM

POST /signatures

<form id="sig" novalidate="novalidate" class="simple_form new_signature" action="/signatures" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="authenticity_token"
    value="xD7iR7U86f2lXjRoGBv2ABHjy1MzvLnG7B7zokpQU+4LNESYuvPJvzouljJ+az4/DHfI8w1ojkT9n8Ha8yXsDw==">
  <div id="a_comment_body_hp_1673552905">
    <style type="text/css" media="screen" scoped="scoped">
      [id='a_comment_body_hp_1673552905'] {
        display: none;
      }
    </style><label for="a_comment_body">Do not fill in this field</label><textarea name="a_comment_body" id="a_comment_body"></textarea>
  </div>
  <div class="control-group hidden signature_is_generator">
    <div class="controls"><input class="hidden" type="hidden" value="false" name="signature[is_generator]" id="signature_is_generator"></div>
  </div>
  <h3 class="edit-form-title">Your information</h3><span tabindex="0" class="tips edit-form-title-tip" data-toggle="popover" data-trigger="focus" data-placement="right"
    data-content="Fill out the fields below and leave any that you would like to skip blank. You can always come back and add them to your email signature later." data-original-title="" title=""></span>
  <fieldset id="edit-form">
    <ul class="nav nav-tabs">
      <li class="active"><a href="#user-info" data-toggle="tab">Main</a></li>
      <li><a href="#social" data-toggle="tab">Social</a></li>
      <li class="disabled-option"><a href="#disclaimer" data-toggle="tab">Disclaimer</a></li>
      <li class="disabled-option"><a href="#banner" data-toggle="tab">Banner</a></li>
      <li class="disabled-option"><a href="#app-download" data-toggle="tab">Apps/Buttons</a></li>
      <li class="disabled-option"><a href="#other" data-toggle="tab">Style</a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
      <div class="tab-pane active" id="user-info">
        <div class="row">
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_name"><label class="string optional control-label" for="signature_name">Name</label>
              <div class="controls"><input class="string optional form-control group-require" type="text" name="signature[name]" id="signature_name"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_jobtitle"><label class="string optional control-label" for="signature_jobtitle">Job Title</label>
              <div class="controls"><input class="string optional form-control group-require" type="text" name="signature[jobtitle]" id="signature_jobtitle"></div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12 col-sm-6">
            <div class="control-group email optional signature_email"><label class="email optional control-label" for="signature_email">Email</label>
              <div class="controls"><input class="string email optional form-control group-require" placeholder="user@domain.com" type="email" name="signature[email]" id="signature_email"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_mobilephone"><label class="string optional control-label" for="signature_mobilephone">Mobile Phone</label>
              <div class="controls"><input class="string optional form-control group-require" type="text" name="signature[mobilephone]" id="signature_mobilephone"></div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_companyname"><label class="string optional control-label" for="signature_companyname">Company Name</label>
              <div class="controls"><input class="string optional form-control group-require" type="text" name="signature[companyname]" id="signature_companyname"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_website"><label class="string optional control-label" for="signature_website">Website</label>
              <div class="controls"><input class="string optional form-control group-require" type="text" name="signature[website]" id="signature_website"></div>
            </div>
          </div>
        </div>
        <div>
          <div class="control-group hidden signature_logo_id">
            <div class="controls"><input class="hidden" type="hidden" name="signature[logo_id]" id="signature_logo_id"></div>
          </div>
          <a data-toggle="modal" href="#dropzone-logo-modal" class="btn btn-default btn-block btn-show" id="start-logo-dropzone"><span class="glyphicon glyphicon-upload" aria-hidden="true"></span> Upload Your Avatar or Logo</a>
          <a class="btn btn-danger btn-block btn-hide" id="btn-clear-logo"><span class="glyphicon glyphicon-trash " aria-hidden="true"></span> Remove Avatar or Logo</a>
        </div>
        <div class="row">
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_officephone"><label class="string optional control-label" for="signature_officephone">Office Phone</label>
              <div class="controls"><input class="string optional form-control" type="text" name="signature[officephone]" id="signature_officephone"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_fax"><label class="string optional control-label" for="signature_fax">Fax</label>
              <div class="controls"><input class="string optional form-control" type="text" name="signature[fax]" id="signature_fax"></div>
            </div>
          </div>
        </div>
        <div class="control-group string optional signature_address"><label class="string optional control-label" for="signature_address">Address</label>
          <div class="controls"><input class="string optional form-control" type="text" name="signature[address]" id="signature_address"></div>
        </div>
        <div class="control-group string optional signature_address2"><label class="string optional control-label" for="signature_address2">Address - Line 2</label>
          <div class="controls"><input class="string optional form-control" type="text" name="signature[address2]" id="signature_address2"></div>
        </div>
      </div>
      <div class="tab-pane" id="social">
        <p><strong>Copy and paste your social profile url's into the fields below.</strong><br> Please make sure to add <strong>http://</strong> or <strong>https://</strong> at the beginning as shown in the examples.</p>
        <hr>
        <div class="row">
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_twitter"><label class="string optional control-label" for="signature_twitter">Twitter</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://twitter.com/yourprofile" type="text" name="signature[twitter]" id="signature_twitter"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_facebook"><label class="string optional control-label" for="signature_facebook">Facebook</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://facebook.com/yourprofile" type="text" name="signature[facebook]" id="signature_facebook"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_googleplus"><label class="string optional control-label" for="signature_googleplus">Googleplus</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://googleplus.com/yourprofile" type="text" name="signature[googleplus]" id="signature_googleplus"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_linkedin"><label class="string optional control-label" for="signature_linkedin">Linkedin</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://linkedin.com/yourprofile" type="text" name="signature[linkedin]" id="signature_linkedin"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_instagram"><label class="string optional control-label" for="signature_instagram">Instagram</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://instagram.com/yourprofile" type="text" name="signature[instagram]" id="signature_instagram"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_dribbble"><label class="string optional control-label" for="signature_dribbble">Dribbble</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://dribbble.com/yourprofile" type="text" name="signature[dribbble]" id="signature_dribbble"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_skype"><label class="string optional control-label" for="signature_skype">Skype</label>
              <div class="controls"><input class="string optional form-control" placeholder="skype username" type="text" name="signature[skype]" id="signature_skype"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_youtube"><label class="string optional control-label" for="signature_youtube">Youtube</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://youtube.com/yourprofile" type="text" name="signature[youtube]" id="signature_youtube"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_vimeo"><label class="string optional control-label" for="signature_vimeo">Vimeo</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://vimeo.com/yourprofile" type="text" name="signature[vimeo]" id="signature_vimeo"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_flickr"><label class="string optional control-label" for="signature_flickr">Flickr</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://flickr.com/yourprofile" type="text" name="signature[flickr]" id="signature_flickr"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_fivehundredpx"><label class="string optional control-label" for="signature_fivehundredpx">Fivehundredpx</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://fivehundredpx.com/yourprofile" type="text" name="signature[fivehundredpx]" id="signature_fivehundredpx"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_pinterest"><label class="string optional control-label" for="signature_pinterest">Pinterest</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://pinterest.com/yourprofile" type="text" name="signature[pinterest]" id="signature_pinterest"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_github"><label class="string optional control-label" for="signature_github">Github</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://github.com/yourprofile" type="text" name="signature[github]" id="signature_github"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_zillow"><label class="string optional control-label" for="signature_zillow">Zillow</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://zillow.com/yourprofile" type="text" name="signature[zillow]" id="signature_zillow"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_yelp"><label class="string optional control-label" for="signature_yelp">Yelp</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://yelp.com/yourprofile" type="text" name="signature[yelp]" id="signature_yelp"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_tripadvisor"><label class="string optional control-label" for="signature_tripadvisor">Tripadvisor</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://tripadvisor.com/yourprofile" type="text" name="signature[tripadvisor]" id="signature_tripadvisor"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_houzz"><label class="string optional control-label" for="signature_houzz">Houzz</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://houzz.com/yourprofile" type="text" name="signature[houzz]" id="signature_houzz"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_soundcloud"><label class="string optional control-label" for="signature_soundcloud">Soundcloud</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://soundcloud.com/yourprofile" type="text" name="signature[soundcloud]" id="signature_soundcloud"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_tumblr"><label class="string optional control-label" for="signature_tumblr">Tumblr</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://tumblr.com/yourprofile" type="text" name="signature[tumblr]" id="signature_tumblr"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_stackoverflow"><label class="string optional control-label" for="signature_stackoverflow">Stackoverflow</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://stackoverflow.com/yourprofile" type="text" name="signature[stackoverflow]" id="signature_stackoverflow"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_wordpress"><label class="string optional control-label" for="signature_wordpress">Wordpress</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://wordpress.com/yourprofile" type="text" name="signature[wordpress]" id="signature_wordpress"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_quora"><label class="string optional control-label" for="signature_quora">Quora</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://quora.com/yourprofile" type="text" name="signature[quora]" id="signature_quora"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_behance"><label class="string optional control-label" for="signature_behance">Behance</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://behance.com/yourprofile" type="text" name="signature[behance]" id="signature_behance"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_imdb"><label class="string optional control-label" for="signature_imdb">Imdb</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://imdb.com/yourprofile" type="text" name="signature[imdb]" id="signature_imdb"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_maps"><label class="string optional control-label" for="signature_maps">Maps</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://maps.com/yourprofile" type="text" name="signature[maps]" id="signature_maps"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_bitbucket"><label class="string optional control-label" for="signature_bitbucket">Bitbucket</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://bitbucket.com/yourprofile" type="text" name="signature[bitbucket]" id="signature_bitbucket"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_periscope"><label class="string optional control-label" for="signature_periscope">Periscope</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://periscope.com/yourprofile" type="text" name="signature[periscope]" id="signature_periscope"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_snapchat"><label class="string optional control-label" for="signature_snapchat">Snapchat</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://snapchat.com/yourprofile" type="text" name="signature[snapchat]" id="signature_snapchat"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_spotify"><label class="string optional control-label" for="signature_spotify">Spotify</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://spotify.com/yourprofile" type="text" name="signature[spotify]" id="signature_spotify"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_xing"><label class="string optional control-label" for="signature_xing">Xing</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://xing.com/yourprofile" type="text" name="signature[xing]" id="signature_xing"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_whatsapp"><label class="string optional control-label" for="signature_whatsapp">Whatsapp</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://whatsapp.com/yourprofile" type="text" name="signature[whatsapp]" id="signature_whatsapp"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_wechat"><label class="string optional control-label" for="signature_wechat">Wechat</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://wechat.com/yourprofile" type="text" name="signature[wechat]" id="signature_wechat"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_telegram"><label class="string optional control-label" for="signature_telegram">Telegram</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://telegram.com/yourprofile" type="text" name="signature[telegram]" id="signature_telegram"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_tiktok"><label class="string optional control-label" for="signature_tiktok">Tiktok</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://tiktok.com/yourprofile" type="text" name="signature[tiktok]" id="signature_tiktok"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6">
            <div class="control-group string optional signature_mixcloud"><label class="string optional control-label" for="signature_mixcloud">Mixcloud</label>
              <div class="controls"><input class="string optional form-control" placeholder="https://mixcloud.com/yourprofile" type="text" name="signature[mixcloud]" id="signature_mixcloud"></div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6" style="margin-top: 30px">
            <span class="glyphicon glyphicon-plus"></span>
            <a target="_blank" href="https://htmlsig.zendesk.com/hc/en-us/articles/204134518-How-do-I-request-adding-additional-social-media-icon-options-">Suggest a new one!</a>
          </div>
        </div>
      </div>
      <div class="tab-pane" id="disclaimer">
        <div class="hide">
          <div class="control-group radio_buttons_inline optional signature_showdisclaimer"><label class="radio_buttons_inline optional control-label">Show Disclaimer</label>
            <div class="controls"><input type="hidden" name="signature[showdisclaimer]" value=""><span class="radio-inline"><label for="signature_showdisclaimer_true"><input class="radio_buttons_inline optional  styling" type="radio" value="true"
                    name="signature[showdisclaimer]" id="signature_showdisclaimer_true">Yes</label></span><span class="radio-inline"><label for="signature_showdisclaimer_false"><input class="radio_buttons_inline optional  styling" type="radio"
                    value="false" name="signature[showdisclaimer]" id="signature_showdisclaimer_false">No</label></span></div>
          </div>
          <div class="field">
            <div class="control-group text optional signature_disclaimer"><label class="text optional control-label" for="signature_disclaimer">Disclaimer</label>
              <div class="controls"><textarea class="text optional form-control disclaimer disabled" name="signature[disclaimer]" id="signature_disclaimer"
                  disabled="disabled">This e-mail message may contain confidential or legally privileged information and is intended only for the use of the intended recipient(s). Any unauthorized disclosure, dissemination, distribution, copying or the taking of any action in reliance on the information herein is prohibited. E-mails are not secure and cannot be guaranteed to be error free as they can be intercepted, amended, or contain viruses. Anyone who communicates with us by e-mail is deemed to have accepted these risks. Company Name is not responsible for errors or omissions in this message and denies any responsibility for any damage arising from the use of e-mail. Any opinion and other statement contained in this message and any attachment are solely those of the author and do not necessarily represent those of the company.</textarea>
              </div>
            </div>
          </div>
          <a href="http://lifehacker.com/5790930/disclaimers-in-email-signatures-are-not-just-annoying-but-legally-meaningless" target="_blank">Disclaimers in Email Signatures are Not Just Annoying, But Legally Meaningless</a>
        </div>
        <h4>Paid Accounts Only</h4>
        <p> Please <a href="/pricing?utm_campaign=signup&amp;utm_source=editor">sign up</a> to add a legal disclaimer to your signature. </p>
        <hr>
        <img alt="Disclaimer options" class="disabled-option img-responsive" src="/assets/disclaimer-194cfacf5ecb420d325e7fcc9660a183ca8724a8fe83d12e69a45c81be33f318.png">
      </div>
      <div class="tab-pane" id="banner">
        <div class="hide">
          <p>Attach a promotional banner to the bottom of your signature. When clicked users will be taken to the link you enter in the banner link field.</p>
          <p>Recommended size for banner is 450px by 200px or 900px by 400px for retina banners, anything wider will be resized automatically.</p>
          <div>
            <div class="control-group radio_buttons_inline optional signature_showbanner"><label class="radio_buttons_inline optional control-label">Show Banner</label>
              <div class="controls"><input type="hidden" name="signature[showbanner]" value=""><span class="radio-inline"><label for="signature_showbanner_true"><input class="radio_buttons_inline optional  styling" type="radio" value="true"
                      checked="checked" name="signature[showbanner]" id="signature_showbanner_true">Yes</label></span><span class="radio-inline"><label for="signature_showbanner_false"><input class="radio_buttons_inline optional  styling"
                      type="radio" value="false" name="signature[showbanner]" id="signature_showbanner_false">No</label></span></div>
            </div>
          </div>
          <div>
            <div class="control-group radio_buttons_inline optional signature_retina_banner"><label class="radio_buttons_inline optional control-label">Is image retina (sized at 2x)?</label>
              <div class="controls"><input type="hidden" name="signature[retina_banner]" value=""><span class="radio-inline"><label for="signature_retina_banner_true"><input class="radio_buttons_inline optional  styling" type="radio" value="true"
                      name="signature[retina_banner]" id="signature_retina_banner_true">Yes</label></span><span class="radio-inline"><label for="signature_retina_banner_false"><input class="radio_buttons_inline optional  styling" type="radio"
                      value="false" checked="checked" name="signature[retina_banner]" id="signature_retina_banner_false">No</label></span></div>
            </div>
            <p class="help-block">If you want a retina banner please be sure to set this to yes and upload a banner 2 times larger in size. For example for a 450x150 banner please upload a 900x300 version.</p>
          </div>
          <div>
            <div class="control-group hidden signature_banner_id">
              <div class="controls"><input class="hidden" type="hidden" name="signature[banner_id]" id="signature_banner_id"></div>
            </div>
            <a data-toggle="modal" href="#dropzone-banner-modal" class="btn btn-default btn-block" id="start-banner-dropzone"><span class="glyphicon glyphicon-upload" aria-hidden="true"></span> Upload a Promotional Banner</a>
          </div>
          <div class="row">
            <div class="col-xs-12">
              <div class="control-group string optional signature_bannerlink"><label class="string optional control-label" for="signature_bannerlink">Banner Link</label>
                <div class="controls"><input class="string optional form-control" type="text" value="https://htmlsig.com" name="signature[bannerlink]" id="signature_bannerlink"></div>
              </div>
            </div>
          </div>
        </div>
        <h4>Paid Accounts Only</h4>
        <p> Please <a href="/pricing?utm_campaign=signup&amp;utm_source=editor">sign up</a> to add a banner to your signature. </p>
        <hr>
        <img alt="Banner options" class="disabled-option img-responsive" src="/assets/banner-f6e13db992d2fa9c22713f2d649707645769a58916450aefe0660332d64b9811.png">
      </div>
      <div class="tab-pane" id="app-download">
        <div class="hide">
          <!-- Show to logged in users or when editing a signature created from a paid account-->
          <h4>App Store buttons</h4>
          <p>Do you have an app on the app store? use these buttons to link to your app.</p>
          <br>
          <div class="row app-icon-row">
            <div class="col-xs-12 col-sm-4">
              <img src="https://s3.amazonaws.com/htmlsig-assets/app-icon/apple.png" class="appstore-icon img-responsive" alt="Download on the App Store">
            </div>
            <div class="col-xs-12 col-sm-8">
              <div class="control-group string optional signature_apple_app_store_link"><label class="string optional control-label" for="signature_apple_app_store_link">Apple Store</label>
                <div class="controls"><input class="string optional form-control" placeholder="enter link here" type="text" name="signature[apple_app_store_link]" id="signature_apple_app_store_link"></div>
              </div>
            </div>
          </div>
          <div class="row app-icon-row">
            <div class="col-xs-12 col-sm-4">
              <img src="https://s3.amazonaws.com/htmlsig-assets/app-icon/google.png" class="appstore-icon img-responsive" alt="Get it on Google Play">
            </div>
            <div class="col-xs-12 col-sm-8">
              <div class="control-group string optional signature_google_play_link"><label class="string optional control-label" for="signature_google_play_link">Google play Store</label>
                <div class="controls"><input class="string optional form-control" placeholder="enter link here" type="text" name="signature[google_play_link]" id="signature_google_play_link"></div>
              </div>
            </div>
          </div>
          <div class="row app-icon-row">
            <div class="col-xs-12 col-sm-4">
              <img src="https://s3.amazonaws.com/htmlsig-assets/app-icon/amazon.png" class="appstore-icon img-responsive" alt="Available at Amazon">
            </div>
            <div class="col-xs-12 col-sm-8">
              <div class="control-group string optional signature_amazon_app_store_link"><label class="string optional control-label" for="signature_amazon_app_store_link">Amazon Store</label>
                <div class="controls"><input class="string optional form-control" placeholder="enter link here" type="text" name="signature[amazon_app_store_link]" id="signature_amazon_app_store_link"></div>
              </div>
            </div>
          </div>
          <hr>
          <div class="row">
            <div class="col-sm-12">
              <h4>Calendar link button</h4>
              <p>Add a calendar scheduling button to your signature.</p>
              <img src="https://s3.amazonaws.com/htmlsig-assets/calendar/schedule-a-meeting.png" class="appstore-icon img-responsive" alt="Available at Amazon">
              <br>
              <div class="form-group">
                <div class="control-group string optional signature_calendar_link"><label class="string optional control-label" for="signature_calendar_link">Calendar scheduling URL</label>
                  <div class="controls"><input class="string optional form-control" placeholder="http://something.com" type="text" name="signature[calendar_link]" id="signature_calendar_link"></div>
                </div>
                <span class="form-text text-muted">Enter your calendly, hubspot or other calendar scheduling url.</span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-12">
              <h4>WhatsApp Message button</h4>
              <p>Add a WhatsApp message button to your signature. To findout more about how this works see this link from the <a href="https://faq.whatsapp.com/en/android/26000030/">Whatsapp API</a>.</p>
              <img src="https://s3.amazonaws.com/htmlsig-assets/whatsapp/whatsapp-contact_me.png" class="appstore-icon img-responsive" alt="Available at Amazon">
              <br>
              <div class="form-group">
                <div class="control-group string optional signature_whatsapp_number"><label class="string optional control-label" for="signature_whatsapp_number">WhatsApp phone number</label>
                  <div class="controls"><input class="string optional form-control" placeholder="15551234567" type="text" name="signature[whatsapp_number]" id="signature_whatsapp_number"></div>
                </div>
                <small id="numberHelp" class="form-text text-muted">Enter your telephone number 15551234567 not +001-(555)1234567.</small>
              </div>
              <div class="form-group">
                <div class="control-group string optional signature_whatsapp_message"><label class="string optional control-label" for="signature_whatsapp_message">A pre-filled message that will automatically appear in the text field of the chat
                    (optional)</label>
                  <div class="controls"><input class="string optional form-control" placeholder="Hello, I would like to request a quote" type="text" name="signature[whatsapp_message]" id="signature_whatsapp_message"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- show this to free sigs or not logged in users -->
        <h4>Paid Accounts Only</h4>
        <p> Please <a href="/pricing?utm_campaign=signup&amp;utm_source=editor">sign up</a> to add App Store links to your signature. </p>
        <hr>
        <img alt="App Icons options" class="disabled-option img-responsive" src="/assets/app-icons-59190f8c23a0b5c861ae611dba2e9b4f6b5dbb152ab5d8871b1d3560fb826bfc.png">
      </div>
      <div class="tab-pane" id="other">
        <div class="hide">
          <div class="row">
            <div class="col-sm-12">
              <div class="control-group radio_buttons optional signature_sigstyle">
                <label class="radio_buttons optional control-label">Layout</label>
                <div class="controls">
                  <label class="radio radio-inline basic active">
                    <input class="styling basic" type="radio" value="theme-1" checked="true" name="signature[sigstyle]" id="signature_sigstyle_theme-1"> Basic </label>
                  <label class="radio radio-inline peach">
                    <input class="styling peach" type="radio" value="theme-2" name="signature[sigstyle]" id="signature_sigstyle_theme-2"> Peach </label>
                  <label class="radio radio-inline orange">
                    <input class="styling orange" type="radio" value="theme-3" name="signature[sigstyle]" id="signature_sigstyle_theme-3"> Orange </label>
                  <label class="radio radio-inline plum">
                    <input class="styling plum" type="radio" value="theme-4" name="signature[sigstyle]" id="signature_sigstyle_theme-4"> Plum </label>
                  <label class="radio radio-inline nectarine">
                    <input class="styling nectarine" type="radio" value="theme-5" name="signature[sigstyle]" id="signature_sigstyle_theme-5"> Nectarine </label>
                  <label class="radio radio-inline citron">
                    <input class="styling citron" type="radio" value="theme-6" name="signature[sigstyle]" id="signature_sigstyle_theme-6"> Citron </label>
                  <label class="radio radio-inline tangerine">
                    <input class="styling tangerine" type="radio" value="theme-8" name="signature[sigstyle]" id="signature_sigstyle_theme-8"> Tangerine </label>
                </div>
              </div>
              <hr>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12 col-sm-4 colorpicker-inputs">
              <label for="signature_textcolor">Text Color</label>
              <div id="text-color-picker" class="input-group  color-picker colorpicker-element">
                <div class="control-group string optional signature_textcolor">
                  <div class="controls"><input placeholder="#212121" class="string optional form-control styling" type="text" value="#212121" name="signature[textcolor]" id="signature_textcolor"></div>
                </div>
                <span class="input-group-addon"><i style="background-color:#212121"></i></span>
              </div>
            </div>
            <div class="col-xs-12 col-sm-4 colorpicker-inputs">
              <label for="signature_linkcolor">Primary Color</label>
              <div id="link-color-picker" class="input-group  color-picker colorpicker-element">
                <div class="control-group string optional signature_linkcolor">
                  <div class="controls"><input placeholder="#477ccc" class="string optional form-control styling" type="text" value="#477ccc" name="signature[linkcolor]" id="signature_linkcolor"></div>
                </div>
                <span class="input-group-addon"><i style="background-color:#477ccc"></i></span>
              </div>
            </div>
            <div class="col-xs-12 col-sm-4 colorpicker-inputs">
              <label for="signature_secondarycolor">Secondary Color</label>
              <div id="secondary-color-picker" class="input-group color-picker colorpicker-element">
                <div class="control-group string optional signature_secondary_color">
                  <div class="controls"><input placeholder="#477ccc" class="string optional form-control styling" type="text" value="#212121" name="signature[secondary_color]" id="signature_secondary_color"></div>
                </div>
                <span class="input-group-addon"><i style="background-color: rgb(33, 33, 33);"></i></span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <div class="control-group select optional signature_font"><label class="select optional control-label" for="signature_font">Font Style</label>
                <div class="controls"><select class="select optional form-control styling" name="signature[font]" id="signature_font">
                    <option value="Helvetica, Arial, sans-serif">Sans Serif</option>
                    <option value="Georgia, Times, serif">Serif</option>
                    <option value="Arial, Helvetica Neue, Helvetica, sans-serif">Arial</option>
                    <option value="Arial Black, Arial Bold, Gadget, sans-serif">Arial Black</option>
                    <option value="Arial Narrow, Arial, sans-serif">Arial Narrow</option>
                    <option value="Arial Rounded MT Bold, Helvetica Rounded, Arial, sans-serif">Arial Rounded MT Bold</option>
                    <option value="Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif">Calibri</option>
                    <option value="Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif">Candara</option>
                    <option value="Century Gothic, CenturyGothic, AppleGothic, sans-serif">Century Gothic</option>
                    <option value="Gill Sans, Gill Sans MT, Calibri, sans-serif">Gil Sans</option>
                    <option value="Tahoma, Verdana, Segoe, sans-serif">Tahoma</option>
                    <option value="Verdana, Geneva, sans-serif">Verdana</option>
                    <option value="Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif">Book Antiqua</option>
                    <option value="Cambria, Georgia, serif">Cambria</option>
                    <option value="Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif">Garamond</option>
                    <option value="Georgia, Times, Times New Roman, serif">Georgia</option>
                    <option value="Lucida Bright, Georgia, serif">Lucida Bright</option>
                    <option value="Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif">Palatino</option>
                    <option value="Baskerville, Baskerville Old Face, Hoefler Text, Garamond, Times New Roman, serif">Baskerville</option>
                    <option value="TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif">Times New Roman</option>
                    <option value="Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace">Courier New</option>
                    <option value="Lucida Sans Typewriter, Lucida Console, monaco, Bitstream Vera Sans Mono, monospace">Lucida Sans Typewriter</option>
                    <option value="Copperplate, Copperplate Gothic Light, fantasy">Copperplate</option>
                    <option value="Papyrus, fantasy">Papyrus</option>
                    <option value="Brush Script MT, cursive">Brush Script MT</option>
                  </select></div>
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="control-group select optional signature_fontsize"><label class="select optional control-label" for="signature_fontsize">Font Size</label>
                <div class="controls"><select class="select optional form-control styling" name="signature[fontsize]" id="signature_fontsize">
                    <option value="10">Small</option>
                    <option value="12">Medium</option>
                    <option value="14">Large</option>
                  </select></div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <div class="control-group select optional signature_socialtheme"><label class="select optional control-label" for="signature_socialtheme">Social Icon Style</label>
                <div class="controls"><select class="select optional form-control styling" name="signature[socialtheme]" id="signature_socialtheme">
                    <option value="round">Round Icons</option>
                    <option value="square">Square Icons</option>
                    <option value="rounded">Rounded Icons</option>
                    <option value="polygon">Polygon Icons</option>
                    <option value="grey">Grey Icons</option>
                  </select></div>
              </div>
            </div>
            <div class="col-xs-12 col-sm-6">
              <div class="control-group select optional signature_socialiconsize"><label class="select optional control-label" for="signature_socialiconsize">Social Icon Size</label>
                <div class="controls"><select class="select optional form-control styling" name="signature[socialiconsize]" id="signature_socialiconsize">
                    <option value="16">Small</option>
                    <option value="24">Medium</option>
                    <option value="32">Large</option>
                  </select></div>
              </div>
            </div>
          </div>
          <hr>
          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <div class="control-group radio_buttons optional signature_separator"><label class="radio_buttons optional control-label">Separators</label>
                <div class="controls"><input type="hidden" name="signature[separator]" value=""><span class="radio radio-inline"><label for="signature_separator_"><input class="radio_buttons optional styling" type="radio" value="/" checked="checked"
                        name="signature[separator]" id="signature_separator_">/</label></span><span class="radio radio-inline"><label for="signature_separator_"><input class="radio_buttons optional styling" type="radio" value="|"
                        name="signature[separator]" id="signature_separator_">|</label></span><span class="radio radio-inline"><label for="signature_separator__"><input class="radio_buttons optional styling" type="radio" value=" "
                        name="signature[separator]" id="signature_separator__">None</label></span></div>
              </div>
            </div>
            <div class="col-xs-12 col-sm-6 hide">
              <div class="control-group select optional signature_label_icons"><label class="select optional control-label" for="signature_label_icons">Label Icons</label>
                <div class="controls"><select class="select optional form-control styling" name="signature[label_icons]" id="signature_label_icons">
                    <option value="black">Black</option>
                    <option value="line">Line</option>
                    <option selected="selected" value="text">Text</option>
                    <option value="none">None</option>
                  </select></div>
              </div>
            </div>
          </div>
        </div>
        <h4>Paid Accounts Only</h4>
        <p> Please <a href="/pricing?utm_campaign=signup&amp;utm_source=editor">sign up</a> to change themes, colors and other options on your signature. </p>
        <hr>
        <img alt="Style options" class="disabled-option img-responsive" src="/assets/style-20bcd2e16dc6b27e2e0c3bd1b38dbb29899dab34dfd0680388675d40c05d6cc0.png">
      </div>
    </div> <!-- tab-content -->
    <div class="control-group boolean optional signature_email_optin">
      <div class="controls"><input value="0" type="hidden" name="signature[email_optin]"><label class="checkbox"><input class="boolean optional" type="checkbox" value="1" name="signature[email_optin]" id="signature_email_optin"> Please sign me up for
          the htmlsig.com newsletter!</label></div>
    </div>
    <input type="submit" name="commit" value="Create Signature" class="btn btn-primary disabled" id="create-sig-btn" data-disable-with="Create Signature">
    <span id="signature-group-require-warning"> Please fill in the form before submitting. </span>
  </fieldset>
</form>

POST /logos

<form class="dropzone dz-clickable" id="logo-dropzone" enctype="multipart/form-data" action="/logos" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="authenticity_token"
    value="xD7iR7U86f2lXjRoGBv2ABHjy1MzvLnG7B7zokpQU+4LNESYuvPJvzouljJ+az4/DHfI8w1ojkT9n8Ha8yXsDw==">
  <div class="data-dz-size"></div>
  <div class="dz-default dz-message"><span>Click or drop files here to upload</span></div>
</form>

POST /banners

<form class="dropzone dz-clickable" id="banner-dropzone" enctype="multipart/form-data" action="/banners" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="authenticity_token"
    value="xD7iR7U86f2lXjRoGBv2ABHjy1MzvLnG7B7zokpQU+4LNESYuvPJvzouljJ+az4/DHfI8w1ojkT9n8Ha8yXsDw==">
  <div class="dz-default dz-message"><span>Click or drop files here to upload</span></div>
</form>

Text Content

Toggle navigation

Easy Email Signatures

 * Pricing
 * Sign up
 * Help
 * Blog
 * Login

New Email

To: John Doe
Subject: Project update

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero quae ex
sapiente praesentium quas fugiat ab, maxime, cupiditate, ipsa magnam quis, totam
doloremque autem. Amet eius, perspiciatis! Unde, praesentium, nihil?. ipsa
magnam quis, totam doloremque autem. Amet eius, perspiciatis! Unde, praesentium,
nihil?

Thanks





PROMOTE YOUR COMPANY WITH EVERY EMAIL!

Use our platform to create amazing email signatures for your team to promote
your company with every email sent.

Sign Up Now Or Try a Free Signature



INCREASE YOUR SOCIAL MEDIA PROFILES REACH WITH EVERY EMAIL SENT.

Add your social media profiles to your email signature.




More icons added as requested.


ALL YOUR SIGNATURES, ONE DASHBOARD.

All your signatures in one location: makes it easier to quickly make changes,
monitor stats and send signatures to your team members or clients.




SAVE TIME WITH GENERATORS PRO ACCOUNTS ONLY

If you're in charge to create signatures for your entire team, use a generator
and send them a link where they fill out only what you want and create an easy
to use signature for their emails.




STATS STATS STATS

On average, one person spends 3 hours per work day sending emails. Keep track of
the performance of these email signatures and identify which social platform
your customers and partners are more interested in.




TRY A FREE EMAIL SIGNATURE OR SIGN UP FOR MORE OPTIONS

Free signatures give you access to a limited editor to try out our service. Your
signature will expire in 30 days unless you upgrade to a paid plan.

--------------------------------------------------------------------------------

Do not fill in this field



YOUR INFORMATION

 * Main
 * Social
 * Disclaimer
 * Banner
 * Apps/Buttons
 * Style

Name

Job Title

Email

Mobile Phone

Company Name

Website


Upload Your Avatar or Logo Remove Avatar or Logo
Office Phone

Fax

Address

Address - Line 2


Copy and paste your social profile url's into the fields below.
Please make sure to add http:// or https:// at the beginning as shown in the
examples.

--------------------------------------------------------------------------------

Twitter

Facebook

Googleplus

Linkedin

Instagram

Dribbble

Skype

Youtube

Vimeo

Flickr

Fivehundredpx

Pinterest

Github

Zillow

Yelp

Tripadvisor

Houzz

Soundcloud

Tumblr

Stackoverflow

Wordpress

Quora

Behance

Imdb

Maps

Bitbucket

Periscope

Snapchat

Spotify

Xing

Whatsapp

Wechat

Telegram

Tiktok

Mixcloud

Suggest a new one!
Show Disclaimer
YesNo
Disclaimer
This e-mail message may contain confidential or legally privileged information
and is intended only for the use of the intended recipient(s). Any unauthorized
disclosure, dissemination, distribution, copying or the taking of any action in
reliance on the information herein is prohibited. E-mails are not secure and
cannot be guaranteed to be error free as they can be intercepted, amended, or
contain viruses. Anyone who communicates with us by e-mail is deemed to have
accepted these risks. Company Name is not responsible for errors or omissions in
this message and denies any responsibility for any damage arising from the use
of e-mail. Any opinion and other statement contained in this message and any
attachment are solely those of the author and do not necessarily represent those
of the company.
Disclaimers in Email Signatures are Not Just Annoying, But Legally Meaningless

PAID ACCOUNTS ONLY

Please sign up to add a legal disclaimer to your signature.

--------------------------------------------------------------------------------

Attach a promotional banner to the bottom of your signature. When clicked users
will be taken to the link you enter in the banner link field.

Recommended size for banner is 450px by 200px or 900px by 400px for retina
banners, anything wider will be resized automatically.

Show Banner
YesNo
Is image retina (sized at 2x)?
YesNo

If you want a retina banner please be sure to set this to yes and upload a
banner 2 times larger in size. For example for a 450x150 banner please upload a
900x300 version.


Upload a Promotional Banner
Banner Link


PAID ACCOUNTS ONLY

Please sign up to add a banner to your signature.

--------------------------------------------------------------------------------

APP STORE BUTTONS

Do you have an app on the app store? use these buttons to link to your app.


Apple Store

Google play Store

Amazon Store


--------------------------------------------------------------------------------

CALENDAR LINK BUTTON

Add a calendar scheduling button to your signature.


Calendar scheduling URL

Enter your calendly, hubspot or other calendar scheduling url.

WHATSAPP MESSAGE BUTTON

Add a WhatsApp message button to your signature. To findout more about how this
works see this link from the Whatsapp API.


WhatsApp phone number

Enter your telephone number 15551234567 not +001-(555)1234567.
A pre-filled message that will automatically appear in the text field of the
chat (optional)


PAID ACCOUNTS ONLY

Please sign up to add App Store links to your signature.

--------------------------------------------------------------------------------

Layout
Basic Peach Orange Plum Nectarine Citron Tangerine

--------------------------------------------------------------------------------

Text Color

Primary Color

Secondary Color

Font Style
Sans Serif Serif Arial Arial Black Arial Narrow Arial Rounded MT Bold Calibri
Candara Century Gothic Gil Sans Tahoma Verdana Book Antiqua Cambria Garamond
Georgia Lucida Bright Palatino Baskerville Times New Roman Courier New Lucida
Sans Typewriter Copperplate Papyrus Brush Script MT
Font Size
Small Medium Large
Social Icon Style
Round Icons Square Icons Rounded Icons Polygon Icons Grey Icons
Social Icon Size
Small Medium Large

--------------------------------------------------------------------------------

Separators
/|None
Label Icons
Black Line Text None

PAID ACCOUNTS ONLY

Please sign up to change themes, colors and other options on your signature.

--------------------------------------------------------------------------------

Please sign me up for the htmlsig.com newsletter!
Please fill in the form before submitting.
×

IMAGE UPLOAD

Click or drop files here to upload
0% Complete

Cancel
×

IMAGE UPLOAD

Click or drop files here to upload
0% Complete

Cancel


SIGNATURE PREVIEW




Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999



Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com













Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999



Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com













Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999



Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com













Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999



Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com











Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999



Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com









Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999





Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com











Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999
Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com













Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999



Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com











Dexter Pinsher / Signature Maker dexterp@htmlsig.com / 999-999-9999
Signature Maker Office: 999-999-9999 / Fax: 999-999-9999 555 The Coolest St
Miami, Florida 33333 USA http://www.htmlsig.com












 * Pricing
 * Help
 * Sign up
 * Login
 * Terms and Conditions
 * Privacy Policy
 * Sitemap

©2012-2023 htmlsig.com

×Close

MODAL TITLE

Loading...