Jump to content

Product button vs. Product Form Button

Recommended Posts

I hope I can explain this effectively.

I have a product that is an entry for an awards competition. I'm trying to make the entry process as clear as possible because in previous years folks got tripped up.  (This is on me.)

So, when someone goes to the product, they select the rate (early bird or standard), then enter the quantity (which is always 1 because you can only submit one entry at a time because of the info required on the form). I want the button here to say "Next, Complete Form." And it is. (Yay!) See screenshot.

But then, once the person completes the form, I want the button to say "Add to Cart." Instead, it's repeating the "Next, Complete Form" and I don't know how to change it. See screenshot.

Support says I can't change it, but I have a feeling you brilliant folks know how to do this maybe with code or with a plugin I can buy. 

Thanks for any insight you may have. 

Screenshot 2023-08-22 at 8.06.20 PM.png

Screenshot 2023-08-22 at 8.07.08 PM.png

Link to comment
  • Replies 4
  • Views 925
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I saw a same case on Circle Forum.

The way they solved it was

  • Change button to Add to Cart
  • Then use code to rename Add to Cart to Next, Complete the form

To rename this button

image.png.87187d3805a303c8680895146d5b69e5.png

Use this code to Custom CSS box

.sqs-add-to-cart-button-inner {
    font-size: 0;
}
.sqs-add-to-cart-button-inner:before {
    content: "NEXT, COMPLETE THE FORM";
    font-size: 14px;
}

If you want it run on 1 product only, edit Additional Info > Add a Code Block

<style>
  .sqs-add-to-cart-button-inner {
    font-size: 0;
}
.sqs-add-to-cart-button-inner:before {
    content: "NEXT, COMPLETE THE FORM";
    font-size: 14px;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.