Skip to main content
A target connects a CSS selector to a set of variants. Its selector must match exactly one element on each registered page. Give the element a stable attribute:
Create a text target with selector [data-personalize='hero-title'], then add a variant in Dynamite or through MCP.

Target types

For an image, target its wrapper with a component.

Keep the original

Dynamite captures the original content when it binds the target. The default variant restores that content. Keep the default available to all visitors. Avoid overlapping parent and child targets. If a headline, image, and CTA must change together, put them in one component target.
This fragment belongs in draft.targets. Add hero-title to the target list of each relevant page.
See Configuration as code for the complete request.
Use exact page paths: /products and /products/ are distinct. Query strings and fragments are not page registrations.Invalid, missing, or ambiguous selectors are skipped. allowUnverified lets an author save a selector that was absent from server HTML; it does not relax the browser’s matching rules. Check targets after hydration and on every bound page.