Skip to main content

Testing Your Widget

Before sharing your widget with customers, it is important to test it thoroughly. This guide walks you through previewing the widget, making a test booking, and checking that everything works end to end.

Previewing the Widget​

The quickest way to see your widget is to open the direct link in your browser.

  1. Go to Settings > Booking widget.
  2. Scroll down to the Embed options section.
  3. Copy the Option B direct link for your rentals, experiences, or store widget.
  4. Open the link in a new browser tab.

This shows you exactly what customers will see. You can browse products, check availability, and go through the full booking flow.

The embed options section showing the direct link under Option B

Testing the Full Booking Flow​

Walk through the entire booking process as if you were a customer.

For Rentals​

  1. Open the rentals widget using the direct link.
  2. Browse the product catalog and verify that product names, images, and prices look correct.
  3. Click on a product to open the detail page.
  4. Select a pickup date and return date.
  5. Confirm that the availability shows the correct number of units.
  6. Confirm that the price calculates correctly for the selected dates.
  7. Set a quantity and click + Add to booking.
  8. Open My booking and verify the items, dates, and prices are correct.
  9. Proceed to checkout.
  10. Enter test customer details (use your own email so you receive the confirmation).
  11. If online payments are enabled, complete the payment with a Stripe test card.
  12. Verify that the confirmation page appears with the booking reference.
  13. Check your email for the confirmation email.
  14. Log in to EquipDash and verify the booking appears in Bookings.

For Experiences​

  1. Open the experiences widget using the direct link.
  2. Browse the experience listings and check names, images, and prices.
  3. Select an Experience date in the Filters sidebar and verify the available time slot chips appear on each card.
  4. Click a time slot chip and check that the participant options appear.
  5. Click View details on an experience to open the detail page and verify the full description.
  6. Set participant quantities for each rate category.
  7. Click + Add to booking and verify the booking summary.
  8. Complete the checkout process with test details.
  9. Verify the confirmation and check that the booking appears in EquipDash.

For Store​

  1. Open the store widget using the direct link.
  2. Browse the product listing and verify product names, images, prices, and stock badges look correct.
  3. Use the category chips to filter by category and confirm the filters work.
  4. Click View details on a product and verify the detail page shows images, description, price, and stock status.
  5. Set a quantity and click + Add to cart.
  6. Open My booking and verify the items and prices are correct.
  7. Complete the checkout process with test details.
  8. Verify the order appears in EquipDash.

For Vouchers​

  1. Open the voucher widget using the Purchase page link.
  2. On Step 1: Select Value, click a preset amount button or enter a custom amount, then click Continue.
  3. On Step 2: Details, enter the recipient's name, an optional message, and your own details, then click Continue.
  4. On Step 3: Payment, complete the purchase (with a test payment if applicable).
  5. Check that the voucher appears in Promotions > Vouchers in EquipDash.

Stripe Test Cards​

If you have Stripe payments enabled, use these test card numbers to simulate payments without being charged:

Card NumberResult
4242 4242 4242 4242Successful payment
4000 0000 0000 0002Card declined
4000 0000 0000 32203D Secure authentication required

Use any future expiry date, any CVC, and any postcode.

Make sure your Stripe account is in test mode when running test payments. You can switch between test and live mode in your Stripe dashboard.

Checking on Mobile​

The widget is fully responsive, but you should test it on a mobile device (or use your browser's responsive mode) to make sure everything looks good on smaller screens.

  1. Open the widget direct link on your phone, or use your browser's developer tools to simulate a mobile screen.
  2. Check that products display correctly in the grid/list view.
  3. Test the date pickers — make sure they are easy to use on a touch screen.
  4. Go through the checkout process on mobile to check form fields and buttons are accessible.

Testing the Embedded Widget​

If you plan to use the iframe embed, test it on your actual website too.

  1. Embed the widget on a test or staging page on your website.
  2. Open the page and verify the iframe loads correctly.
  3. Check that the widget colors match your website.
  4. Scroll through the widget to make sure it fits the iframe height.
  5. Complete a test booking through the embedded version to make sure the checkout works inside the iframe.

Cleaning Up Test Bookings​

After testing, you may want to clean up the test bookings you created:

  1. Go to Bookings in EquipDash.
  2. Find the test bookings (search by the test customer name or email).
  3. Cancel the test bookings to free up the inventory.

If you created a test customer, you can leave the profile in your system — it will not affect anything.

Pre-Launch Checklist​

Before sharing the widget with real customers, run through this checklist:

  • Products, experiences, and store items display with correct names, images, and descriptions
  • Pricing calculates correctly for different date ranges
  • Availability shows accurate counts
  • The checkout flow completes without errors
  • Confirmation emails are received and look correct
  • Bookings appear in the EquipDash dashboard
  • Widget colors match your brand
  • The widget looks good on mobile devices
  • The embedded version works correctly on your website
  • Stripe payments process successfully (if using online payments)