Use the Visual Workflow Builder
Goal: Map live page elements to Notion properties by clicking on them, no code required. Time: 5–10 minutes Best for: Structured sites you save from regularly
Step 1: Navigate to the site
Go to a page on the site you want to build a workflow for. The builder reads the live page, you need to be there. Example: a product page on a site you track, a job listing, a GitHub repo.
Step 2: Open the builder
Open the Filed side panel → ⋯ → Manage workflows → New workflow → choose a destination → go to the Properties tab.
Step 3: Add a property and pick from page
Click + Add property → select the Notion property → choose Page element as the source.
A crosshair cursor appears on the page. Click any visible text element to map it.
The builder shows:
- The captured value (preview of what would be saved)
- The CSS selector Filed generated
- Confidence level: High (stable attribute like ID) / Low (position-based, may break on redesign)
Step 4: Add more fields
Repeat for each property. Mix page-element sources with other sources, e.g. map the product name from a page element and the date to the captured date.
Step 5: Variables (advanced)
In the Variables tab, define named values extracted from the page:
- Text, a specific text element or fixed value
- Image, the URL of an image element
- Link, the href of a link element
Variables can be reused across multiple properties and composed with literal text.
Step 6: Save and test
Name the workflow, click Save, then test it on the same site. Verify all mapped fields appear in Notion with the correct values.
When selectors break
CSS selectors can break when a site redesigns. If a field stops filling:
- Go back to the same site
- Open the workflow builder → re-pick the broken field
Usually under a minute to fix.