PixelMe set up in DIVI

We make it easy for you! Follow this step-by-step process on our Fleeq page to implement PixelMe in Divi.

If you work with Divi Theme and PixelMe, you quickly realise that adding a simple 'onclick event' to their Call-To-Action buttons isn't straightforward (Divi's buttons are styled anchor tags rather than regular HTML wrappers).

How to implement Event Tracker of PixelMe in Divi

Here's how to implement Event Tracker of PixelMe in Divi Theme by Elegant Themes in 5 easy steps:

  1. Pick a button you want to track - either for a single CTA button or all buttons at once.
  2. For ALL CTA's, identify the default CSS Class of your DIVI Theme buttons (e.g. ".et_pb_button"). Use your browser's default inspector to confirm the right Class name for your button. Or to narrow down to a single CTA - input a custom CSS Class name in DIVI CTA Module Settings - Advance Setting - Custom CSS field (e.g. "callus")
  3. Next, log in to your PixelMe Dashboard and go to Smart Attribution - Settings - Tracking code
  4. Select "Tracked events" from the dropdown. You should choose whatever is closest to your CTAs event you are trying to record. Copy the generated event script.
  5. Log in to your WP Dash and go to Divi - Integration - Header. Insert the following jQuery script with the button's Class and your copied script from PixelMe:
PixelMe in Divi event tracker example

Now every time someone clicks on the CTA(s) the event gets recorded on your PixelMe Dashboard.

This article was originally posted on Colorpeak.co.uk: Tracking (onclick) CTA’s via PixelMe in DIVI Theme