Standard Plans: Cart Widget Guide

Overview

For Standard Shopify plans, LoyaltyTree provides a powerful cart widget that adds tree sponsorship functionality to your shopping cart. This guide covers complete setup and customization.

Prerequisites

• Standard Shopify Plan: Works with Basic, Shopify, or Advanced plans
• LoyaltyTree Account: Active account with configured store
• Theme Access: Ability to edit theme files

Installation Process

Step 1: App Installation

1. Install from Shopify App Store

   • Search "LoyaltyTree" in Shopify App Store
   • Click "Install" and approve permissions
   • Complete OAuth authentication

2. Automatic Plan Detection

   • System detects Standard plan automatically
   • Cart widget configuration activates
   • Theme extension files prepared

Step 2: Theme Integration

Automatic Integration (Recommended)

<!-- Automatically added to cart.liquid -->
{{ 'loyaltytree-cart-widget.js' | asset_url | script_tag }}
<div id="loyaltytree-cart-widget" data-shop="{{ shop.permanent_domain }}"></div>

Manual Integration

If automatic integration fails:

1. Edit cart.liquid template
2. Add widget code before closing tag
3. Configure widget settings in admin
4. Test functionality

Step 3: Widget Configuration

Core Settings

• Tree Pricing: Set cost per tree
• Sponsorship Message: Customize call-to-action
• Visual Style: Match brand colors and fonts
• Position: Choose cart placement

Advanced Options

// Widget configuration options
window.LoyaltyTreeConfig = {
  position: 'cart-bottom', // or 'cart-top', 'cart-sidebar'
  style: {
    primaryColor: '#2D5A27',
    secondaryColor: '#4A7C59',
    fontFamily: 'inherit'
  },
  messaging: {
    title: 'Plant trees with your order',
    description: 'Help restore forests worldwide',
    buttonText: 'Add {trees} tree(s) for {price}'
  }
};

Features

Interactive Cart Experience

• Real-time tree quantity selection
• Dynamic pricing updates
• Environmental impact visualization
• Progress indicators

Responsive Design

• Mobile-optimized interface
• Touch-friendly controls
• Fast loading performance
• Cross-browser compatibility

Personalization

• Customer impact history
• Recommended tree quantities
• Seasonal messaging themes
• Location-based forest projects

Testing & Support

Development Testing

1. Theme Backup: Save current theme
2. Preview Mode: Test in theme editor
3. Cart Functionality: Add/remove products
4. Widget Interaction: Test tree selection
5. Checkout Process: Complete test purchases

Support Resources

• Documentation: loyalty.eco/docs
• Email Support: support@loyalty.eco
• Live Chat: Available in admin dashboard
• Community Forum: loyalty.eco/community

Your Standard plan cart widget is now ready to drive environmental engagement and increase order values!