Redirect after Order Confirmation

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!

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. 

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.

When you add a meta refresh statement to Settings > Advanced > Code Injection > Order Confirmation Page you can choose the delay before the page will redirect. 

For example, the zero in this statement will cause it to redirect to the selected page (www.squarespace.com in this example) immediately. 

<meta http-equiv="refresh" content="0;url=https://www.squarespace.com/" />

Whereas in this statement, the '5' will cause it to redirect after five seconds.

<meta http-equiv="refresh" content="5;url=https://www.squarespace.com/" />

Changing it to 10 would delay the redirect for 10 seconds and so on.

                                                      Did this help? Please give feedback by clicking an icon below  ⬇️

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.

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?

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

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.

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. 

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>

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!

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>

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>

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 !

All of this is way over my head.  Is there a link I can add that will send them to the zoom page?

@StaceyR I don't know if this would be helpful but I have used the 'add forms to checkout' option to attach specific terms and conditions as well as get additional information from customers when they select a product.  You can also create a little check box that confirms they have read the terms and conditions (which you can also put a link to in it). It can be assigned to one specific product or several products. Its in the commerce section in your inventory. Click into the product to edit and then go to Form (if using the old editor) or scroll down to Customize then custom forms in the new editor.

Or, you could add a form during the checkout process that you can make required so they have to fill it out before completing their purchase. Go to Commerce> Checkout then scroll down to Additional Fields or Checkout Page: Store Policies. I'm not exactly sure what you need but may be helpful for a solution without using code.