Stripe Checkout For Single Non-Store Item

We want to use Stripe Checkout to allow companies to purchase one "service" item and are stuck getting it to work. It seems this should be easier, but I am a newbie on CS-Cart and still getting a handle on some of these things.

We've created a separate page where we want to add the code that we copied from our Stripe Checkout account dashboard. We're using the "client integration" option. The code looks like this:

<button
style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
id="checkout-button-sku_FdPETF8kafD8cO"
role="link"
>
Checkout

Where should this code be pasted on the page? We tried pasting it in the "Description" section, by clicking the code area "<>", and it displayed the Checkout button initially. Then, when we saved the page and went to review it, it displayed the code that was pasted instead of the checkout button.

Help for a newbie would be greatly appreciated! I am sure it is something simple. Hoping, anyway.

Hire someone to perform integration according to CS-Cart requirements. There is no ability just to copy and paste the code

Why don't you create a hidden product? You can send the link to this product to the buyer and they can simply checkout the usual way.

Hire someone to perform integration according to CS-Cart requirements. There is no ability just to copy and paste the code

This seems to be such a basic thing to do. I'm surprised this capability is not a part of CS-Cart. Much to learn. I've done this on a WordPress site and it was super easy. Thanks for your input!

Why don't you create a hidden product? You can send the link to this product to the buyer and they can simply checkout the usual way.

I will check this option out. Thank you for the suggestion!