Skip to main content

Automate Badge Issuing with a Form or Quiz

Set up a webhook to automatically issue Navigatr badges when learners complete a Riddle, Typeform, Zoho, or Tally form. Step-by-step setup instructions.

Written by Support Desk

Webhooks let you issue digital badges automatically when someone completes an action in another platform, like submitting a form or finishing a quiz, so badge issuing fits straight into your existing workflows.

You can connect Navigatr to Riddle, Typeform, Zoho Forms, and Tally, so a badge is issued the moment a form, quiz, or survey is completed. This is also commonly called a badge claim form: a simple form collecting a learner’s first name, last name, and email that triggers badge issuance automatically via the webhook.


Create a claim form in one click

The quickest way to set up a claim form is to let Navigatr build it for you. Instead of creating a form and wiring up a webhook yourself, Navigatr generates a ready-made form (built on Tally), connects it to your badge, and sets it as the badge’s earn link automatically. If you’d rather use a form you’ve already built in Riddle, Typeform, Zoho Forms, or Tally, set up the webhook manually using the steps further down.

To create a claim form:

  1. Find the badge you want to issue and click Issue.

  2. Under Other ways, select Create claim form.

  3. Review the summary of what will be created, then confirm.

  4. Navigatr builds and publishes the form and shows you its link. Copy the link and share it with the people who’ve earned the badge.

The form is titled “Earn your badge” and collects the recipient’s first name, last name, and email, along with a consent checkbox. As soon as someone submits it, the badge is issued to them automatically.

Note: A badge must be published before you can create a claim form, and each badge can have one. If a badge’s earn link already points to a claim form, remove it before creating a new one.


Accessing your webhook in Navigatr

  • Log in to your Navigatr Admin account.

  • Find the badge you want to issue automatically.

  • Click Issue and select Set up an integration.

  • Copy the Webhook URL provided.

  • You can also track how many times your webhook has been triggered.

Navigatr admin Issue badge integration panel showing the Webhook URL and trigger count

Important note: Your Webhook URL is private and should be kept secure. Do not share it publicly.


Connecting your webhook to an external platform

Once you have your Webhook URL, you can integrate it with Riddle, Typeform, Zoho Forms, or Tally to trigger badge issuance when a form is completed.

1. Setting up a webhook in Riddle

  • Log in to Riddle.

  • Create or edit a form. The form must include the required fields:

    • First name

    • Last name

    • Email

  • Go to Publish > Save and Connect Data > Webhook.

  • Paste your Navigatr Webhook URL.

  • Click Continue to save the integration.

Riddle Save and Connect Data Webhook settings with the Navigatr Webhook URL pasted in

2. Setting up a webhook in Typeform

  • Log in to Typeform.

  • Create a new form or edit an existing one. The form must include:

    • First name

    • Last name

    • Email

  • Navigate to Connect > Webhooks.

  • Click Add a webhook and paste your Navigatr Webhook URL.

  • Click Save webhook.

Typeform Connect Webhooks panel with Add a webhook button and Navigatr Webhook URL field

3. Setting up a webhook in Zoho Forms

  • Log in to Zoho Forms.

  • Open the form you want to integrate.

  • Go to Integrations > Webhooks.

  • Paste your Navigatr Webhook URL under Webhook URL.

  • Ensure the Content Type is set to application/json.

  • Map the required fields to:

    • First name

    • Last name

    • Email

  • Click Save.

Zoho Forms Integrations Webhooks settings with Navigatr Webhook URL and JSON content type configured

Check out instructions about how to create a Zoho Form from scratch.

4. Setting up a webhook in Tally

  • Log in to Tally.

  • Create a new form or edit an existing one. The form must include:

    • First name

    • Last name

    • Email

  • Open your form's Integrations and add a Webhook.

  • Paste your Navigatr Webhook URL.

  • Save the webhook.

Tally form Integrations panel with a Webhook added and the Navigatr Webhook URL pasted in

Tally has a free plan that includes unlimited submissions and webhooks. Read more about how to use webhooks in Tally.


Testing your webhook

When you save a webhook in Riddle, Riddle sends a test ping. We recognise Riddle’s test payload and confirm success without issuing a badge. With Typeform, Zoho Forms, and Tally there is no special test handling: a submission without a real first name, last name, and email simply won’t issue a badge.

To confirm the integration is working end-to-end, submit a real form entry (with a real first name, last name, and email) and check that the badge is issued:

  • Complete a real form submission using the connected platform.

  • Check Navigatr to confirm that the badge has been issued.

  • If the badge wasn’t issued, review the form settings to ensure:

    • The required fields (First name, Last name, Email) are correctly mapped.

    • The correct Webhook URL is being used.


Publish and share your form

  • Make your form public by adjusting the sharing settings in Riddle, Typeform, Zoho Forms, or Tally so participants can access and complete it.

  • Share the form link through email, social media, or by embedding it on your website to make it easily accessible.

  • Create a QR code for the form link so users can scan it and access the form instantly. This is useful for events, posters, or printed materials. You can generate a QR code using tools like Bitly or Hovercode. On Riddle, you can also use the built-in QR code generator.

  • Encourage users to complete the form so they automatically receive their badge through the webhook integration.


Final notes

  • Webhooks offer a fully automated way to issue badges without manual intervention.

  • Ensure that each form is correctly linked to the intended badge to prevent incorrect badge issuance.

Tip: If you need assistance, contact [email protected].

Did this answer your question?