This Page Contains Code for Reuse on the site

 

Here is the Facebook Open Graph Code:

<meta property="og:title" content="Become a Successful Hypnotherapist" />
<meta property="og:site_name" content="Cascade Hypnosis Training" />
<meta property="og:description" content="Schedule Your Complimentary Hypnosis Success Strategy Session Now." /> 
<meta property="og:image" content="http://www.cascadehypnosistraining.com/Erika-Flint-Reprogram-Your-Weight.jpg" />
<meta property="og:image:width" content="512" />
<meta property="og:image:height" content="512" />

Erika's headshot Image

So, your headshot is uploaded to the site I’ve pointed the custom URL /Erika-Flint-Reprogram-Your-Weight.jpg to the actual image filename [https://static1.squarespace.com/static/5819f349e58c62432bdd6d24/t/5821399c6b8f5b1216106206/1478572445109].

In the future, when you upload a new image into Design > Custom CSS > Manage Custom Files, it will be assigned a new “actual image filename”. Just copy that file name and paste it into Settings > Advanced > URL Mappings to the right of “->” replacing the “old” filename.

/Erika-Flint-Reprogram-Your-Weight.jpg -> https://static1.squarespace.com/static/5819f349e58c62432bdd6d24/t/5821399c6b8f5b1216106206/1478572445109 301

<div class="sqs-block image-block sqs-block-image" data-block-type="5" id="erika-headshot">
<div class="sqs-block-content">
    <div class="image-block-outer-wrapper layout-caption-below ">
        <div class="intrinsic" style="max-width:512.0px;">
                <div style="padding-bottom:100.0%;" class="image-block-wrapper   has-aspect-ratio" data-description="&lt;p&gt;Erika Flint, BA, BCH, A+CPHI&lt;/p&gt;" >
                    <noscript><img src="/Erika-Flint-Reprogram-Your-Weight.jpg"  alt="Erika Flint, BA, BCH, A+CPHI"  /></noscript><img class="thumb-image" alt="Zippity Do Dah" data-src="/Erika-Flint-Reprogram-Your-Weight.jpg" data-image="/Erika-Flint-Reprogram-Your-Weight.jpg" data-image-dimensions="512x512" data-image-focal-point="0.5,0.5" data-load="false" data-image-id="erika-headshot-image" data-type="image" />
                </div>          
            <div class="image-caption-wrapper">
                <div class="image-caption"><p>Erika Flint, BA, BCH, A+CPHI</p></div>
            </div>
        </div>
    </div>
</div>
</div>

Redirect Users to a Specific Page After Their Form is Submitted

Insert the code below into the "Post-Submit HTML" section of the Form Block (removing the default "Thank you" text above it). Also you must set the variable "var redirectURL" to the URL you want them sent to.

<script type="text/javascript">
  // Your Squarespace form redirect URL
  var redirectURL = "/lead-thank-you-for-contacting-us";
     
  // Fixes an issue with IE8 and lower
  if ( navigator.userAgent.match(/MSIE\s(?!9.0)/) ) {
    var referLink = document.createElement( "a" );
    referLink.href = redirectURL;
    document.body.appendChild( referLink );
    referLink.click();

  // Standard redirect for all other browsers
  } else {
    window.location.assign( redirectURL );
  }
</script>

Making a Phone Number "Click to Call"

Highlight the phone number [ 1-360-392-8723] on the page itself, then click the LINK icon on the formatting bar. When the "link" dialog box appears, type the characters tel: before the phone number, like so:

Screen Shot 2016-11-11 at 5.35.58 PM.png

Javascript for Hide/Show Footer Overlay: cookie.js