Magento/Adobe Commerce

The Magento/Adobe Commerce integration includes an Attentive tag for you to install on your eCommerce site, which allows Attentive to receive several important customer events, including product views, adds to cart, and purchases. This integration also syncs your product catalog to Attentive so that you can use your product data within journeys and to segment your audience.

With this integration, you can:

  • Install the Attentive tag and track customer events (including product views, adds to cart, and purchases) and trigger browse abandonment, abandoned cart, and post-purchase messages.
  • Sync your entire product catalog to Attentive so that you can send high-performing journeys such as back in stock, low inventory, and price drop.
  • Segment your customers and branch journeys based on your customers’ purchasing and browsing activity.

Prerequisites

Ensure that you meet the following requirements in order to set up this integration:

  • A Magento/Adobe Commerce account
  • Access to engineering resources to complete the installation

Now, complete the following steps to set up the integration for Magento/Adobe Commerce and Attentive.

Set up the integration

  1. Navigate to the integrations setup page and select Magento/Adobe Commerce.
  2. Click Install on the right side of the page.
    magento1.png
  3. Click Connect.
    magento2.png
    You’re redirected to Magento.
  4. On the right side of the page, select your edition and store version.
    Note: We only support Magento 2 editions, as Magento 1 has been deprecated by Adobe. We also only support the store version 2.4, not 2.3.
  5. Click Add to Cart.
    magento3.png
  6. Click the cart icon at the top-right of the page; then click Proceed to Checkout.
    magento4.png
  7. On the Checkout page, click Place Order.
    magento5.png
    The following confirmation appears.
  8. Click Install to see your order.
    magento6.png
    Your order information appears.
    magento7.png
    Important! At this stage, you need to involve an engineer to complete the rest of the installation. You need to be able to log in to your Magento environment via the command line and use Composer to install the Attentive Extension.
  9. Confirm that you're using Composer 2:
    1. Log in to your Magento instance via the command line.
    2. Run the command composer –-version for Adobe Commerce Cloud users.
      Note: If your Composer version is older than 2, use these instructions from Adobe to upgrade. If you’re a Magento Open Source or Commerce on Prem user, you can upgrade Composer using the command composer self-update –-2.
      magento8.png
  10. From the main Composer project directory, use Composer to install the extension by running the command composer require attentivemobile/magento2.
  11. Enable the new module, using the command bin/magento module:enable Attentive_Integration.
  12. Confirm the module is enabled correctly. The file app/etc/config.php should now list Attentive_Integation => 1.
  13. Rebuild and redeploy your Magento store.

    Important! The remaining steps take place in the Magento UI through your browser.
  14. Navigate to the integrations page of your Magento UI.
    magento9.png
    You should see Attentive Mobile listed as one of your integrations.
  15. Click Activate.
    magento10.png
    You’re taken to a list of resources that Attentive needs to access to provide all functionality.
  16. If you have more than one Attentive account, make sure you’re logged in to the correct account. (If not, you can reauthorize the app, which brings you through this process again.)
  17. When you’re logged in to the correct account, click Allow.
    magento11.png
    If you’re already logged in to Attentive, you’re redirected automatically. (If not, a new window opens, asking you to log in.)
    magento12.png
    You’re redirected back to your integrations page, where the Attentive Mobile integration has a status of Active.
    magento13.png
  18. To confirm that this worked on the Attentive side, navigate back to your Magento/Adobe Commerce integration, and click the Settings tab.
    The integration should be Installed, and the Sync Product Data toggle should be enabled.
    magento14.png
    Your Magento/Adobe Commerce account is now connected to Attentive.

Questions?

We’re here to help! Contact whiteglove@attentivemobile.com to ask about the Attentive + Magento/Adobe Commerce integration.

Articles in this section

Was this article helpful?
1 out of 1 found this helpful