After installing the widget, follow these steps to verify everything is working correctly.
**Step 1: Visit Your Page**
Open the page where you added the widget code or shortcode in your web browser.
**Step 2: Check the Widget Loads**
You should see:
- A title bar with "Select Your Vehicle" or similar heading
- Four dropdown menus: Make, Model, Generation, Engine
- If VRM is enabled: a registration number input field above the dropdowns
- A "Get Quote" or results area below
**Step 3: Test a Vehicle Lookup**
1. Select a **Make** from the first dropdown (e.g., BMW)
2. Select a **Model** (e.g., 3 Series)
3. Select a **Generation** (e.g., F30)
4. Select an **Engine** (e.g., 320d)
5. The widget should display performance figures with your chosen gauge style
**Step 4: Test VRM Lookup (if enabled)**
1. Enter a valid UK registration number in the VRM field
2. Click the lookup button
3. The vehicle details should auto-populate in the dropdowns
**Step 5: Test Quote Submission**
1. Complete a vehicle lookup
2. Fill in the quote form (name, email, phone, postcode)
3. Select your services
4. Submit the quote
5. Check your notification email for the quote
6. Verify the quote appears in your admin panel under the quotes section
**If something isn't working:**
- **Widget not loading at all** - Check your API key is correct and your container div ID matches
- **"Invalid API key" error** - Verify you copied the full API key without extra spaces
- **No vehicle data showing** - Check your internet connection and that the API URL is accessible
- **Styles look wrong** - Make sure you included the base CSS file in your page `<head>`
See the Troubleshooting category for detailed solutions to common issues.
