Shopify Integration Guide

Complete guide to integrate CallMeBack with Shopify

Setup time: 5-10 minutes
Difficulty: Easy
Compatible versions: All Shopify plans

Integrate CallMeBack with your Shopify store to capture leads from product pages, checkout abandonment, and customer inquiries. Shopify powers over 1.7 million merchants worldwide, making it a critical platform for e-commerce lead generation.

Prerequisites

  • A CallMeBack account - Sign up here
  • Your CallMeBack integration code from your dashboard
  • Shopify store admin access
  • Any Shopify plan (Basic, Shopify, or Advanced)
  • Active Shopify theme

Integration Methods

Theme Editor Integration

5 minutes Easy

The recommended method using Shopify's built-in theme editor. Works with all themes and doesn't require coding knowledge.

1

Access Theme Settings

Navigate to your Shopify theme editor to add the CallMeBack code.
  1. From your Shopify admin, go to Online Store → Themes
  2. Find your published theme and click Actions → Edit code
  3. In the layout folder, click on theme.liquid
Important Note
Always backup your theme before making changes. Shopify automatically creates backups, but manual backups are recommended.
2

Add Integration Code

Insert the CallMeBack code in the theme.liquid file before the closing tag.
  1. Find the </head> tag in theme.liquid
  2. Add your CallMeBack code just before this closing tag
  3. Click Save
  4. Preview your store to verify the widget appears
{{ content_for_header }}
<!-- CallMeBack Integration -->
<script>
(function() {
  var script = document.createElement('script');
  script.src = 'https://widget.callmebackbutton.com/widget.js';
  script.setAttribute('data-account', 'YOUR_ACCOUNT_ID');
  script.setAttribute('data-shopify', 'true');
  document.head.appendChild(script);
})();
</script>
</head>
Important Note
The data-shopify attribute helps optimize the widget for e-commerce functionality.
3

Configure for E-commerce

Set up CallMeBack to capture product-specific leads and cart abandonment.
  1. In your CallMeBack dashboard, enable 'E-commerce mode'
  2. Set up product page triggers in your CallMeBack settings
  3. Configure cart abandonment timing (recommended: 30-60 seconds)
  4. Test on product pages and during checkout process
Important Note
E-commerce mode provides additional context about products customers are viewing when they request callbacks.

Troubleshooting

Still having issues?

Can't find the answer you're looking for? Our support team is here to help with your integration.

Contact Support

Related Integrations

WooCommerce
Integration Guide →
Magento
Integration Guide →
Static Sites
Integration Guide →

References & Official Documentation

Next Steps

Configure CallMeBack

  • Set up your business hours and timezone
  • Configure callback phone numbers
  • Set up email notifications
  • Add team members to your account

Advanced Features

  • Set up custom form templates
  • Configure lead scoring rules
  • Integrate with your CRM
  • Set up automated workflows

Need Help?

Our support team is here to help you with your integration.

Contact Support
Cookie Policy %>