Created with Sketch.
Created with Sketch.
Checkout 3.0

Extras flag

The extras object allows you to pass additional options and data to the Checkout 3 form. Currently the following options are supported:

PropertyData typeDescription
extraTermsAndConditionsstringStringified HTML markup of extra terms and conditions content. The provided markup is styled by default to match the styling of the Checkout 3 footer.

Note: The following HTML tags are not supported: <script>, <iframe>, <svg>

extraTermsAndConditions

Allows the customer to provide a stringified HTML snippet containing additional terms and conditions that will be displayed under the newsletter subscription checkboxes.

Example

const extras = {
    extraTermsAndConditions: "<p>Our newsletters use cookies and similar technologies to measure the opening rate and our customers' interests in our offers, to provide personalized advertisements and content marketing, and for statistical purposes. Read more about how we use and protect your personal data and cookies in our <a href=\"https://www.avarda.com/\">Privacy Policy</a> and <a href=\"https://www.avarda.com/\">Cookie Policy</a>. You can revoke your consent to the processing of personal data and cookies at any time by unsubscribing from the newsletter.</p>"
}

window.avardaCheckoutInit({
    //...additional checkout 3 configuration
    "extras": extras,
});

Styling the extra terms and conditions

The provided markup is styled by default to match the styling of the Checkout 3 footer. Overriding of the default styling is possible by using inline styling inside the HTML markup.

Example of default styling