Triggered Campaigns
With the Track Custom Event action enabled, every widget submission fires your configured custom event (default form_submission) to Iterable. Use it as a Journey entry trigger to send an immediate follow-up email or SMS.
Events Jule fires to Iterable
| Event name | When fired | Key payload fields |
|---|---|---|
| Your configured event name (default form_submission) | Form submitted, with the Track Custom Event action enabled | project (project name), fields (your mapped field values) |
| Per-page event fires (custom names) | A page configured to fire Iterable events is submitted | The properties you configure on the page |
| couponAssigned, couponRedeemed, couponExpired (names configurable per coupon) | Coupon lifecycle, when coupon Iterable sync is enabled | coupon_code, coupon_status, discount and expiry details (prefix configurable) |
Set up an Iterable Journey
- In Iterable, go to Journeys → Create Journey.
- Add an entry step: Custom Eventtrigger, with the event name you configured in the editor's Iterable tab (default form_submission).
- Add a filter on dataFields.project equals your widget's project name to scope the Journey to a specific widget — or give each widget a unique event name.
- Add a Send Email or Send SMS action immediately after the entry step.
- Activate the Journey.
The project field carries the project name exactly as shown in the Jule dashboard — match it verbatim in your Journey filter.
Widget display triggers
Display triggers control when the widget appears on screen — separate from the Iterable campaign triggers above. Configure them on the Triggers tab in the editor.
| Trigger type | Description | Works with |
|---|---|---|
| URL Match | Show on pages matching a URL pattern (exact, contains, or regex). | All modes |
| Scroll Depth | Show after the user scrolls X% of the page height. | Popup |
| Exit Intent | Show when the cursor moves toward the browser chrome (desktop only). | Popup |
| Time Delay | Show N seconds after the page loads. | Popup |
| Custom Event | Show when window.Jule.trigger('name') is called from your own JS. | All modes |
Manually trigger a widget
Call window.Jule.show('project-id') from any JavaScript to display a specific widget programmatically — useful for showing a widget after a checkout step, a button click, or an app event.
JavaScript
// Show a widget after a successful purchase
document.querySelector('#checkout-btn')
.addEventListener('click', async () => {
await processPayment();
window.Jule.show('post-purchase-nps');
});