Jump to content

Order Confirmation Pages - Need something specific added!

Recommended Posts

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.

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment

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

Link to comment

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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

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.