German Law / Checkout Button

Hey there,according to German Law, I would need to modify the descriptive text on the current final checkout button from "jetzt bestellen" to something like "kostenpflichtig bestellen". How do I do this?Thank you very much!Best regards,André of beaudioful.com

@beaudioful I think some CSS can change text ;)

Can you share a product url? I can't find product to add to cart!

Here you may find a product to add to your shopping card. Not sure if the link works though, since the online shop is not online for the legal issue.Let me know.

Link: https://beaudioful.com/shop-raeck/vz16lw9640xadg3c5esda9yfzebtan-nb8t8-ehbam

Thanks in advance for your support.

@beaudioful what is access password?

Sorry, but I will not share a password here. Please PM me. THX.

I put the online shop ... online. You may find a product here:https://beaudioful.com/shop-raeck/vz16lw9640xadg3c5esda9yfzebtan-nb8t8-gyf9y-ryzhk

Thanks for your help!

Is it Step 5?Can you take screenshot of that button?

If it is step 5. I think I can't order .... to check its code.

You can click "jetzt..." button > Inspect Element > take screenshot of all code, i will try checking. See how to: https://beaverhero.com/squarespace-how-to/#Method2Inspect_Element

Here you can see the button:

Here you may find the code:![alt text][2]

Here you may find the code:

I would just need to replace "Jetzt kaufen" with something like "kostenpflichtig bestellen". But I don't know how. Maybe you would know? Thanks for your help!

@beaudioful Try adding to Home > Design > Custom CSS

.ReviewSection-purchaseButton-1jKKj .u-field-button {
   visibility: hidden;
}
.ReviewSection-purchaseButton-1jKKj .u-field-button:after {
   visibility: visible;
   content: "Your New Checkout Text"
   font-size: 16px;
   color: #000;
   display: block;
}

Unfortunately, this didn't do anything. The text is still "Jetzt kaufen".

Can you zoom in screenshot at "jetzt kaufen" code? @beaudioful

@beaudioful Try

[data-test="purchaseButton"] {
    visibility: hidden;
}
[data-test="purchaseButton"]:after {
    visibility: visible;
    content: "Your New Checkout Text"
    font-size: 16px;
    color: #000;
    display: block;
}

It gives back: "syntax error in line 6"

@beaudioful try this

 [data-test="purchaseButton"] {
     visibility: hidden;
 }
[data-test="purchaseButton"]:after {
     visibility: visible;
     content: "Your New Checkout Text";
     font-size: 16px;
     color: #000;
     display: block;
 }

I am sorry, but it still doesn't do anything... :-(

Sorry i can't help. Difficult with only screenshot.

Thank you anyway! You tried. I really appreciated your help.Squarespace didn't do anything so far, nor got back to me. If say do not reply soon, I might have to change my provider. There are companies, which do allow to change the button texts etc., thus comply with German Laws.Again: THX to you!

@beaudioful try add important to after

content: "Your New Checkout Text" !important;

Or you can create a product that costs $1 and send me the link, I can check.

I put on the "test mode". So you don't have to worry about any purchase. ;-)Will that work for you, too?

@beaudioful Try this. I thought the code worked, but it was white .... so you thought it didn't work

[data-test="purchaseButton"] {
   visibility: hidden;
}
[data-test="purchaseButton"]:after {
   visibility: visible;
   content: "New Text";
   display: block;
   background: #000;
   color: #fff;
   padding: 10px;
   width: 100%;
}

Just to be sure:I simply copy the lines into the CSS at DESIGN > CUSTOM CSS ... save it ... correct?

Still, nothing. I am sorry.

@beaudioful Insert, and i will try check that code.

[data-test=purchaseButton] { visibility: hidden; } [data-test=purchaseButton]:after { visibility: visible; content: "New Text"; display: block; background: #000; color: #fff; padding: 10px; width: 100%; }