Widget editor overview

The editor features a top bar with 2 tabs. Below the bar is a side panel with the settings that change based on the selected tab. The Preview area features a device switch (Desktop/Mobile view) to show how the widget will appear in your store across different screen sizes and devices.

<aside> ⚠️ When you first open the editor, you’ll see a notification asking you to activate the app. You need to do this to ensure the widget displays in your theme. Once you activate the app, the notification disappears.

</aside>

The tabs in the top bar are as follows:

1. Content

In this tab, you can adjust the widget’s layout, background, borders, corners, and spacing. You can also add and customize the appearance of its components (Title, Buttons (new or preset), Notes, and Coupon).

• 💡 Useful tips

1. Advanced (Pro plan)

In this tab, you can:

• add custom styles to the widget’s elements or any other page elements of your online store (requires CSS knowledge)
• hide unnecessary elements on the page where the widget is installed (for example, 'Add to cart' and dynamic checkout buttons on the product page)
• 💡 How to hide buy buttons or other elements