Magento Extension Cart Recovery Integration, Part I

You can integrate with Bronto’s separate Cart Recovery app, where you can recover more revenue by sending reminders to customers that have abandoned their shopping cart.

About this task

Cart Recovery Integration with the Magento Extension is 2 parts. Make sure to complete both.

Procedure

  1. Get the commerce script from Bronto tag manager
    1. In your Bronto account, click on Settings.
    2. In the Settings dashboard, click Commerce.
    3. Scroll up to the Tag Manager, and copy that script tag.
  2. Add Tag Manager script to the extension
    cart recovery
    1. In Magento, go to System > Configuration.
    2. In the left menu, scroll until you see Bronto and click Cart Recovery Integration.
    3. Paste the script into the Cart Recovery Script text area.
    4. Optional: Select a product attribute value that will represent the lineItemProductOther field.
    5. Click Save Config.
  3. Configure Bronto Order Settings
    commerce settings
    1. In your Bronto account, click on Home > Settings.
    2. In the Settings dashboard, click Commerce.
    3. Under the Order Settings step, select whether to capture your orders as Processed or Pending. Only orders marked as Processed will trigger the Order is Added Workflow node (Bronto Workflows). Orders marked as Processed cannot be changed to Pending. Pending orders can be changed until they are marked as Processed.
  4. Configure the Bronto Cart Phases
    1. In your Bronto account, click on Settings.
    2. In the Settings dashboard, click on the Commerce located on the left.
    3. Under Cart Phases, you can supply CSS selectors that correspond to various cart phases on your site. The most important phase listed is the ORDER_COMPLETED phase. This phase will create the order in Bronto. By default, the cart phase will be SHOPPING.
    Name JQuery Selector URL Pattern
    Billing #opc-billing.section.allow.active .*checkout/onepage
    Shipping Info #opc-shipping.section.allow.active .*checkout/onepage
    Shipping Method #opc-shipping_method.section.allow.active .*checkout/onepage
    Payment #opc-payment.section.allow.active .*checkout/onepage
    Order Review #opc-review.section.allow.active .*checkout/onepage
    Order Complete .checkout-onepage-success .*checkout/onepage/success
    Customer Login #opc-login.section.allow.active .*checkout/onepage
  5. Configure Bronto Cart Views
    1. In your Bronto account, click on Settings.
    2. In the Settings dashboard, click on the Commerce located on the left.
    3. Under Cart Views, you can create an entry that will represent the e-commerce checkout page. The extension will provide a hidden DOM node (shadowDiv1) that provides the cart information when available. Configure your cart view with the same selectors provided below except when you see n/a (not applicable, which means it should be left blank):
      Name jQuery Selector Attribute
      cartContainer #bronto-cart-recovery-shadow n/a
      lineItemsContainer #bronto-cart-recovery-line-items n/a
      lineItemContainer .bronto-cart-recovery-line-item n/a
      cartUrl #bronto-cart-recovery-cart-url n/a
      subtotal #bronto-cart-recovery-subtotal n/a
      grandTotal #bronto-cart-recovery-grand-total n/a
      taxAmount #bronto-cart-recovery-tax-amount n/a
      discountAmount #bronto-cart-recovery-discount-amount n/a
      lineItemProductCategory .bronto-cart-recovery-line-item-category n/a
      lineItemProductDescription .bronto-cart-recovery-line-item-description n/a
      lineItemProductImage .bronto-cart-recovery-line-item-image n/a
      lineItemProductName .bronto-cart-recovery-line-item-name n/a
      lineItemProductOther .bronto-cart-recovery-line-item-other n/a
      lineItemUnitPrice .bronto-cart-recovery-line-item-unit-price n/a
      lineItemSalePrice .bronto-cart-recovery-line-item-sale-price n/a
      lineItemProductUrl .bronto-cart-recovery-line-item-url n/a
      lineItemQuantity .bronto-cart-recovery-line-item-quantity n/a
      lineItemProductSKU .bronto-cart-recovery-line-item-sku n/a
      lineItemTotalPrice .bronto-cart-recovery-line-item-total-price n/a
      customerOrderId #bronto-cart-recovery-order-id n/a
      shadowDiv1 n/a n/a
      customerCartId n/a n/a
      cartLinkSelector n/a n/a
      currency #bronto-cart-recovery-currency n/a
      shippingAmount n/a n/a
      shippingDetails n/a n/a
      shippingDate n/a n/a
      shippingTrackingUrl n/a n/a
      emailAddress #bronto-cart-recovery-email-address n/a
      enableShopify n/a n/a
  6. In Bronto, under Email Capture Points, create an entry that listens to the .validate-email CSS class.
    commerce email capture
    The jQuery selector may vary depending on the format of the email capture point. Example:
    id = # class = . 
  7. To test: Confirm that your order data is in Bronto.
    1. Place an order on your site and record the order ID.
    2. Log into Bronto.
    3. Got to Commerce > Orders.
    4. Use the order ID to search for the order you placed.
    5. Verify the email address, order ID, etc. were captured correctly.

    If your order is missing, make sure the Bronto script was properly added to and saved in Bronto. If your order data is incorrect, make sure you have mapped your Cart Views in Bronto correctly.

What to do next

Complete Magento Extension Cart Recovery Integration, Part II