How to use variant page on Dropmagic

What you will learn

This tutorial will guide you through using Dropmagic's page variants feature. You'll learn how to create, edit, and activate independent versions of your pages for safe A/B testing and design experimentation, ensuring your live store remains stable while you optimize.

Understanding Dropmagic Page Variants

Page variants in Dropmagic allow you to duplicate an existing page and create an independent version. This is ideal for A/B testing, experimenting with new sections, layouts, images, and copywriting without affecting your live page.

Step 1: Creating a Page Variant

To create a variant, simply duplicate an existing page. This new variant will be a separate entity, allowing you to make extensive changes safely.

While you can create multiple variants, it's best practice to limit yourself to two or three variants. This helps avoid testing complexity and data dilution, especially when you're starting out.

Step 2: Editing Your Variant Page

Once created, your variant page is completely independent. You can edit it freely without modifying the original page that is live on your store. This means you can:

• Experiment with new sections and layouts.

• Test different images and media.

• Iterate on your copywriting and calls to action.

Remember, product data (like images, price, and variants) is synced from Shopify. If you need to edit these, click the Shopify logo next to the element to make changes directly in Shopify. Reload the Dropmagic page to see updates.

Step 3: Activating and Managing Your Variants

After you've updated and validated your variant, you can make it live on your store.

1. Make Active: Open the three-dot menu on your variant and select 'Make active'. This will replace the currently live version on your Shopify store with the selected variant.

2. Publish: After activating a variant, always click 'Publish' to ensure all your updates are pushed and synced correctly to your storefront.

3. Revert: If performance drops after testing a new variant, you can instantly revert to a previous version by reactivating the desired variant from the three-dot menu.

4. Delete: Variants can be deleted at any time through the same three-dot menu.

Important Considerations for Variants

Page variants are content and layout independent but still inherit global store design settings. Any changes to your store's theme design system (colors, fonts, spacing, rounding, etc.) will propagate across all pages and all variants, ensuring consistent brand identity.

This architecture allows for safe experimentation at the page level while preserving your store's overall look and feel. It enables you to iterate on conversion improvements without disrupting live traffic, leading to faster optimization cycles.

By following these steps, you can effectively use Dropmagic's page variants to conduct A/B tests, experiment with new designs, and optimize your store's performance safely and efficiently.