Start Fullscreen or in a Layer

This guide is for the HTML integration of Smart Checkout. If you feel not confident with it, or before you start a new integration, please get in touch with our friendly help desk:Link

You can optionally set a view mode in the <form> tag to start Smart Checkout in fullscreen mode.

HTML

<form class="sc-autobasket-form"
      data-sc-contract-id="GCR_2H69XY35227V2VKP9WRA3SJ0W95RP0"
      data-sc-intent="order"
      data-sc-view-mode="fullscreen"
>

These are the options:

layer: If possible, Smart Checkout opens in a modal layer above the shop page. Some browsers need Smart Checkout to start in fullscreen mode due to restrictions for cross-origin ressource sharing (CORS). There are also reasons for Smart Checkout to switch to fullscreen mode even if it started as layer.
fullscreen: Forces Smart Checkout to open in fullscreen mode from the beginning.

The default view mode is layer.