PowerMedic

The Challenge

PowerMedic wanted to revamp their website to allow easy customization of content via WordPress while presenting their products professionally. They had a few specific requirements:

1. An enhanced search functionality to offer spell-check suggestions.
2. A complex clinic search feature, allowing users to find clinics that uses laser therapy based on location and filter by services offered.
3. Integration with HubSpot and their internal system, Kompas, to handle newsletter signups and ensure a bidirectional sync of contact data.

Approach

To meet PowerMedic’s requirements, we decided to build a custom WordPress theme that would give them control over content updates while incorporating the advanced functionalities they needed. The strategy involved using plugins and custom code to enhance WordPress’s core features.

Technical Details

• Advanced Search with Relevanssi: The default WordPress search wasn’t sufficient for PowerMedic’s needs. They wanted the ability to handle spelling errors in user queries. We integrated the Relevanssi plugin, which allowed for fuzzy searching, enabling users to get search suggestions even if they misspelled terms.
• Advanced Clinic Search with Google Maps: PowerMedic wanted users to find clinics that use their lasers, sorted by proximity to a postcode. We achieved this by working with Google Maps API and the clinic data (latitude and longitude). Here’s how it worked:
  • Users entered their postcode.
  • A custom WordPress endpoint retrieved clinic data.
  • Using JavaScript, we calculated the distance between the inputted postcode and the clinics.
  • Clinics were filtered by category (e.g., laser types) and sorted by proximity.
  • Markers and popups were added to the map to visually display clinics.
• HubSpot and Kompas Integration: Newsletter signups had to be sent to HubSpot and then synced with Kompas. We created a custom API webhook system to handle this. The integration ensured:
  • Contacts were sent from HubSpot to Kompas.
  • A bidirectional sync kept both systems updated, so any contact information changes in one system were reflected in the other.

Results

The new PowerMedic website not only allowed easy content management but also offered users a better experience with improved search functionality and the advanced clinic locator. These features enhanced usability and engagement. Additionally, the seamless integration between HubSpot and Kompas ensured that PowerMedic’s contact data was always up-to-date, reducing manual effort and increasing operational efficiency.

See the website