Extension features

Extension Features

Comprehensive guide to all features available in the Keak Chrome extension.

Overview

The Keak Chrome extension is your visual editor for creating and managing A/B test variations. It provides powerful tools for modifying any element on your website without writing code.

Element Selection

Click to Select

Simply click on any element on your webpage to select it for editing. The extension will:

  • Highlight the selected element
  • Display element information
  • Show editing options
  • Enable AI generation

Element Dropdown

When you have multiple elements with variations, use the dropdown to navigate between them:

  • View all elements you've modified
  • Switch between different elements
  • See element labels (Element 1, Element 2, etc.)
  • Quick access to any element's variants

AI Variation Generation

Ask Keak to Generate

Click "Ask Keak to generate a variation" to:

  • Automatically create an AI-powered variant
  • See results applied to your page in real-time
  • Get variations based on conversion optimization best practices
  • Generate multiple options for the same element

The AI analyzes:

  • Your page screenshot
  • Website description
  • Element context
  • Previous variations

Try Another Variant

Not happy with the first result? Click "Try another variant" to:

  • Generate additional variations
  • Explore different approaches
  • Get creative alternatives
  • Find the perfect variation

Manual Editing

Text Editing

For text elements, you can:

  • Edit content directly in the extension
  • Modify text while preserving HTML structure
  • Change styling (font, size, color, etc.)
  • Preview changes in real-time

Image & Video Editing

For media elements:

  • Generate Image: Create AI-generated image variations
  • Generate Video: Convert images to videos with AI
  • Upload Media: Replace with your own images/videos
  • Style Editing: Adjust spacing, borders, shadows

Style Editors

Text Styling

Comprehensive text controls:

  • Font family selection
  • Font size and weight
  • Text color
  • Line height
  • Letter spacing
  • Text alignment
  • Text decoration (underline, strikethrough)

Spacing Editor

Control element spacing:

  • Padding (top, right, bottom, left)
  • Margin (top, right, bottom, left)
  • Individual side controls
  • Visual spacing adjustments

Border Editor

Customize element borders:

  • Border width
  • Border color
  • Border style (solid, dashed, dotted)
  • Border radius (rounded corners)
  • Individual side borders

Shadow Editor

Add and modify shadows:

  • Shadow color
  • Horizontal/vertical offset
  • Blur radius
  • Spread radius
  • Multiple shadow layers

Variant Management

Viewing Variants

  • See all variants for the selected element
  • Original version (Variant A)
  • AI-generated versions (Variant B, C, D...)
  • Preview each variant on the page

Editing Variants

  • Click "Edit" on any variant to modify it
  • Changes save to that specific variant
  • Original content always preserved
  • Each variant maintains its own styles

Removing Variants

  • Click "Remove" to delete a variant
  • Original content cannot be removed
  • Test will include only remaining variants

Selecting for Display

Click any variant to preview it on your page:

  • See how it looks in context
  • Test different versions
  • Choose which to include in test
  • Original is always an option

Test Launching

Review All Selected Variants

Before launching:

  • See all elements with variations
  • Review which variants are selected
  • Make final adjustments
  • Confirm test configuration

Launch Test

Click "Launch test" to:

  1. Choose your conversion goal (Page View, Click-Based, or Shopify)
  2. Configure test settings
  3. Enable AutoPilot (optional)
  4. Set test duration options
  5. Deploy test to your live website

Advanced Features

Full-Page Scan

Let AI analyze your entire page:

  • Automatically identifies high-impact elements
  • Generates variations for multiple elements
  • Suggests optimization opportunities
  • Review and approve each suggestion

Element Highlighting

Visual feedback system:

  • Grey boxes show elements with variations
  • Green highlights indicate active/selected variant
  • Element labels for easy navigation
  • Persistent across page interactions

Revert to Original

At any time you can:

  • Click "Revert to Original" to undo changes
  • Restore original content and styling
  • Remove element from test
  • Start fresh with new variations

Tips for Success

Start with High-Impact Elements

Focus on elements that drive conversions:

  • Headlines
  • Primary CTAs
  • Hero sections
  • Value propositions

Test One Element at a Time

For clearest results:

  • Focus on single elements
  • Avoid testing multiple things simultaneously
  • Learn what specific changes work

Use AI Suggestions

Let AI do the heavy lifting:

  • Generate multiple variations quickly
  • Get creative ideas you might not think of
  • Optimize based on conversion best practices

Preview Before Launching

Always:

  • Review all variants
  • Check how they look on page
  • Test functionality
  • Ensure quality

Ready to create your first test? Open the extension on your website and follow the Launching Tests guide.