Design page variations

Overview

By designing page variations, you define alternative content on page level, including various page elements. For example, your variables may be:

  • Headlines
  • Forms
  • Page content
  • Page layout and widgets
  • Call-to-action or any other button’s text, color, size, or location
  • Links
  • Images

NOTE: Keep in mind that all page variations are hosted on the same URL.

A best practice is to have one variable at a time, so that you know which one made the difference.

Procedure

To design page variations:

  1. Open the original page for editing.

    NOTE: You must create an A/B test before designing page variations.

  2. Expand the A/B menu and select the variation you want to design.
  3. To create a variation, modify any part of the page, including its layout, widgets, and content.
    For more information, see Edit the content of page.

For example, your A/B test goal is to get more form submissions. You can experiment by putting a shorter form on the original page and putting a longer form on the variation page to measure which form has more submissions.

Preview variations

To preview any variation you made to the original page do one of the following:

  • Navigate to Marketing » A/B testing. Expand the Actions menu and select Preview page variations.
  • Open the original page for editing and navigate to A/B » Preview page variations.

When a variation is served to a specific visitor, they see this same variation all the time. That is, Sitefinity CMS never shows multiple variations to the same visitor and the randomization happens only during the first visit.

Page variations in multilingual mode

When working in multilingual environment with synced pages, the modifications you make to any of the language versions of the page are applied to pages in all cultures. When editing the content of a page in a language version that is not the original, you are creating an A/B test page variation only for this language. That is, only when visitors browse this specific language version of the page, they are served with page variations of this A/B test.

For more information about pages in multilingual mode, see Translate an existing page.

RECOMMENDATION: We recommend when ending an A/B test for a language version of a page, to save the page variations as drafts, instead of directly publishing a variation. Then make sure that modifications you made to page content and text are translated in the other language versions.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?