Content (via visual editor)
Content campaigns allow you to apply changes to existing pages on your website by dynamically replacing the content with versions created using the Personizely Campaign Builder.
How it works
- Choose the pages – Each campaign can target multiple pages. You can configure these using specific page rules or a catch-all pattern. For each variation, a change set is created per page.
- Create the variations – Create the variations.
- Use the Campaign Builder to define the changes for each variation. You can edit:
- Text and copy
- Images and videos
- Call-to-actions and links
- Iframes
- Styles, font sizes, colors, etc.
- Custom CSS and JavaScript
- Activating the campaign – When a campaign is active, the Personizely script injects the variation content as soon as the page loads. This replacement happens immediately and invisibly to the visitor.
- No flicker experience – To ensure changes are applied instantly and avoid any visual flicker, we recommend using the Personizely snippet in synchronous mode (non-async).
Configuration
Pages
The pages the campaign should run on. Pages are a separate entity that can be reused across campaigns. A campaign can run across multiple pages to make the messaging consistent.
Here is what defines a page:
Name - A distinctive name for your page, so you can later easily understand which page is which. Good examples would be Pricing, Product page, Homepage
Page type - As mentioned above, every page can be configured to actually include a single page or multiple pages. This works best for dynamic pages that are different by having a lot in common like product or collection pages.
- Single page - When using the single page type, you only have to specify the page that you want to personalize by specifying the whole URL in the Page URL field.
- Advanced - When using the advanced page type, you can make the page actually match more pages on your website. This would be done by specifying the rules that a page should satisfy in order to match.
- All pages - Acts as a placeholder in case you want the campaign to run on all pages. Usually useful when you need to adjust elements present on all site pages, like navigation bars, footers, etc.
Besides specifying the rules, you should also specify the editor URL where the website editing will take place.
Editing the variation opens up the Campaign Builder, where you can make visual changes to the pages configured in the campaign. Each change will be saved as a region based on the changed element's selector.
Besides changing elements, it's also possible to adjust variation CSS and JS to run custom code.
Requirements
Make sure your Personizely script is loaded synchronously on all target pages for a no-flicker experience.