Skip to main content

Desired experience

  1. I want to offer the snooze option in the footer of my guide
  2. I want the other button in the footer to open in a URL in a new tab
  3. I want these to be right next to each other, as you see in the templates
  4. I want the close button for the guide to close the guide

I thought I had this configured for my guide with these settings:

  • Footer
    • Exit button styled to “Learn More”
    • Snooze button
  • Global Action Settings
    • Close guide = close guide
    • Complete = redirect to URL

I though the Exit button = completed and would redirect to the URL and the close button would work as a close of the guide.

However, it turns out that those settings made it so the X close action in the upper right corner of the guide also redirected to the URL. I guess because that was also considered a completion event? 

When experimenting with footer options, I only have the options for:

  • Exit button: required, no way to specify this button to open URL in a new tab
  • Snooze
  • Skip

And when experimenting with custom buttons, I couldn’t see an action available to snooze the guide. 

So I’m guessing this isn’t possible, but I thought I’d ask. 

Hi Danny. In a single-step guide or on the last step of a multi-step guide, the close X will also count as a completion, and the configured action will apply there as well. Unfortunately, PX doesn’t yet support adding a custom button to the footer, and workarounds to style a custom button to be positioned over the footer are not very reliable.

A common recommendation is to hide the PX footer and rebuild the footer functionality with custom buttons, i.e. DIY footer in the engagement body. The blocker there is the lack of snooze as a configurable action in custom buttons.

If it helps, you could hide the close button X altogether (guide CSS), or at least on the last step of the engagement (step CSS):

.px-close-button{display: none;}

Alternately, if the X button is required for screen readers, you could set the color on the svg to the same as the background color to effectively hide it for human users.

Hiding that X will not disable the event listener, though. So the close action can still be actionable using the ESC key.

Reply


Terms & ConditionsCookie settings