Setting up and styling widgets

How to create checkout widgets, match colors and logo to your shop design and work with the secrets.

A widget is the integration of Corporate Checkout® into your shop or booking flow. Each widget belongs to a Business Unit. You find the widgets in the Merchant portal under Configurations > Widgets.

The Transaction Widget you select when creating a Corporate PayLink is also such a widget.

Widgets at a glance

The overview lists all widgets of your organization. For each widget you can see the FrontEnd Secret and the BackEnd Secret, which you need for the technical integration. Both can be revealed and copied. Treat the BackEnd Secret in particular as confidential. You can also activate, deactivate, duplicate and edit widgets.

Creating a new widget

Via New Widget the editor opens with a live preview. You enter a title and choose the Business Unit. Then you style the widget to match your shop:

  • Colors: All color values can be adjusted via hex code, including the main color for headers and buttons, text colors, backgrounds, hover effects, borders and error colors.

  • Config: Options such as hiding the price per unit above the thumbnail or the CO2 tag.

  • Logo: Upload your own logo (max. 10 MB).

  • Terms & Conditions URL: Link to your own terms.

With Apply you see your changes directly in the preview, with Reset you revert them. Create saves the widget.

Note: If you have questions about the technical integration of the widget into your shop, our support team can help.

Related articles

Did this answer your question?
😞
😐
😁