Docs
  • INTRO
    • What is Shoplift?
    • What to Test
    • Quickstart
      • Install Shoplift
      • Create a Test
      • Edit Your Variant
      • Launch Your Test
  • TEST
    • Template Testing
      • Overview
      • Guides
        • Guide: Testing Individual Pages
        • Guide: Testing One-Click Payment Methods
        • Guide: Testing App Blocks
        • Guide: Testing Different Template Types
      • Theme Compatibility
      • Template Management
      • Switching Themes
      • Shopify Markets
      • Shopify Translate & Adapt
    • Theme Testing
      • Overview
      • Guides
        • Guide: Testing a Navigation Menu
        • Guide: Testing a Mini Cart
      • Theme Management
      • Theme Development
      • Switching Themes
    • URL Testing
      • Overview
      • Guides
        • Guide: Testing URLs
        • Guide: Testing Product Properties
    • JavaScript API (Beta)
      • isHypothesisActive
      • setAnalyticsConsent
      • getVisitorData
    • Lift Assist™
      • What is Lift Assist™?
      • How To Use Lift Assist™
      • Brand Styles
    • Audience Targeting
      • Devices
      • New and Returning Visitors
      • Custom Audiences (UTMs, Referring Domains, and Geo-targeting)
    • Test Management
      • Test Compatibility
      • Mutual Exclusion
      • QA Checklist
      • Scheduling Tests
      • Pausing Tests
      • Implementing Winning Tests
    • Performance
      • Pagespeed
      • Shopify Caching
      • CDNs and Edge Delivery
  • ANALYZE
    • Reports
      • Overview
      • Metrics
        • Goals & Reporting Metrics
        • Metric Views
      • Test Progress
      • Statistical Significance
      • Channel Groups
    • Tracking
      • Visitor Attribution
      • Web Pixel
      • Liquid Snippet
      • Anti-Flicker
      • Analytics Discrepancies
  • integrate
    • Integrations and Tooling
      • GA4 (Beta)
        • Integrate GA4 (Shopify)
        • Integrate GA4 with Google Tag Manager
        • Integrate GA4 with Elevar
        • Analyze Test Data In Google Analytics
        • Disabling the GA4 Integration
      • Subscription Apps
      • Page Builder Apps
      • Reporting Tools
      • Heatmapping Tools
      • Custom Integrations
  • ADMIN
    • Plans and Billing
      • Subscription Plans
      • Uninstalling Shoplift
    • Users and Permissions
      • Managing Team Access
      • Managing User Notifications
    • Privacy and Compliance
      • Customer Data and GDPR
  • PARTNERS & DEVELOPERS
    • Shoplift Partner Program
    • Testing on Development Stores
  • SUPPORT
    • Frequently Asked Questions
    • Get Help
    • Give Feedback
Powered by GitBook

Contact Us

  • Get help
  • Give feedback
  • Request a feature

Helpful Links

  • Shoplift
  • Shopify App Store
On this page
  • Step 1: Create a new product template test
  • Step 2: Hide Shopify Payments on your variant template
  • Step 3: Preview your variant template and launch your test

Was this helpful?

  1. TEST
  2. Template Testing
  3. Guides

Guide: Testing One-Click Payment Methods

PreviousGuide: Testing Individual PagesNextGuide: Testing App Blocks

Last updated 11 months ago

Was this helpful?

If you'd like to test the impact of one-click payment methods integrated with Shopify Payments (like Shop Pay, PayPal, Apple Pay, and more) on your product pages, you can easily do so by adding custom CSS to your variant product template to hide these payment methods.

The test results will allow you to effectively measure the impact of these payment methods on your website and allow you to identify the degree of improvement, or lack thereof, that they provide.

Step 1: Create a new product template test

  • From the Shoplift Dashboard, click Create Test and select a product template as your original.

  • Then click Duplicate to create a variant template from your original template.

Step 2: Hide Shopify Payments on your variant template

  • Click Edit in Shopify to open up the Theme Editor and edit your variant template. Select your product details section or product information section from the list of sections on the left-hand sidebar.

  • Scroll through the section settings in the right-hand sidebar until you see a Custom CSS option.

  • Click this to reveal a field where you can write or paste custom CSS code (the CSS code will apply to this section on this template only).

  • Add the following code to this custom CSS field, and click Save to save your changes.

.shopify-payment-button {
  display: none;
}
shopify-payment-terms {
  display: none;
}

Step 3: Preview your variant template and launch your test

  • Return to Shoplift, and click View in browser to preview your variant template in a new tab. You should see that both the Shopify Payments buttons and the Shopify payment terms banner are hidden from sight.

  • Launch your test and see the results roll in!