Checkout Button Schema

[gealcan]

What problem are you trying to solve?.
Allow the checkout button redirect link to be edited via site editor.
Today, this behavior is controlled by the prop finishShoppingButtonLink(editable only via code).

It's interesting to go directly to the last checkout stage to speed up the checkout process.
However, when there is gift promotion, the only place where the user can choose the gift is on the first checkout stage:

So it's useful for the commercial team to be able to change this behavior easily via site editor:
When there is a active gift promotion they would choose to send the user to the first checkout stage. Otherwise, they would choose the last checkout stage.

How to test it?

Workspace
Admin -> CMS/Site editor -> Cabeçalho(Desktop/mobile)
--> Minicart Footer --> Botão de checkout

Screenshots or example usage:

Related to #699

[vtex-io-ci-cd]

Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖

Please select which version do you want to release:

• Patch (backwards-compatible bug fixes)

• Minor (backwards-compatible functionality)

• Major (incompatible API changes)

And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.

• No thanks, I would rather do it manually 😞

[filipewl]

Hey @gealcan! We tried to access the workspace you created, but we're receiving the following error:

Do you have any idea what's going on?

[filipewl]

Hey! How did you manage to select the Checkout Button in the Site Editor? We tried here, but when we add some product to the cart and open the mini cart, we can't select the button with the Site Editor's selector.

[jpesce]

Hi @filipewl, thanks for reviewing!

Hey @gealcan! We tried to access the workspace you created, but we're receiving the following error
Do you have any idea what's going on?

Since this was implemented a long time ago, the workspace broke. I just created a new one with everything working. Here it is.

How did you manage to select the Checkout Button in the Site Editor?

Here's a screen recording on how to reach it:

checkout-button-schema.mp4

[filipewl]

Thanks for the PR and getting the workspace running again, and explaining how to edit it.
🙌

I was able to edit the path for the Checkout Button via the Site Editor and confirmed it reflected in the store.

[filipewl]

Hey @gealcan and @jpesce! Due to some technical details, this PR seems stuck because we cannot get these 2 required checks running. I made a copy of this PR in #318, and over there, they're all passing, so we can proceed and merge that one. With that said, I'll close this one.