Overview
Personalizing your website doesn't have to be a complex process. With Relevic’s web editor, making quick edits and creating variations for A/B testing or customization is simple and straightforward. Whether you're updating text, changing images, or setting up a personalized version of your webpage, this guide will walk you through the steps to quickly get started and go live with your changes.
Introduction
When you're running personalized campaigns or just looking to experiment with variations on your website, being able to quickly edit and publish new versions of your page is key. Relevic’s personalization editor allows you to do this in just a few clicks, without requiring coding knowledge. In this guide, we’ll show you how to make quick changes and create variations to test different versions of your site.
Step 1: Accessing the Personalization Editor
Before you start making edits, you need to access Relevic’s personalization editor:
Open Relevic: Log in to your Relevic dashboard.
Enter Your Page URL: In the personalization section, enter the URL of the webpage you want to edit.
Embed the Personalization Script: Ensure that the Relevic personalization script is properly embedded on your website. If the script hasn’t been added, the editor will prompt you to install it. Once installed, your webpage will load in the editor.
Step 2: Making Quick Edits to Your Page
Once your page is loaded, you can start making quick edits. Relevic’s editor allows you to easily modify different elements on the page, such as text, images, and call-to-action (CTA) buttons.
Editing Text: Double-click on any text block to make changes. You can update headlines, body text, or CTAs with your preferred copy.
Example: Change your homepage headline from "Welcome to Our Store" to "Exclusive Deals Just for You!".
Updating Images: Click on any image to replace it with another image from your media library or upload a new one.
Example: Swap a generic product image with a seasonal promotion banner.
Removing Unnecessary Sections: If a section of the page is irrelevant to a specific audience, you can easily delete it. Click on the section you want to remove and use the delete icon.
These edits can be applied in real-time, giving you a live preview of how the changes will appear on the actual webpage.
Step 3: Duplicating the Page to Create a Variation
Now that you’ve made your quick edits, you can create a variation of the page to test against the original. This is particularly useful for A/B testing, where you compare two versions of a page to see which one performs better.
Create a New Variation: In the editor, duplicate the current page to create a variation.
Example: If you have a standard homepage, create a variation where the headline and CTA are different.
Edit the Variation: You can now tweak this new version further, such as changing the CTA from "Shop Now" to "Get Your Discount Today," or adding a different image or banner.
Example: Change the CTA button color and text for one version to test which variation gets more clicks.
This allows you to experiment with different messaging, visuals, and layout changes to find what resonates most with your audience.
Step 4: Previewing Your Changes
Before publishing your page, it’s important to preview your changes to ensure that everything looks great across different devices.
Preview the Page: Click the preview button to view how the edited page will appear to visitors.
Check for Device Compatibility: Relevic’s preview tool allows you to see how the page looks on desktop, tablet, and mobile devices. Make sure your content is responsive and adjusts well to different screen sizes.
Previewing ensures that your variations are optimized for a seamless user experience, regardless of how visitors access your website.
Step 5: Publishing the Variation
Once you’ve reviewed your changes and are satisfied with the variation, it’s time to publish it.
Go Live: Click "Publish" to make your variation live on the website.
Apply to Specific Audiences: Relevic allows you to target specific segments of your audience when showing a variation. For example, you can display one version to new visitors and another to returning customers.
Example: Target returning visitors with a different version of your homepage that emphasizes loyalty rewards.
After publishing, the variations will automatically be displayed to the audience segments you’ve specified, helping you gather insights on performance.
Conclusion
Editing your website and creating variations using Relevic’s personalization editor is a quick and simple process. Whether you’re making small changes to a page or setting up an A/B test to compare different versions, Relevic’s editor helps you get the job done without hassle. Once your variation is live, you can track its performance and adjust as needed to keep improving your site’s user engagement and conversions.
Ready to optimize your website? Start making those quick edits and variations today!