Select stable page elements for personalization
You'll select the headline, link, image, or section you mean to change, then choose how RightMessage finds it again.
Select the headline you mean to change, rather than its whole section or a nearby element. A stable target also makes your personalization easier to maintain when your website's layout changes.
Open a campaign in the campaign editor, choose Edit, and select an audience. Original page Control can't be edited, but you can select elements in its variants once you A/B test the original page.
Click the element you want to change
Move over the page to see the element outline, then click the headline, paragraph, image, or link. The element editor opens for your selection.
Check the outline before you enter any replacement content. If it surrounds a whole section, replacing its content could also replace everything inside that section.
The selector normally skips empty overlays so you can reach the content underneath. If you want the overlay itself, hold Alt while clicking it.
Select a surrounding link or section
Sometimes the text you click sits inside a link, button, or larger section. Right-click it to open Select an ancestor.
The menu shows the clicked element and its surrounding elements. Clicked marks the one you right-clicked. Move over a menu item to see its outline on the page, then choose the element you actually want.
Use this when you need the link around a piece of text, or the whole testimonial section rather than its paragraph.
Right-click to choose the surrounding link or section instead of the text inside it.
Check how the element will be found
Under the element's name, the element editor shows Smart Match or CSS selector, followed by a selector.
- Smart Match finds the element using its recorded text and place on the page. The displayed selector is a backup, not the only thing identifying the element.
- CSS selector finds elements using that selector. A shared class can match several elements, so check every place it applies.
Open Pages to review or change Target mode and CSS selector. Smart Match is available when RightMessage has recorded the element's identifying details.
If you use a selector, choose a stable ID or class from your website. For example, WorkForge (opens in a new tab) could give its main headline the ID hero-title. The selector #hero-title identifies it without depending on its position in the layout. Ask your website developer for a stable selector if you're unsure.
See page and element targeting for the matching options and page rules.
Add a change with a CSS selector
You can enter a selector directly when clicking isn't practical, including for an element that isn't on the page currently open.
- Select the audience you want to edit.
- Open Editor settings in the toolbar.
- Choose Add a change by selector.
- In Add by selector, enter the CSS selector.
- Check the number of matching elements, then choose Add change.
- Use the element editor to enter the content or style change. Open Pages to set where it should apply.
An invalid selector can't be used. A valid selector with zero matches can still be added, but you'll need to open the intended page to check it. Selecting a target alone doesn't add replacement content.
Check the selected element on your site
Make a recognizable content change, then choose Preview on your site in the bottom bar. Use Choose preview URL to open the page you edited.
Check that only the intended element changes. Review mobile and desktop layouts; your website may use separate elements for each. Use Preview mode to compare audience combinations before you publish.
After a redesign, retest your page URLs and element targets. A stable selector or Smart Match helps RightMessage find content, but neither replaces checking the changed page.