Plugin Configuration

Follow these installation steps to install and configure Magic Checkout

Enable Magic Checkout Plugin

To enable Magic Checkout go to:

Stores → Configuration → Sales→ Payment Methods

Find Magic under Payment Methods

1: Select Magic in the payment tab
2: Select Basic Settings accordion
3: Toggle Enabled dropdown to Yes
4: Click on the Save Config button

15321532

API Configuration

Stores → Configuration → Sales→ Payment Methods → Magic

Mode

Select "Staging" for the test version of the module and switch to "Production" to put Magic Checkout live

Merchant Token

Staging -> Provided in the box below the table

Production ->Provided in your merchant onboarding email

Secret key

Staging -> Provided in the box below the table

Production ->Provided in your merchant onboarding email

Logging

Enable to collect all the logs produces by Magic

NB It's recommended in staging mode only

Enable Magic Checkout - Product, Mini-Cart, Cart Page

In order to have Magic Checkout available across your ecommerce store you must set the following drop-down values to Yes:

  • Product Page - Toggle Magic

  • Cart Page - Toggle Magic

  • Mini Cart Page - Toggle Magic

Note Your ecommerce store may not have a Mini-Cart enabled or available to its customers. If this is the case, then this step is optional.

770770

Basic Settings to configure Magic Checkout

Stores → Configuration → Sales → Magic → Basic Settings

16601660

Enable

Enable Magic Checkout payment

Title

Add the title to the Payment

Order Waiting Status

Indicate the Order Waiting Status before the customer finalizes payment

Final Order Status

Indicate the Final Order Status after the customer finalizes payment

Product Page - Toggle Magic

Enable Magic Checkout to show on Product page

Product page selector

HTML element selector where to show Magic Checkout below

Cart page - Toggle Magic

Enable Magic Checkout to show on Cart page

Cart page selector

HTML element selector where to show Magic Checkout below

Mini Cart Page - Toggle Magic

Enable Magic Checkout to show on Mini cart

Show Fiscal Code in order information

Show Fiscal Code in the Account Information section of the order detail page in CMS.

NB For compatibility with previous versions of this module. If you have already updated to 2.0.0 the fiscal code is showed inside the billing address

Payment from Applicable Countries

Filter countries to enable Magic Checkout

Hide Magic button for Product Types

Select all product types for which you do not want to display Magic

Hide Magic button for Categories

Select all Categories for which you do not want to display Magic

Magic Checkout Analytics Scripts

All the Scripts used to track the Order flow

📘

Staging Environment

Mode
Staging

Token
ea4db480-8a63-4b89-9a09-7e46f3092810

Secret Key
e684a129-36a0-46d3-8176-801f797f06ab

Displaying Magic Checkout Using Page Selectors

You must specify relevant page selectors so that the Magic Checkout button is correctly rendered on your product, mini-cart and cart page.

Magic Checkout plugin uses these selectors in order to correctly render on each of the pages on the ecommerce store.

👍

Magic Checkout Placement

For best product performance, Magic Checkout should appear as follows:

Product Page
Direct above the Add to Cart button

Mini-Cart Page
Directly above the View Cart / Checkout buttons

Cart Page
Directly above the Checkout button

Clear Magento 2 Cache

Flush the Magento 2 Cache after performing the plugin installation and configuration.
After you have flushed the cache proceed to Plugin Testing: Orders & Refunds

Enable additional functions (Coupon Code, Fiscal Code, Marketing Option etc)

After you Go live with Magic, you can proceed enabling Coupon Code, Fiscal Code and Marketing Option fields and adding your Privacy and Cookie Policy and Terms&Conditions: you can find more info consulting the Merchant Portal instructions.