Naming targets with aliases.

Page builders generate selectors that machines love and humans hate. Elementor will give you .elementor-element-abc123. Bricks will give you #brxe-xyz789. Divi has .et_pb_module-XX patterns. None of these tell you what the element actually is.

When the sidebar shows ten animations as ten cryptic selectors, you spend more time decoding selectors than designing motion. Aliases fix that without changing your site.

An alias is a label you attach to an animation’s target. It’s stored in your Glopzi configuration, never written back to your page’s HTML. The CSS selector underneath keeps doing its job; the alias is just what Glopzi shows you.

• Selector (real): .elementor-element-abc123 .btn
• Alias (yours): Hero button

You can change the alias anytime. The animation keeps working because the selector hasn’t moved.

Two ways to give an alias to a target:

• From the sidebar.Double-click the entry’s label. An inline input appears. Type your alias, press Enter to commit, Escape to cancel.
• From the right panel. Open the animation, find the target chip, click the small pencil icon next to its label. Same inline rename behavior.

Aliases save automatically as part of the animation configuration. You don’t need to commit a separate save.

An alias replaces the selector everywhere a human reads it:

• The sidebar entry name.
• The breadcrumb in the right panel.
• The label on the timeline track below the canvas.
• Tooltips when you hover any of the above.

The selector is still there for inspection. Click the target chip in the right panel to expand it and see the underlying CSS selector, the match counter, and any stable targeting ID Glopzi has issued for it.

Aliases are free text. You can use spaces, capitalization, punctuation, anything. A few patterns we’ve seen work well across many sites:

• Section + element: “Hero CTA”, “Pricing card 1”, “Footer logo”. Easy to scan when sorted alphabetically.
• Role-first: “CTA: get started”, “Heading: hero”, “Image: team photo”. Useful when you have many of one kind.
• Action verbs for groups: “Hero entrance”, “Card stagger”, “Footer reveal”. Especially helpful when the entry is a group rather than an individual element.

• Stable targeting: keep the underlying selector working when your builder rewrites markup.
• Picking an element: how Glopzi captures the selector that the alias labels.
• The sidebar: where you’ll see your aliases the most.