Skip to content
Agentic Workflowdocs
v0.8.2Install free

recipes / monitor pages

Get a phone alert when a careers page lists new jobs

Keep a careers page open and get a push notification on your phone as soon as its job list changes.

Beginner 6 min Needs a connection · Push Notification Monitor pages

workflow · job-postings-watch.awf 2 steps

New Job Postings Watch: a workflow with 2 steps, starting with Watch the job list and ending with Send a push notification.

  1. Watch the job list(Element Change — open its doc page)
  2. Send a push notification(Push Notification — open its doc page)
Open in AWFlow
The job list changes → send a push notification.

How it works

Section titled “How it works”

  1. Watch the job list

    Element Changenode reference

    Element Change watches the element matching .jobs-list and fires when its content changes, after 500 ms of quiet.

    Make it yours — pick the list on your careers page with the crosshair in CSS Selectors, and set URL Patterns to that page, for example https://jobs.example.com/*.

    Step 1, close-up of the app: The CSS Selectors list, outlined.Step 1, close-up of the app: The CSS Selectors list, outlined.Full screen: the whole screenshot for step 1
    The CSS Selectors list
    The settings of the Watch the job list trigger (Element Change): an empty CSS Selectors list with Add, Fire when Content changes, Match text, Debounce (ms) and URL Patterns.The settings of the Watch the job list trigger (Element Change): an empty CSS Selectors list with Add, Fire when Content changes, Match text, Debounce (ms) and URL Patterns.

  2. Send a push notification

    Push Notificationnode reference

    Push Notification sends New jobs with high priority through ntfy to the topic you choose. Install the ntfy app on your phone and subscribe to the same topic.

    Make it yours — put the page in the message with {{ $input.url }}, or use Fire when Text matches with a keyword such as Designer to be told only about roles you want.

    Step 2, close-up of the app: The Topic field, outlined.Step 2, close-up of the app: The Topic field, outlined.Full screen: the whole screenshot for step 2
    The Topic field
    The settings of the Send a push notification step: an empty Credential menu, then Provider, Topic, Message, Title, Priority, Tags, Click URL and Server.The settings of the Send a push notification step: an empty Credential menu, then Provider, Topic, Message, Title, Priority, Tags, Click URL and Server.

Test it

Section titled “Test it”

  1. Install the recipe. In Send a push notification, pick a connection and set Topic to a hard-to-guess name such as jobs-k7f3q. See Push Notification. To import the file yourself, use Add Workflow › Import, choose the .awf and click Create & open. Then click Make it mine at the bottom of the canvas, tick the box and confirm, so you can edit it. To add the connection itself, see Create a connection.

    Step 1, close-up of the app: Create & open, outlined.Step 1, close-up of the app: Create & open, outlined.Full screen: the whole screenshot for step 1
    Create & open
    The Create a workflow dialog at step 3, Name & save, after importing job-postings-watch.awf: Source Imported .awf, Name “New Job Postings Watch”, an optional Description, Where to save “Saved locally in this browser”, and the Back and Create & open buttons.The Create a workflow dialog at step 3, Name & save, after importing job-postings-watch.awf: Source Imported .awf, Name “New Job Postings Watch”, an optional Description, Where to save “Saved locally in this browser”, and the Back and Create & open buttons.
    Step 1, close-up of the app: Make it mine, outlined.Step 1, close-up of the app: Make it mine, outlined.Full screen: the whole screenshot for step 1
    Make it mine
    The Make this workflow yours? dialog over the New Job Postings Watch workflow: it came from the Marketplace, It can currently lists what the workflow may access, two notes on what changes, the “I'm responsible for what this workflow does from now on.” checkbox, and Cancel and Make it mine.The Make this workflow yours? dialog over the New Job Postings Watch workflow: it came from the Marketplace, It can currently lists what the workflow may access, two notes on what changes, the “I'm responsible for what this workflow does from now on.” checkbox, and Cancel and Make it mine.
    Step 1, close-up of the app: The Credential menu, outlined.Step 1, close-up of the app: The Credential menu, outlined.Full screen: the whole screenshot for step 1
    The Credential menu
    The settings of the Send a push notification step: an empty Credential menu, then Provider, Topic, Message, Title, Priority, Tags, Click URL and Server.The settings of the Send a push notification step: an empty Credential menu, then Provider, Topic, Message, Title, Priority, Tags, Click URL and Server.

  2. Subscribe to the same topic in the ntfy app on your phone.

  3. In Watch the job list, pick the job list on the careers page with the crosshair, then save and activate the workflow.

    Step 3, close-up of the app: The URL Patterns list, outlined.Step 3, close-up of the app: The URL Patterns list, outlined.Full screen: the whole screenshot for step 3
    The URL Patterns list
    The settings of the Watch the job list trigger (Element Change): an empty CSS Selectors list with Add, Fire when Content changes, Match text, Debounce (ms) and URL Patterns.The settings of the Watch the job list trigger (Element Change): an empty CSS Selectors list with Add, Fire when Content changes, Match text, Debounce (ms) and URL Patterns.
    Step 3, close-up of the app: Workflow active switch, outlined.Step 3, close-up of the app: Workflow active switch, outlined.Full screen: the whole screenshot for step 3
    Workflow active switch
    The workflow editor with the New Job Postings Watch recipe: sticky notes and the steps Watch the job list, Send a push notification, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.The workflow editor with the New Job Postings Watch recipe: sticky notes and the steps Watch the job list, Send a push notification, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.

  4. Keep the page open. To test right away, edit the list’s text in the browser’s developer tools: your phone shows New jobs.

Variations

Section titled “Variations”
Variation What to change Level
Alert in Slack or Discord Replace Push Notification with Slack or Discord. Beginner
Alert on the computer only Replace it with Browser Notification; no connection needed. Beginner
Watch headlines or reviews Point CSS Selectors at a news list or a reviews section instead. Several selectors can share one workflow. Beginner

Troubleshoot

Section titled “Troubleshoot”
  • No alert. Element Change only watches pages that are open. Keep the careers page in a tab, and check that the selector still matches after the site changes its layout.
  • Too many alerts. Some pages rewrite the list on every scroll. Raise Debounce (ms), or watch a more specific element such as the job count.
  • The phone gets nothing. The topic on your phone differs from the one in the node; topics are case-sensitive.
Ask Aria