Shopify
Ealyx provides a native Shopify App that enables the trade-in experience directly within your store.
Setting up Ealyx on a Shopify website requires completing three mandatory steps:
- Request the App and your credentials: You can obtain the App and your credentials from your Account Manager or request them through our Portal.
- Install the App in your Shopify store.
- Configure the widgets according to our integration guidelines.
Installation and Activation of the Ealyx App
Once you have access to the App, you must authenticate your store to activate it.
- In your Shopify admin panel, go to Apps → Ealyx.
- When opening the App, you will see the authentication panel.
- Enter your credentials and click “Save”.
After saving, the App will display the authenticated view, similar to the example below:
Add & Configure Widgets
All Ealyx widgets are inserted through the Shopify Theme Editor — no code snippets needed.
Before configuring individual widgets, open the Theme Editor:
- Go to Online Store → Themes
- Click Edit theme on your active theme.
Once inside the Theme Editor, follow the widget-specific instructions below.
Widget Types & Their Configuration
Below you will find a guide for each widget type, including:
- How to add the widget
- How to configure it
- Where to position it
- Best-practice recommendations
Ealyx Banner
A banner that highlights the trade-in benefit at the top of your storefront Home page.
How to Add
- Inside the Theme Editor, choose Home page from the dropdown.
- Click Add section.
- Search for Ealyx App in the Apps section.
- Select Ealyx Banner.
💡 It is recommended to repeat the same process on the Collections page, Product page, and Cart page.
Configure the Banner
Settings include:
- Full-width toggle: Activated
- Upper & lower padding: Use it to adapt to your theme.
- Visibility: Mobile and Desktop
These options appear in the right settings panel.
Recommended Position
Place the widget:
- At the very top of the Home page
- Just below the Shopify Announcement Bar (optional)
Why:
This maximizes visibility and highlights the trade-in benefit immediately.
Product Page Widget
This widget displays the trade-in discount directly on product pages.
It is the most conversion-driven widget.
How to Add
- In Theme Editor, switch to the Product template.
- Click Add section.
- Search for Ealyx.
- Select Product Widget.
Configure the Product Widget
Available options:
- Full-width toggle: Activated
- Upper & lower padding: Use it to adapt to your theme.
- Visibility: Mobile and Desktop
Recommended Position
Drag and drop the widget to place it:
- Below the More payment options copy, or
- Above the “Add to cart” button
Why:
This is the moment users consider affordability. Showing the trade-in discount boosts purchase intent.
Cart Widget
Shows the trade-in option while reviewing the cart total. If a valuation was already completed, it also displays the traded-in product and the applied discount in the order summary.
How to Add
- In Theme Editor, switch to the Cart template.
- Click Add section.
- Search for Ealyx.
- Select Product Widget (the one named Cart widget will be added in the next step).
Configure the Cart Widget
Configure:
- Spacing
- Visibility
- Layout adjustments (depending on theme)
Recommended Position
Place the widget:
- At the bottom of the Cart section
Why:
Users going to checkout should see they can reduce the total price via trade-in — this increases conversions.
Furthermore, this ensures that if a user has initiated a trade-in, they will see the item they are selling in the cart as well as the discounted price reflected in the order summary.
Additional Required Step (Cart Widget Only)
The Cart Widget requires adding a small Liquid snippet manually inside your theme code.
Where to add the code
- Go to Online Store → Themes → Edit Code
- Open: sections/cart-summary.liquid
- Find the element:
<div class="cart__summary-totals"> - Add this snippet inside that element, just before the closing
</div>:<div class="ealyx-teaser" data-type="cart-summary"></div>
⚠️ Important: if this step is skipped, the Cart Widget will not appear even if enabled.
Checkout Widgets (Payment Page & Thank You Page)
Ealyx includes two additional widgets that appear during the final stages of the purchase flow:
- Checkout Block (Payment Page)
- Thank You Page Block
These widgets are not added through the Theme Editor.
They must be added through the Shopify Checkout Editor.
⚠️ Important limitations
- The Payment Page widget is only available for Shopify Plus merchants, because Shopify restricts checkout customisation.
- The Thank You Page widget is available for all merchants.
How to Add
- In Theme Editor, switch to the Checkout and customer accounts template.
- Go to Apps
- Search for Ealyx App.
- Select ealyx-checkout → Add to → Checkout
- Select ealyx-thankyou → Add to → Thank you
Payment Page Recommended Position
Place the widget:
- Directly below the Shipping Method block and above the Payment section
Why: This placement ensures the user sees their trade-in benefit right before selecting a payment method, increasing confidence and reducing friction at the most critical step of the checkout process.
⚠️ Note: This block is only available for Shopify Plus merchants.
Thank You Page Recommended Position
Place the widget:
- At the top of the Thank You page, just below the confirmation header
Why: Displaying the widget immediately after order confirmation reinforces the user’s trade-in action and provides a clear next step. This increases post-purchase engagement and ensures users know their trade-in has been successfully registered.
Save and Test
After configuring any widget:
- Click Save in the Theme Editor
- Open your storefront in a new tab
- Verify that the widget loads and interacts correctly with Ealyx