Widget Configuration Settings Navigation

Customize Size

Configure the display dimensions for your widget.

Empty width means 100%. Examples: 600px, 100%, 50em

Empty height means autoresize. Examples: 400px, auto

Geographic Market Filtering

Target your audience by selecting the regions where they are located (e.g., select 'USDM' for the United States region). The widget will then display vehicles sold in those regions. Leave blank to include all available regions.

USA+ Canada Mexico Central & South America Europe Russia+ Japan China South Korea Southeast Asia Middle East North Africa South Africa Oceania

Include or Exclude Brands

Use the tabs to control which brands appear in the widget. "Include Brands" shows only the brands you pick. "Exclude Brands" hides the brands you pick from the results.

No brand filtering

All brands will be shown in the widget

Search History Settings

Search History Configuration (4 options)

Configure how search history behaves for users of this widget. Search history allows users to save and quickly re-execute their recent vehicle searches.

How Search History Works

  • Search history is stored locally in the user's browser using localStorage
  • Users can click on any previous search to instantly re-execute it
  • Search data is automatically cleaned and deduplicated
  • No personal data is sent to servers - everything stays in the user's browser
  • History gracefully degrades if localStorage is not available

Theme & Styling

Theme & Visual Customization (11 options)

Customize the visual appearance of your widget to match your website design.

Name for this theme configuration
Select a predefined theme as a starting point

Color Settings

Primary brand color (buttons, links, highlights). Use in templates: text-primary-color, bg-primary-color, border-primary-color
Secondary color (borders, dividers, subtle elements). Use in templates: text-secondary-color, bg-secondary-color, border-secondary-color
Accent color (success states, calls-to-action). Use in templates: text-accent-color, bg-accent-color, border-accent-color
Background color for the widget. Use in templates: text-background-color, bg-background-color, border-background-color
Primary text color. Use in templates: text-main-color, bg-main-color, border-main-color

Typography Settings

Font family for text elements
Base font size for the widget

Visual Effects

Border radius for form elements and containers
Shadow intensity for elevated elements

Live Preview

Your theme changes are reflected in real-time in the preview section below. Adjust colors, fonts, and visual effects to see how they look on your widget.

How it works:

  • Select a predefined theme to automatically fill in all color and styling options
  • Manually adjust individual colors, fonts, and effects for custom styling
  • Click "Update Configuration" to save your theme changes
  • The preview will reload automatically to show your changes

User Search Path

Select the order of dropdowns users will see when searching for a vehicle.

Custom Translations

Customize widget text in JSON format. Defaults will be used for missing keys.

JSON object with translation keys. Leave empty to use defaults.

Template Configuration

Customize your widget template and preview changes in real-time.

Customize how search results are displayed. Template is pre-populated with the default design.
Use TailwindCSS v4 classes.

Template Gallery (6 templates)

Click on any template below to apply it to your configuration

⚠️ Links Disabled (Free Widget)

Links in templates are only available for paid subscriptions. Upgrade to use <a> tags in your custom templates.

HTML template with placeholders. Supports TailwindCSS classes and loops. Pre-populated with default template - modify as needed.

Immediate Redirect Paid Widget Only

Automatically redirect users to your catalog page after they complete vehicle selection. The URL will include all wheel fitment parameters.

Premium Feature

The Immediate Redirect feature is available only for paid widgets. Upgrade to:

  • Redirect users directly to your catalog after vehicle selection
  • Pass all wheel fitment parameters automatically
  • Provide a seamless shopping experience
  • Increase conversion rates

Widget Preview

Widget Preview

Widget Preview appears only after widget creation in database. Please save your configuration to generate a preview.