Jump to content

Order Confirmation Pages - Need something specific added!

Recommended Posts

Posted

Site URL: https://www.socialsaga.net/

Hello, I need some help with my subscription services website!

I want to add this text to my Order Confirmation Page:

"For Press Release services, please complete this form: https://www.socialsaga.net/pr-form

For Content Creation / Social Media management services, please complete this form: https://www.socialsaga.net/smm-form

Once you've completed the relevant form, we will get back to you shortly to confirm the setup of your services. We look forward to working with you!"

I understand this needs to be done via Settings > Advanced > Code Injection > Order Confirmation Page.

Can I just type this text into the order confirmation code injection section for it to show on the order confirmation page? Or is there some special code I need to include?

Any help would be greatly appreciated.

  • Replies 3
  • Views 317
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

There's a reasonably long thread about adding content to the Order Confirmation Page that may get you started:

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Posted

Thanks for the help. I read through this thread and it seemed like the nearest solution to my problem would be to use this CSS under Design > Custom CSS.

#confirmed-page {
  p:nth-of-type(2):after {
    content: "If you don't receive your order confirmation in the next hour, please check your spam folder.";
    display: block;
    margin-top: 20px;
    font-weight: bold;
  }
}

I used this code and put my own text instead after 'content:'

Here's what it looks like now

300326181_Screenshot2022-02-21at12_41_50.thumb.png.e4d49061ece7ee50b42aa7c9570b8943.png

Almost there! Still a few issues though.

1. The links don't actually work when you click on them. They are just text not links.

2. I don't want all of this text in one sentance. I'd like them to be considered as different paragraphs like this:

For Press Release services, please complete this form: https://www.socialsaga.net/pr-form

For Content Creation / Social Media management services, please complete this form: https://www.socialsaga.net/smm-form

 

Have you got any ideas on how to get this right? Thanks so much for the help

Posted

The CSS will add text and formatting to the page, but cannot add links. For that, you'll need to write some JavaScript or use a redirect to another page where you have provided these links.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

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.