Skip to main content

I have successfully been able to integrate Product Tour for most of the platform. However,  have a section within my platform where a workflow needs to be completed by the users.

The workflow comprises of 4 steps and it’s a wizard style experience. all the 4 steps have the same URL and just the content on the page changes upon completing a step but the URL remains same.

Issue: The pointers which are meant to appear on the step 2 of the workflow appears on the Step 1 itself. The CSS elements are not visible on the Step 1 but still the pointers appear.

I have tried attributing the HTML with intercom <div> as well, the buttons are even highlighted in Pink within the tour editor after the attribution. It means the attribution worked, Despite this, the pointers appear on Step 1 instead of Step 2.  

If product tour pointers aren't rendering correctly after Intercom HTML attribution, try these fixes:

  1. Check for CSS Conflicts: Look for style conflicts that might affect pointer display.
  2. Inspect JavaScript Errors: Ensure there are no errors preventing the tour from rendering.
  3. Verify HTML Attribution: Double-check if the correct elements are targeted.
  4. Test Browser Compatibility: Check if the issue is specific to one browser.
  5. Update Intercom Integration: Ensure your Intercom integration and code are up to date.

These steps should help resolve the rendering issue.


If product tour pointers fail to render after Intercom HTML attribution, troubleshoot with these steps:

Check for CSS conflicts, JavaScript errors, and verify correct HTML targeting.
Test browser compatibility and ensure your Intercom integration is up to date.
These measures should resolve the issue.


Reply