Skip to content

Front Page Content Editor Documentation

Menu Location: Website > Front Page

Access Level: Administrator and above

Last Updated: 2026-03-01

Overview

The Front Page Content Editor allows you to customize the content, images, and layout of your website's homepage without writing code. Update hero sections, featured products, testimonials, and calls-to-action to keep your homepage fresh and conversion-optimized.

Primary Functions:

  • Edit hero banner headline and text
  • Update homepage images and videos
  • Manage featured products and boxes
  • Add and edit content sections
  • Configure call-to-action buttons
  • Customize layout and ordering of sections
  • Preview changes before publishing

Page Sections

Hero Section

Components:

  • Main headline
  • Subheadline/description
  • Background image or video
  • Primary call-to-action button
  • Secondary button (optional)

Best Practices:

  • Headline: Clear value proposition (6-10 words)
  • Subheadline: Elaboration (15-20 words)
  • Image: High quality, on-brand
  • CTA: Action-oriented ("Start Your Box", "Get Started")

Purpose: Showcase subscription options

Editable Elements:

  • Section headline
  • Box cards (up to 6)
  • Box images
  • Pricing display
  • Feature bullets
  • CTA buttons per box

How It Works Section

Explains Your Process:

  • Step 1: [Choose Your Box]
  • Step 2: [Customize]
  • Step 3: [Delivery]

Customize:

  • Step titles
  • Step descriptions
  • Step icons/images
  • Order of steps

Testimonials Section

Social Proof:

  • Customer quotes
  • Customer names
  • Photos (optional)
  • Rating stars

Management:

  • Add testimonials from database
  • Or manually enter
  • Select which to display
  • Rotate automatically

About/Mission Section

Tell Your Story:

  • Company mission
  • Values
  • Sourcing practices
  • Team introduction

Elements:

  • Headline
  • Body text
  • Supporting images
  • Learn more button

Showcase Products:

  • Select products to highlight
  • Seasonal items
  • Best sellers
  • New arrivals

Auto-Update:

  • Pull from "Featured" tag
  • Or manually select
  • Refresh weekly/monthly

Call-to-Action Banner

Drive Action:

  • Promotional message
  • Limited time offers
  • Newsletter signup
  • Referral program

Customize:

  • Background color/image
  • Text and headline
  • Button text and link
  • Display schedule

Editing Content

Text Content

Steps:

  1. Click section to edit
  2. Click text element
  3. Edit in text editor
  4. Use formatting toolbar
  5. Save changes

Formatting Options:

  • Bold, italic, underline
  • Headings (H1-H6)
  • Bullet/numbered lists
  • Links
  • Text alignment

Images

Uploading:

  1. Click image placeholder
  2. Click "Upload New Image"
  3. Select file from computer
  4. Crop/adjust if needed
  5. Add alt text (important for SEO)
  6. Save

Requirements:

  • JPG, PNG, or WebP
  • Recommended sizes:
  • Hero: 1920x1080px
  • Section images: 1200x800px
  • Product images: 800x800px
  • Maximum file size: 5MB

Best Practices:

  • High resolution but optimized
  • Consistent style across homepage
  • Include people/lifestyle when possible
  • Ensure mobile responsiveness

Videos

Background Videos:

  1. Upload video file (MP4 recommended)
  2. Set poster image (thumbnail)
  3. Configure autoplay settings
  4. Ensure mobile fallback image

Embedded Videos:

  1. Get YouTube/Vimeo embed code
  2. Paste into video section
  3. Configure player settings

Buttons (CTAs)

Editing:

  1. Click button to edit
  2. Change button text
  3. Set button link/action
  4. Choose button style/color
  5. Save

Button Best Practices:

  • Action verbs ("Start", "Join", "Get", "Shop")
  • Contrasting color
  • Large enough to click easily
  • Clear what happens when clicked

Section Management

Adding Sections

Steps:

  1. Click "Add Section"
  2. Choose section type from library:
    • Text block
    • Image with text
    • Product grid
    • Testimonials
    • Custom HTML
  3. Configure section content
  4. Save section

Reordering Sections

Drag and Drop:

  1. Click "Reorder Sections" mode
  2. Drag sections up or down
  3. Release in new position
  4. Click "Save Order"

Strategic Order:

  1. Hero (always first)
  2. Featured boxes/main offer
  3. How it works
  4. Social proof (testimonials)
  5. Featured products
  6. About/mission
  7. Final CTA

Hiding/Showing Sections

Visibility Control:

  1. Edit section
  2. Toggle "Visible" switch
  3. Save

Use Cases:

  • Hide seasonal content off-season
  • A/B test different sections
  • Temporarily hide during updates

Deleting Sections

Steps:

  1. Edit section
  2. Click "Delete Section"
  3. Confirm deletion

Warning: Deleted sections can't be easily recovered

Preview & Publishing

Preview Changes

Before Publishing:

  1. Click "Preview" button
  2. View in new tab
  3. Check desktop view
  4. Check mobile view
  5. Test all links and buttons
  6. Review for typos

Publishing Changes

Go Live:

  1. Review all changes in preview
  2. Click "Publish Changes"
  3. Changes appear immediately on live site
  4. Clear cache if changes don't appear

Scheduling Updates

Schedule Publishing:

  1. Make changes
  2. Click "Schedule Publish"
  3. Set date and time
  4. Changes go live automatically at scheduled time

Use For:

  • Pre-plan seasonal updates
  • Launch campaigns at specific time
  • Update during off-peak hours

Common Use Cases

Use Case 1: Update for Holiday Promotion

Goal: Promote Thanksgiving box

Steps:

  1. Update hero headline: "Order Your Thanksgiving Harvest Box"
  2. Change hero image to seasonal harvest photo
  3. Update CTA button: "Reserve Your Box"
  4. Add featured box section highlighting Thanksgiving box
  5. Update testimonials to include Thanksgiving-related quotes
  6. Add limited-time banner: "Order by Nov 15"
  7. Preview changes
  8. Publish

Result: Homepage optimized for holiday promotion

Use Case 2: Showcase New Product Line

Goal: Launch new product category

Steps:

  1. Add new section after hero
  2. Headline: "Introducing: Fresh Baked Goods"
  3. Add product grid with new products
  4. Upload lifestyle photos
  5. Add testimonial from beta testers
  6. Create CTA button to new category page
  7. Preview and publish

Result: New products prominently featured

Use Case 3: Seasonal Refresh

Goal: Update look for spring

Steps:

  1. Replace hero background with spring imagery
  2. Update color scheme to lighter, brighter colors
  3. Change featured products to seasonal items
  4. Update testimonials to include spring references
  5. Refresh copy with seasonal language
  6. Preview on mobile and desktop
  7. Schedule for March 1 publish

Result: Fresh seasonal homepage

Use Case 4: A/B Test Headlines

Goal: Find most effective hero headline

Steps:

  1. Current headline: "Farm Fresh Produce Delivered"
  2. Create variation: "Eat Healthier with Local Organic Delivery"
  3. Split traffic 50/50
  4. Run for 2 weeks
  5. Measure signups from each
  6. Implement winner permanently

Result: Data-driven homepage optimization

Use Case 5: Update Mission Statement

Goal: Refresh company messaging

Steps:

  1. Scroll to About section
  2. Click to edit text
  3. Update mission statement copy
  4. Add new team photo
  5. Update "Learn More" button to link to new about page
  6. Preview changes
  7. Publish

Result: Updated brand messaging

Troubleshooting

Changes Not Appearing Live

Solutions:

  1. Clear browser cache (Ctrl+F5)
  2. Try incognito/private window
  3. Verify changes were published (not just saved)
  4. Check if changes scheduled for future
  5. Clear site cache

Image Won't Upload

Check:

  1. File size under 5MB
  2. File type is JPG, PNG, or WebP
  3. File name has no special characters
  4. Try different browser
  5. Compress image and retry

Section Order Changed Unexpectedly

Fix:

  1. Enter reorder mode
  2. Drag sections back to desired order
  3. Save order
  4. Refresh to verify

Mobile Layout Looks Wrong

Solutions:

  1. Use mobile preview in editor
  2. Check image dimensions
  3. Ensure text isn't too long
  4. Test on actual mobile device
  5. Adjust section settings for mobile
  • FAQ Content - Manage FAQ page
  • Testimonials - Manage testimonial database
  • Pages - Edit other website pages
  • Store Settings - Configure site-wide settings

Permissions & Access

Required Access Level: Administrator or higher

Why Restricted:

  • Homepage is primary customer touchpoint
  • Changes affect all visitors
  • Potential for errors to impact conversions
  • Should be reviewed before publishing

Best Practices

Content Strategy

  1. Lead with clear value proposition
  2. Show social proof early
  3. Explain how it works simply
  4. Make CTAs prominent and clear
  5. Update regularly (at least seasonally)

Visual Design

  1. Use high-quality, on-brand images
  2. Maintain visual consistency
  3. Ensure good mobile experience
  4. Don't overcrowd with too many sections
  5. Test on multiple devices

Conversion Optimization

  1. Clear, compelling headlines
  2. Strong calls-to-action
  3. Reduce friction to signup
  4. Show trust signals (reviews, guarantees)
  5. A/B test major changes

Maintenance

  1. Review homepage monthly
  2. Update seasonal content
  3. Refresh testimonials periodically
  4. Check all links work
  5. Monitor page load speed

Things to Avoid

  • Too much text (be concise)
  • Low-quality images
  • Broken links
  • Slow-loading videos
  • Auto-playing sound
  • Too many competing CTAs

Quick Reference Card

Task Action
Edit headline Click text > Edit
Change hero image Click image > Upload New
Add section Click "Add Section"
Reorder sections Reorder mode > Drag
Hide section Edit section > Toggle visible
Preview changes Click "Preview" button
Publish changes Click "Publish" button
Schedule update "Schedule Publish" > Set date
Edit button text Click button > Edit text
Add testimonial Testimonials section > Add

FAQs

How often should I update the homepage?

Minimum quarterly for seasonal changes. Monthly if running campaigns. Test major changes every 2-3 months to optimize conversions.

Can I revert to a previous version?

Yes, revision history allows you to restore previous versions. Click "Version History" to view and restore.

Will changes affect SEO?

Text changes can affect SEO. Keep important keywords in headlines. Don't change URLs without redirects. Alt text on images helps SEO.

Can I preview before publishing?

Yes, always preview changes. Preview shows exactly how it will look live. Test desktop and mobile views.

What if I accidentally delete a section?

Use "Undo" immediately or restore from version history. Good practice: duplicate section before major edits.

How do I know what's working?

Use analytics to track signup conversions, scroll depth, click rates on CTAs. A/B test different approaches.

Can customers see my edits while I'm working?

No, changes are draft until you publish. Safe to work on during business hours.

What size should hero images be?

1920x1080px for full-width hero. Optimize file size (under 500KB) for fast loading while maintaining quality.

3-4 is ideal. Shows options without overwhelming. Can show all boxes on separate plans/pricing page.

Should I use video on homepage?

Video can increase engagement if used well. Keep under 30 seconds for background videos. Ensure mobile fallback image.

End of Documentation

For additional help, contact your system administrator or Kiva Logic support.