Jump to content

Help coding the order confirmation page

Recommended Posts

Hi all,

I am wanting to customise the heading and description text on the order confirmation page. I am wanting to include a hyperlink within the text. I have had a go at the coding but am getting a syntax error. Can someone help me correct the coding?

Specifically, I want to add:

"Tell Us More" as the heading

And, "We've received your order, now we want to know about your event! Click here to complete our event questionnaire!

This is the coding I tried:

#confirmed-page {
<style>
.sf-order-status-header {
  max-width: 1200px;
  margin: 34px auto;
  box-sizing: border-box;
  font-family: Clarkson, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
  padding-left: 33px;
  padding-right: 33px;
}
@media (pointer: coarse) {
  .sf-order-status-header {
    padding-left: 16px;
    padding-right: 16px;
    }
  }
</style>
<script>
  {.if firstPageView}
  let sfStatusPageHeading = "Tell us more!";
  let sfStatusPageText = "We've received your order, now we want to know about your event! <a href="https://app.studioninja.co/contactform/hosted/0a800fc8-8fc8-1e00-818f-dc6978ac4751/0a800fc8-8fc8-1e00-818f-dc6978be4753">Click here</a> to complete our event questionnaire!"; 
  function _0x3c85(){const _0x216267=['sf-order-','DOMConten',')+$','ment','status-he','4832608vTuOyw','afterbegi','ge\x20was\x20cu','5LawVuc','innerHTML','apply','ent','-root','9rMlhuL','stomised\x20','://sf.dig','search','2133376rkMJqH','className','ctor','1022JShQIP','toString','2417670QlZsvi','createEle','addEventL','4268210CwqcNF','insertAdj','(((.+)+)+','istener','construct','status\x20pa','10652ZZgQGq','.0.\x20This\x20','append','471NUMVad','883jqXQYv','body','2399530YCoIPP','#order-st','div'];_0x3c85=function(){return _0x216267;};return _0x3c85();}const _0x332997=_0x2db3;function _0x2db3(_0x4b7022,_0x4d2841){const _0x11e185=_0x3c85();return _0x2db3=function(_0x4f5cce,_0x5a7d37){_0x4f5cce=_0x4f5cce-0xbb;let _0x3c851e=_0x11e185[_0x4f5cce];return _0x3c851e;},_0x2db3(_0x4b7022,_0x4d2841);}(function(_0x2ca577,_0x309f61){const _0x3fe7ca=_0x2db3,_0x417239=_0x2ca577();while(!![]){try{const _0x316a2e=-parseInt(_0x3fe7ca(0xe2))/0x1*(-parseInt(_0x3fe7ca(0xd3))/0x2)+-parseInt(_0x3fe7ca(0xe1))/0x3*(parseInt(_0x3fe7ca(0xde))/0x4)+parseInt(_0x3fe7ca(0xc7))/0x5*(-parseInt(_0x3fe7ca(0xd5))/0x6)+parseInt(_0x3fe7ca(0xbc))/0x7+parseInt(_0x3fe7ca(0xd0))/0x8+parseInt(_0x3fe7ca(0xcc))/0x9*(-parseInt(_0x3fe7ca(0xd8))/0xa)+parseInt(_0x3fe7ca(0xc4))/0xb;if(_0x316a2e===_0x309f61)break;else _0x417239['push'](_0x417239['shift']());}catch(_0x340817){_0x417239['push'](_0x417239['shift']());}}}(_0x3c85,0x3d8f2));const _0x5a7d37=(function(){let _0xa105bf=!![];return function(_0x1abc6b,_0x1f1fe6){const _0x1802d2=_0xa105bf?function(){const _0x5a942c=_0x2db3;if(_0x1f1fe6){const _0x5ead7f=_0x1f1fe6[_0x5a942c(0xc9)](_0x1abc6b,arguments);return _0x1f1fe6=null,_0x5ead7f;}}:function(){};return _0xa105bf=![],_0x1802d2;};}()),_0x4f5cce=_0x5a7d37(this,function(){const _0x27a0c0=_0x2db3;return _0x4f5cce[_0x27a0c0(0xd4)]()[_0x27a0c0(0xcf)]('(((.+)+)+'+_0x27a0c0(0xc1))[_0x27a0c0(0xd4)]()[_0x27a0c0(0xdc)+'or'](_0x4f5cce)[_0x27a0c0(0xcf)](_0x27a0c0(0xda)+_0x27a0c0(0xc1));});_0x4f5cce(),document[_0x332997(0xd7)+_0x332997(0xdb)](_0x332997(0xc0)+'tLoaded',function(){const _0x2f753d=_0x332997;if(document['querySele'+_0x2f753d(0xd2)](_0x2f753d(0xbd)+'atus-page'+_0x2f753d(0xcb))){console['log']('Version\x201'+_0x2f753d(0xdf)+_0x2f753d(0xdd)+_0x2f753d(0xc6)+_0x2f753d(0xcd)+'by\x20code\x20f'+'rom\x20https'+_0x2f753d(0xce)+'ital');let _0x1a396a=document[_0x2f753d(0xd6)+'ment'](_0x2f753d(0xbe));_0x1a396a[_0x2f753d(0xd1)]=_0x2f753d(0xbf)+_0x2f753d(0xc3)+'ader';let _0x101d7f=document[_0x2f753d(0xd6)+_0x2f753d(0xc2)]('h1');_0x101d7f[_0x2f753d(0xc8)]=sfStatusPageHeading,_0x1a396a['append'](_0x101d7f);let _0x3724ce=document['createEle'+_0x2f753d(0xc2)]('p');_0x3724ce['innerHTML']=sfStatusPageText,_0x1a396a[_0x2f753d(0xe0)](_0x3724ce),document[_0x2f753d(0xbb)][_0x2f753d(0xd9)+'acentElem'+_0x2f753d(0xca)](_0x2f753d(0xc5)+'n',_0x1a396a);}});
  {.end}  
</script>
}

Link to comment
  • Replies 1
  • Views 224
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

9 hours ago, nmac21 said:

Hi all,

I am wanting to customise the heading and description text on the order confirmation page. I am wanting to include a hyperlink within the text. I have had a go at the coding but am getting a syntax error. Can someone help me correct the coding?

Specifically, I want to add:

"Tell Us More" as the heading

And, "We've received your order, now we want to know about your event! Click here to complete our event questionnaire!

This is the coding I tried:

#confirmed-page {
<style>
.sf-order-status-header {
  max-width: 1200px;
  margin: 34px auto;
  box-sizing: border-box;
  font-family: Clarkson, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
  padding-left: 33px;
  padding-right: 33px;
}
@media (pointer: coarse) {
  .sf-order-status-header {
    padding-left: 16px;
    padding-right: 16px;
    }
  }
</style>
<script>
  {.if firstPageView}
  let sfStatusPageHeading = "Tell us more!";
  let sfStatusPageText = "We've received your order, now we want to know about your event! <a href="https://app.studioninja.co/contactform/hosted/0a800fc8-8fc8-1e00-818f-dc6978ac4751/0a800fc8-8fc8-1e00-818f-dc6978be4753">Click here</a> to complete our event questionnaire!"; 
  function _0x3c85(){const _0x216267=['sf-order-','DOMConten',')+$','ment','status-he','4832608vTuOyw','afterbegi','ge\x20was\x20cu','5LawVuc','innerHTML','apply','ent','-root','9rMlhuL','stomised\x20','://sf.dig','search','2133376rkMJqH','className','ctor','1022JShQIP','toString','2417670QlZsvi','createEle','addEventL','4268210CwqcNF','insertAdj','(((.+)+)+','istener','construct','status\x20pa','10652ZZgQGq','.0.\x20This\x20','append','471NUMVad','883jqXQYv','body','2399530YCoIPP','#order-st','div'];_0x3c85=function(){return _0x216267;};return _0x3c85();}const _0x332997=_0x2db3;function _0x2db3(_0x4b7022,_0x4d2841){const _0x11e185=_0x3c85();return _0x2db3=function(_0x4f5cce,_0x5a7d37){_0x4f5cce=_0x4f5cce-0xbb;let _0x3c851e=_0x11e185[_0x4f5cce];return _0x3c851e;},_0x2db3(_0x4b7022,_0x4d2841);}(function(_0x2ca577,_0x309f61){const _0x3fe7ca=_0x2db3,_0x417239=_0x2ca577();while(!![]){try{const _0x316a2e=-parseInt(_0x3fe7ca(0xe2))/0x1*(-parseInt(_0x3fe7ca(0xd3))/0x2)+-parseInt(_0x3fe7ca(0xe1))/0x3*(parseInt(_0x3fe7ca(0xde))/0x4)+parseInt(_0x3fe7ca(0xc7))/0x5*(-parseInt(_0x3fe7ca(0xd5))/0x6)+parseInt(_0x3fe7ca(0xbc))/0x7+parseInt(_0x3fe7ca(0xd0))/0x8+parseInt(_0x3fe7ca(0xcc))/0x9*(-parseInt(_0x3fe7ca(0xd8))/0xa)+parseInt(_0x3fe7ca(0xc4))/0xb;if(_0x316a2e===_0x309f61)break;else _0x417239['push'](_0x417239['shift']());}catch(_0x340817){_0x417239['push'](_0x417239['shift']());}}}(_0x3c85,0x3d8f2));const _0x5a7d37=(function(){let _0xa105bf=!![];return function(_0x1abc6b,_0x1f1fe6){const _0x1802d2=_0xa105bf?function(){const _0x5a942c=_0x2db3;if(_0x1f1fe6){const _0x5ead7f=_0x1f1fe6[_0x5a942c(0xc9)](_0x1abc6b,arguments);return _0x1f1fe6=null,_0x5ead7f;}}:function(){};return _0xa105bf=![],_0x1802d2;};}()),_0x4f5cce=_0x5a7d37(this,function(){const _0x27a0c0=_0x2db3;return _0x4f5cce[_0x27a0c0(0xd4)]()[_0x27a0c0(0xcf)]('(((.+)+)+'+_0x27a0c0(0xc1))[_0x27a0c0(0xd4)]()[_0x27a0c0(0xdc)+'or'](_0x4f5cce)[_0x27a0c0(0xcf)](_0x27a0c0(0xda)+_0x27a0c0(0xc1));});_0x4f5cce(),document[_0x332997(0xd7)+_0x332997(0xdb)](_0x332997(0xc0)+'tLoaded',function(){const _0x2f753d=_0x332997;if(document['querySele'+_0x2f753d(0xd2)](_0x2f753d(0xbd)+'atus-page'+_0x2f753d(0xcb))){console['log']('Version\x201'+_0x2f753d(0xdf)+_0x2f753d(0xdd)+_0x2f753d(0xc6)+_0x2f753d(0xcd)+'by\x20code\x20f'+'rom\x20https'+_0x2f753d(0xce)+'ital');let _0x1a396a=document[_0x2f753d(0xd6)+'ment'](_0x2f753d(0xbe));_0x1a396a[_0x2f753d(0xd1)]=_0x2f753d(0xbf)+_0x2f753d(0xc3)+'ader';let _0x101d7f=document[_0x2f753d(0xd6)+_0x2f753d(0xc2)]('h1');_0x101d7f[_0x2f753d(0xc8)]=sfStatusPageHeading,_0x1a396a['append'](_0x101d7f);let _0x3724ce=document['createEle'+_0x2f753d(0xc2)]('p');_0x3724ce['innerHTML']=sfStatusPageText,_0x1a396a[_0x2f753d(0xe0)](_0x3724ce),document[_0x2f753d(0xbb)][_0x2f753d(0xd9)+'acentElem'+_0x2f753d(0xca)](_0x2f753d(0xc5)+'n',_0x1a396a);}});
  {.end}  
</script>
}

How i can acess the confirmation page? use the link for questionnaire or any other link?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.