Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Redirect after Order Confirmation


StaceyR

Question

Hi, everyone. I'm hoping for some help with code injection. Normally, I'd just play around with it myself, but since this is the checkout page, I need it to work right the first time!

I would like people who check out to see the usual confirmation page, but after a few seconds, be directed to another page on the site (general-info). If possible, the usual confirmation page would show additional text saying something like, "Redirecting to General Information page..." also.

I think I go to Settings/Advanced/Code Injection and down to Order Confirmation Page, but then.... ?

Thanks for any help you can provide!

Link to post
  • Answers 13
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Hi @StaceyR The zero in your meta refresh statement is what determines the delay before the redirect. Changing it to 10 would delay the redirect for 10 seconds.  

I think Squarespace is down which is why we're getting the 503 message.  As for the redirect message I do know how to do this I will just need to wait for Squarespace to backup and running. Did y

I picked the best possible time to ask this question, right? Hopefully, Squarespace w/b up soon.  

Posted Images

13 answers to this question

Recommended Posts

  • 0

I would caution against automatically redirecting customers away from the order confirmation page as it is likely to frustrate and confuse them. 

Would it be more acceptable to simply add the information that will be on your general information page to the order confirmation page instead? That way customers don’t have to be redirected away from the order confirmation page. Depending on what information you would like to display it could easily be added to the order confirmation page. 

Do you have a link to the general information page that you can share?

I can also provide a script to automatically redirect customers if that is what you would still prefer. 

Edited by ThompsonWebDesign

If you see an answer that was helpful please consider hitting the 121238226_Screenshot2019-11-02at14_53_39.png.0416997a5e856e0159fa1edbd624659e.png button on the right. 

Need help with your website or online store? Feel free to get in touch.

thompsonweb.design

Link to post
  • 0
1 hour ago, ThompsonWebDesign said:

I would caution against automatically redirecting customers away from the order confirmation page as it is likely to frustrate and confuse them. 

Would it be more acceptable to simply add the information that will be on your general information page to the order confirmation page instead? That way customers don’t have to be redirected away from the order confirmation page. Depending on what information you would like to display it could easily be added to the order confirmation page. 

Do you have a link to the general information page that you can share?

I can also provide a script to automatically redirect customers if that is what you would still prefer. 

Here's my thinking on this: the website www.mindfulcuisine.com offers cooking classes. People sign up for them on the website. There is a page on the website, General Info, that we want all participants to read before coming to class. There's also an Information and Liability Release form that we want the purchasers and any guests to complete prior to class. We've encouraged this on all the product-related pages, as well as the order confirmation email. We still have purchasers who don't fill out the form or don't ask their guests to read the page and complete the form. We end up having them do it right before class, resulting in delays. So, redirecting purchasers to the page (which includes the form as well) is a more direct push to read/complete before class. It doesn't address the guest issue, but it might result in some small improvement.

I can inject this code <meta http-equiv="refresh" content="0; url=http://www.mindfulcuisine.com/general-info" />, but that redirects immediately, and I'd rather have a "Thank You for your Order.... onward to the the General Info Page!" message and then send them there.

Edited by StaceyR
Link to post
  • 0

Hi @StaceyR

The zero in your meta refresh statement is what determines the delay before the redirect. Changing it to 10 would delay the redirect for 10 seconds.

 

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Link to post
  • 0
6 minutes ago, paul2009 said:

Hi @StaceyR

The zero in your meta refresh statement is what determines the delay before the redirect. Changing it to 10 would delay the redirect for 10 seconds.

 

Awesome! If it's not too much trouble (and possible), can I add text explaining that they'll be redirected? I know a little bit of HTML but that's it.

Link to post
  • 0

I think Squarespace is down which is why we're getting the 503 message. 

As for the redirect message I do know how to do this I will just need to wait for Squarespace to backup and running. Did you still want the order confirmation information (order number, total...) to still display or would you prefer for this to stay hidden and just display the message?

Edited by ThompsonWebDesign

If you see an answer that was helpful please consider hitting the 121238226_Screenshot2019-11-02at14_53_39.png.0416997a5e856e0159fa1edbd624659e.png button on the right. 

Need help with your website or online store? Feel free to get in touch.

thompsonweb.design

Link to post
  • 0
Just now, StaceyR said:

can I add text explaining that they'll be redirected?

Yes, sure. Just add your text in the same box. You can wrap it in Header tag if you want it to stand out.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Link to post
  • 0
2 hours ago, paul2009 said:

Yes, sure. Just add your text in the same box. You can wrap it in Header tag if you want it to stand out.

Squarespace is back up. I was able to get the text to print! The only bad thing is that one wouldn't see it without scrolling. I would have liked it to be below the text and above the page footer, but maybe that's not easily done. 

 

 

 

 

Screen Shot 2019-11-06 at 1.52.59 PM.png

Screen Shot 2019-11-06 at 1.53.05 PM.png

Edited by StaceyR
Link to post
  • 0

Try putting the below in the order confirmation code injector instead.

<div class="redirect-text">
<h2>Thank You for your Order.... onward to the the General Info Page!</h2>
</div>

<script>
	$('.redirect-text').insertAfter('#confirmed-page');
</script>

 

If you see an answer that was helpful please consider hitting the 121238226_Screenshot2019-11-02at14_53_39.png.0416997a5e856e0159fa1edbd624659e.png button on the right. 

Need help with your website or online store? Feel free to get in touch.

thompsonweb.design

Link to post
  • 0
1 hour ago, ThompsonWebDesign said:

Try putting the below in the order confirmation code injector instead.


<div class="redirect-text">
<h2>Thank You for your Order.... onward to the the General Info Page!</h2>
</div>

<script>
	$('.redirect-text').insertAfter('#confirmed-page');
</script>

 

It's still at the bottom. At least I didn't crash Squarespace, though!

Link to post
  • 0

Sorry, I forgot that you will also need to load the jQuery library as well for that to work. You will need to add the below to your websites global code injector header.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 

If you see an answer that was helpful please consider hitting the 121238226_Screenshot2019-11-02at14_53_39.png.0416997a5e856e0159fa1edbd624659e.png button on the right. 

Need help with your website or online store? Feel free to get in touch.

thompsonweb.design

Link to post
  • 0

Site URL: https://burnhamguides.com

When a customer receives an email confirmation of an online order for a service, I would like to add a link in that email to an external site for them to sign a waiver. Can anyone help? 

I added the the following code to Customer Notifications/Order Confirmation section (for an html link and a timed redirect), but neither work:

<meta http-equiv="refresh" content="5; url=https://waiver.smartwaiver.com/v/burnhamguides/" 
      
      <div class="redirect-text">
<h2>WAIVER: Save time and sign our electronic waiver</h2>
</div>

<script>
    $('.redirect-text').insertAfter('#confirmed-page');
</script>
      
<span style="font-weight:bold; font-size:18px; color:#EC6D11;">WAIVER: </span>  
 &nbsp;
Save time and <b><a href="{https://waiver.smartwaiver.com/v/burnhamguides/}">sign our electronic waiver</a></b> before you arrive.
<br>
<br>

Link to post
  • 0

Hi everyone, I'm hoping someone could help with some code injection. Is there a way I could redirect customers to a specific page after checkout depending on what product they bought ? So that would mean different redirect pages. Thank you !

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...