Change images on your website

RightMessage can also be used to change media content on your website depending on how your visitors are segmented.

Changing regular images

To begin personalizing an image, you’re going to first select the segment you want to personalize for.

Selecting a segment to change an image

Next, click on the image you want to personalize. Click Start personalizing this image from the dropdown that appears.

Starting to personalize an image

Finally, enter the URL of the new image you want to use.

Changing an image in RightMessage

Relative image paths also work!

If you’re swapping out an image that’s already uploaded to your website, you don’t need to enter in the full URL of the new image. For example, if you’ve uploaded a new file to WordPress and it’s now in /wp-content/uploads/..., there’s no need to enter in the full URL (i.e. the protocol and domain.)

Changing background images

To start personalizing a background image element for your campaign, hover over the website and use the pink outline feature to locate the element you want to personalize.

The outline feature will specify if the element you are hovering over is an ‘element’.

Click on the highlighted element you want to personalize. A box will show under the element with an option to personalize the element or cancel the selection.

Click the option to Start Personalizing This Element

Starting to personalize a background image

Now we’re going to create a new CSS style for this element. Background images work a bit differently on web pages than regular images do, so in order to change the background of the element you’re personalizing you first need to add a new style for background-image.

Enter the URL of the new image as the value for background-image, wrapped with url(/path/to/your/image.jpg).

Personalize a background image

Don't forget to publish!

Any changes you make in RightMessage – including personalizing images on your website – won’t actually go live on your website until you click “Publish to your website”.

For more information on how this all works, check out our section on publishing.

Next up

Change links and buttons on your website

It's easy to change links or buttons on your website depending on segmentation. This is a great way to do conversion-boosting things like changing sitewide navigation or prominent calls-to-action based on who someone is.