+2Good day fantastical people.
I am creating a slider with different CTAs on each slide. I would like to link the custom button to a webhook that gets caught by zapier.
I have the webhook set in PX
I have the catch in Zapier
How can I trigger the webhook from the button?
Best answer by link_black
Thanks for posting to PX Community
The PX Engagements Webhooks messages do not provide that level of “button” specificity, only that something was “clicked”. I suspect you may already know this if you have tested that option.
For this use case, I would recommend using the PX Custom Event Webhook instead. Other than creating the PX Webhook for that Custom Event, you would need to the necessary JavaScript code to your HTML source code in that Engagement for your button(s). After that, when the Engagement button is clicked a new PX Custom Event is also created, which will be sent as a PX Webhook message to your destination for processing.
Here is some sample Engagement source HTML for doing this is on a button:
-------------------
<span class="apt-custom-button" style="color: #ffffff; font-family: Arial, Helvetica, sans-serif;"> <a href="http://www.gainsight.com" onclick="aptrinsic('track', 'LearnMore', {'clicked': 'true'});" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank"><span style="text-align: center; line-height: normal; border-radius: 3px ; background-color: #0181c8; padding: 10px 15px 10px 15px; display:inline-block; margin-left: auto; margin-right: auto; cursor: pointer; font-size: 13px;">I want to Learn More</span></a></span>
I hope this helps, Happy PX-ing!!!
+2Thanks for posting to PX Community
The PX Engagements Webhooks messages do not provide that level of “button” specificity, only that something was “clicked”. I suspect you may already know this if you have tested that option.
For this use case, I would recommend using the PX Custom Event Webhook instead. Other than creating the PX Webhook for that Custom Event, you would need to the necessary JavaScript code to your HTML source code in that Engagement for your button(s). After that, when the Engagement button is clicked a new PX Custom Event is also created, which will be sent as a PX Webhook message to your destination for processing.
Here is some sample Engagement source HTML for doing this is on a button:
-------------------
<span class="apt-custom-button" style="color: #ffffff; font-family: Arial, Helvetica, sans-serif;"> <a href="http://www.gainsight.com" onclick="aptrinsic('track', 'LearnMore', {'clicked': 'true'});" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank"><span style="text-align: center; line-height: normal; border-radius: 3px ; background-color: #0181c8; padding: 10px 15px 10px 15px; display:inline-block; margin-left: auto; margin-right: auto; cursor: pointer; font-size: 13px;">I want to Learn More</span></a></span>
I hope this helps, Happy PX-ing!!!
+2Thanks
I will let you know how it goes.
+2Just to close the loop here.
I have a PX slider give the user options for their avatar.
We need to keep the avatars locked down for privacy, BUT using the engagement I can use the webhook to kick off the engagement and using the API update the user avatar.
If you ever had a profile with us, there's no need to create another one.
Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.