Attach

The attach feature grants you the flexibility to designate specific locations within your checkout page for rendering Open Elements. These elements encompass a range of crucial components such as saved shipping addresses, saved billing addresses, payment entry fields, terms of service agreements, and the payment button. This capability empowers you to strategically position these elements according to your layout preferences, ensuring optimal placement and seamless integration with your checkout experience.

Example HTML

Example JS

oe.attach({
payment: 'open-elements-form',
process: 'open-elements-button',
shippingAddress: "open-elements-shipping",
billingAddress: "open-elements-billing",
terms: "open-elements-terms",
notification: "open-elements-notification-div",
});

<div id="open-elements-form"></div>
<div id="open-elements-terms"></div>
<div id="open-elements-button"></div>
<div id="open-elements-notification-div"></div>```
Example JS

 

``