Table of Contents
How to add Custom Webhook data on website

How to Add Custom Webhooks Data on Website

Harnessing the power of Custom Webhooks data for your website is like adding a dash of magic to a blank canvas. Imagine your website eagerly awaiting the vivid strokes of real-time data, transforming it into a dynamic masterpiece. In this guide, we’ll explore the art of connecting Custom Webhooks with WiserNotify, unlocking the potential for a website that breathes and evolves in real time. Let’s dive into the realm where data meets creativity, opening doors to a world of benefits that await.

Why Showcase Custom Webhooks Data on Your Website

Elevate your user experience by weaving real-time data into the fabric of your website. Picture it as a lively art gallery, each page a canvas hosting ever-changing exhibits powered by Custom Webhooks. This isn’t just about aesthetics; it’s about strategic advantages. You empower users with insights by displaying critical data directly on your site, turning your website into a decision-making hub. It’s time to transform your digital space into a dynamic and informative showcase.

Why WiserNotify is an Ideal Tool

WiserNotify is the virtuoso conductor orchestrating the integration of Custom Webhooks data into the symphony of your website. Our user-friendly interface is akin to a skilled artist effortlessly blending diverse elements. Think of WiserNotify as the seamless bridge connecting the dynamic world of Custom Webhooks to your website. It’s not just about integration; it’s about crafting a harmonious digital experience that resonates with your audience.

Benefits of WiserNotify

  • Seamless integration with Custom Webhooks
  • User experience enhancement
  • Client success stories
  • Without slowing down your website speed
  • Start with a free plan
  • Work with any websites
  • Effective ways to show Custom Webhooks data on the website
  • Automatically pull data from Custom Webhooks
  • Live chat supports
WiserNotify CTA Image
Finding Best Social Proof App For Your Business?

Try WiserNotify and build your website’s trust and credibility.

How to Add Custom Webhooks Data Using WiserNotify

Now, let’s embark on a journey together – a step-by-step guide on integrating Custom Webhooks data with WiserNotify. Imagine it as a friendly conversation, where we guide you through a collaborative dance between your website and Custom Webhooks. This isn’t a complex procedure; it’s a seamless process that turns integration into an enjoyable experience. Let’s paint your digital canvas with the vibrant strokes of real-time data.

Step 1: Install pixel code on your website. Paste it in your website’s <head></head> tag. It’s the best place to add pixel code.

adding Pixel code WiserNotify

Step 2: Go to the Integration section, find Custom Webhooks Integration, and connect it.

Integration Section

WiserNotify all integration

Connect Custom Webhooks

connect Custom Webhooks

Step 3: Enter the “Remark” and click on the “Create” button, then Copy the webhook URL.

create hook for custom webhook

Step 4: Click on the mapping icon and start Listening.

Click on Mapping

click on mapping

Click on Start Listening

click on start listening

Now there are two ways to post the data on the webhook URL.

Option A: Add this webhook URL to your 3rd party tool.

– Post a test data ( Submit the form).

Option B: API integration with your Backend:

Integrate the webhook URL with your custom backend solution & post the data.

Please follow below data format, if you want the data from your backend server.

Only if you want to post “Conversion” data

Method

POST

URL {{WISERNOTIFY_WEBHOOK_URL}}

Headers { “Accept”: “application/json”, “Content-Type”: “application/json” }

body

{ “username”: “Mr.Alok”, “firstname”: “Mr.Alok”, “lastname”: “Smith”, “email”: “[email protected]”, “phone”: “202-555-0118”, “city”: “Albany”, “state”: “New York”, “country”: “USA”, “ip”: “102.10.2.45”, “latitude”: “40.730610”, “longitude”: “-73.935242”, “userimage”: “https://example.com/user.png”, “customfield1”: “Lorem Ipsum is simply dummy text”, “customfield2”: “Lorem Ipsum is simply dummy text”, “customfield3”: “Lorem Ipsum is simply dummy text” }

Response

{ “status”: “success” }

Only if you want to post “Purchase” data.

Method

POST

URL

{{WISERNOTIFY_WEBHOOK_URL}}

Headers

{ “Accept”: “application/json”, “Content-Type”: “application/json” }

body

{ “username”: “Mr.Alok”, “firstname”: “Mr.Alok”, “lastname”: “Smith”, “email”: “[email protected]”, “phone”: “202-555-0118”, “city”: “Albany”, “state”: “New York”, “country”: “USA”, “ip”: “102.10.2.45”, “latitude”: “40.730610”, “longitude”: “-73.935242”, “productname”: “LCD T.V.”, “producturl”: “https://example.com/lcd-tv”, “productimageurl”: “https://example.com/lcd-tv.png”, “customfield1”: “Lorem Ipsum is simply dummy text”, “customfield2”: “Lorem Ipsum is simply dummy text”, “customfield3”: “Lorem Ipsum is simply dummy text” }

Response

{ “status”: “success” }

Only if you want to post “review” data.

Method

POST

URL

{{WISERNOTIFY_WEBHOOK_URL}}

Headers

{ “Accept”: “application/json”, “Content-Type”: “application/json” }

body

{ “firstname”: “Mr.Alok”, “lastname”: “Smith”, “rating”: “5”, “reviewtext”: “It is a long established…”, “reviewimageurl”: “https://example.com/user.png”, “customfield1”: “Lorem Ipsum is simply dummy text”, “customfield2”: “Lorem Ipsum is simply dummy text”, “customfield3”: “Lorem Ipsum is simply dummy text” }

Response

{ “status”: “success” }

Step 5: Go to the Custom webhook “Field mapping” in WiserNotify.

Once it receives the testing data, it will show the “Success” message.

field mapping sucess message

Step 6: Select the keyword( Left-sided Dropdown ), select Key/Value( Right-sided Dropdown ), and start adding one by one.

This process you have to do only one time.

select keyword and value

This is how you can connect the third-party tool ( Option A ) or custom backend ( Option B ) using WiserNotify.

Step 7: After the mapping is done, select “Custom Webhooks” as a data source.

select custom webhook as data source

Step 8: Create a post notification of your choice.

Click on “Add Notification” and select the notification template you like the most. Add the website URL and choose Bonusly as the data source of the post notification.

add bonusly notification

Conclusion

In summary, the journey of connecting Custom Webhooks with WiserNotify transforms your website into a living, breathing entity. Real-time data becomes the paint that colors your digital canvas dynamically. As you explore this seamless integration, we encourage you to unlock the dynamic possibilities that await your website. Enhance user engagement, empower decision-making, and craft an online experience that captivates your audience. Start this transformative journey today.

FAQ's

Security is paramount at WiserNotify. We employ robust encryption protocols and follow industry best practices to safeguard your Custom Webhooks data during the integration process. Think of WiserNotify as a vigilant guard, ensuring that your website’s security remains uncompromised throughout the integration journey.

Absolutely! WiserNotify provides extensive customization options, allowing you to tailor the display of Custom Webhooks data to match the unique style and aesthetics of your website. It’s akin to an artist meticulously selecting the perfect palette for a painting. With WiserNotify, your website becomes a canvas, and you have the creative freedom to design it as you envision.

Rest assured, you’re not alone. WiserNotify is committed to providing comprehensive support and troubleshooting resources. Our dedicated support team acts as a reliable guide, ready to assist you through any challenges you might face during the integration journey. Consider us your companion, ensuring a smooth and stress-free integration experience.

Absolutely! WiserNotify is designed to be versatile, much like a chameleon seamlessly adapting to various website platforms and structures. Whether you have a blog, an e-commerce site, or a portfolio, WiserNotify effortlessly integrates, enhancing the dynamics of your digital space. It’s your reliable companion, irrespective of your website’s nature or complexity.

Think of it as a clock ticking at regular intervals. WiserNotify ensures that your website stays dynamically fresh by providing timely updates of Custom Webhooks data. This ensures that your audience experiences the most recent and relevant information, maintaining the vibrancy of your digital presence. Your website becomes a living entity, continuously evolving with the latest data strokes.

Picture of Krunal Vaghasiya
Krunal Vaghasiya
Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.
Wisernotify

Skip Doubts

Build trust instantly.

Rate
Social Media icon