Skip to main content

Customize Your Widget Appearance and Settings in Reusely

How to setup Reusely widget to match your brand, engage customers, and track performance

Written by Althaaf Rachman Hafidz

Purpose

This guide helps you personalize your Reusely Widget to match your brand’s identity, improve user experience, and gain deeper insights through analytics. You’ll learn how to adjust your widget’s appearance, manage languages, integrate tracking, and enhance functionality.


1. Widget Appearance

Match your widget to your brand effortlessly:

  • Widget Colors: Customize the Primary Color, Background Color, and Button Color to match your brand identity.

  • Company Logo: Display your company logo inside the widget. This is disabled by default, as many businesses already display their logo on their website and may prefer to avoid duplication.

  • Reusely.com Branding: Enabled by default for all Plan users. But users can disable it if they don't want it.

  • Icon Style: Choose how products are displayed throughout the widget using Vector Icons or Real Photos. You can configure the display separately for both Category & Product Style and Model Style, allowing you to mix and match the appearance that best fits your brand. For example, you can use Vector Icons for categories while displaying Real Photos for product models.

💡 Tip

Keep your color scheme simple and consistent — it helps build trust and clarity for your customers.


Buyback Value

Control how the highest possible payout is displayed in your widget.

When enabled:

  • Displays the "Get up To" label with the highest possible price for the selected item.

  • Helps improve conversions by showing customers the maximum potential payout.

  • Creates a more competitive buying experience.

When disabled:

  • Hides the "Get up To" label and the highest possible price.

  • Offers a simpler pricing presentation, although it may reduce conversions and competitiveness.


Price Trend Graph

The Price Trend Graph visually represents expected price changes over time, helping encourage faster customer decisions.

How It Works

  • Updates automatically every 7 days.

  • Shows a randomized 2% to 4% expected price decrease to simulate market fluctuations.

  • Appears directly in your live widget.

  • Includes customizable text for:

    • Title (default: Expected price trend for this item)

    • Current Price label

    • Expected Value Next Week label

How to Turn It On

  1. Go to Widget Settings.

  2. Find Price Trend Graph.

  3. Turn the toggle ON to display the graph in your widget.

Note

The Price Trend Graph is designed to create urgency by showing customers that prices may decrease over time, encouraging them to complete their offer sooner.


Conditional Question Pricing Visibility

Control whether customers can see how each conditional question affects the offer price.

When enabled:

  • Displays the price adjustment for each conditional question during evaluation.

When disabled:

  • Hides individual price adjustments while still applying them to the final offer calculation.


Custom Fields

Customize the label shown for your custom field.


Label

Change the display name of Custom Field Label 1 to match the information you want to collect from customers. This label will appear throughout the buyback flow wherever the custom field is used.


3. Language Settings

Main Language

Select the primary display language of your widget.

Additional Language Codes

Add secondary language codes (e.g., Dutch, German, French) to cater to international customers.

Reminder

Editable content, such as conditions, workflows, emails, and shipping forms, must be updated manually to match your selected languages.


4. Terms & Conditions

Add a Terms & Conditions Link

Require customers to agree to your terms before submitting their buyback offers.

  • Paste the URL of your Terms & Conditions page in the provided field.

  • You can also customize both the Terms text and the Submit button label to match your brand tone.

Example in Action

  • Before: By clicking Lock in Offer, you agree to {:company-name} {:term-condition-link} and confirm the item hasn’t been reported lost or stolen.

  • After: By proceeding, you accept our Trade-In Terms and confirm all information is accurate.

Tip

Most websites display their Terms & Conditions in the footer. Before linking it to your Reusely widget, ensure your Terms & Conditions page is already published and accessible on your site.


5. Google Analytics (GA4) Integration

Integrate Google Analytics 4 (GA4) to track customer behavior and measure widget performance.

How to Integrate

  1. Go to Settings → Widget → Widget Settings.

  2. Locate the GA4 Integration subsection.

  3. Paste your GA4 Measurement ID in the provided field.

  4. (Optional) Configure GA4 Secret Key for Server-Side Tracking

    If you want to send the buyback_reusely event via server-side tracking, you need to add the GA4 Secret Key.

    What is a GA4 Secret Key?

    The GA4 Secret Key is used for Measurement Protocol authentication, allowing Reusely to send events directly from the server to GA4 rather than from the browser.

    How to get GA4 Secret Key:

    1. Go to Google Analytics (GA4)

    2. Search for your Measurement ID

    3. Click the settings with the Measurement ID

    4. Open Data Stream

    5. Click Measurement Protocol API Secret

    6. Create or copy the Secret Value

    7. Paste it into Reusely → Widget Settings → GA4 Secret Key

Note: When using server-side tracking with the GA4 Secret Key, the event is sent from the backend rather than the browser, helping ensure it is recorded even if client-side tracking is blocked (e.g., by ad blockers or browser restrictions).

Tracked Events

Location

Event

Step

Variables

Mail-In

load

First load of the widget

gtm_id

Mail-In

view_item

When choosing the item category

content_type, currency, items (item_category), value

Mail-In

view_item

When choosing the item model

content_type, currency, items (item_brand, item_category, item_name), value

Mail-In

view_item

When choosing the item model specification

content_type, currency, items (item_brand, item_category, item_name, product_group_id), value

Mail-In

add_to_cart

When confirming the condition

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

Mail-In

generate_lead

When the customer has filled in the email info

content_type, currency, value

Mail-In

view_cart

When on the offer summary step (before the checkout step)

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

Mail-In

remove_from_cart

When an item is removed from the cart

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

Mail-In

begin_checkout

When on the checkout step

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

Mail-In

add_payout_info

When the customer adds Payout Info

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, payment, value

Mail-In

add_shipping_info

When a customer adds Shipping Info

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, shipping_tier, value

Mail-In

lead_form_data

When customer choosing

data (email, first_name, full_name, last_name, phone)

Mail-In

buyback_reusely

Completed buyback offer

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, transaction_id, value, visitor

In-Store

load

First load of the widget

gtm_id

In-Store

view_item

When choosing the item category

content_type, currency, items (item_category), value

In-Store

view_item

When choosing the item model

content_type, currency, items (item_brand, item_category, item_name), value

In-Store

view_item

When choosing the item model specification

content_type, currency, items (item_brand, item_category, item_name, product_group_id), value

In-Store

add_to_cart

When confirming the condition

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

In-Store

generate_lead

When the customer has filled in the email info

content_type, currency, value

In-Store

find_location

When selecting locations

currency, location_address, location_city, location_country, location_id, location_name, location_state, location_zip

In-Store

view_cart

When on the offer summary step (before the checkout step)

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

In-Store

remove_from_cart

When an item is removed from the cart

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

In-Store

begin_checkout

When on the checkout step

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, value

In-Store

add_payout_info

When the customer adds Payout Info

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), num_items, payment, value

In-Store

lead_form_data

When customer choosing

data (email, first_name, full_name, last_name, phone)

In-Store

buyback_reusely

Completed buyback offer

content_type, currency, items (item_brand, item_category, item_condition, item_id, item_name, item_variant, price, product_group_id, quantity), location_address, location_city, location_country, location_id, location_name, location_state, location_zip, num_items, transaction_id, value, visitor

Custom Widget Events

Reusely now supports custom event tracking for interactions beyond the default list.
You can forward these events to GA4 using Google Tag Manager to measure additional behaviors like:

  • Button clicks

  • Scroll depth

  • Toggle interactions

💡 Tip

Visit our Widget Custom Events documentation for setup details.


6. Search Bar Customization

Control how customers find products within your widget.

When Enabled

  • You can select the Search Bar as the starting point.

  • The placeholder text can be customized for tone or instruction.

When Disabled

  • The search bar is hidden from all steps.

  • The “Search Bar” starting point is no longer available.

  • Tooltip reminder:

    “Disabling the search item is not allowed when the widget’s starting point is set to Search Bar.”

Where to Find It

Settings → Widget → Widget Settings → Show Search Item

💡 Tip

If your catalog is large, enabling the Search Bar makes navigation much faster for customers.


Personalizing your Reusely Widget helps you create a seamless, branded, and data-driven experience for your customers. From visual customization to multilingual support and GA4 analytics, each setting empowers you to make your widget both functional and engaging. If you ever need guidance or get setup issues, don’t hesitate to reach out to our Customer Support Team. We’re always happy to help you optimize your buyback experience!

Did this answer your question?