Skip to main content

Add the Marsello loyalty widget to your WooCommerce store

Allow your customers to access their loyalty & marketing profile directly from your WooCommerce online store.

Updated yesterday

For WooCommerce users


Before you start

Here are some key details to note before adding the Marsello Loyalty widget to your WooCommerce store.

  • You will need to install a new plugin from your Marsello app admin to be able to add the loyalty widget and signup forms to your online store.

NEW-Marsello-Help-Center-Divider__2___2_.png

Installing the widget to your WooCommerce store

💡 Pro Tip: Have your WooCommerce admin open in one tab and your Marsello app admin open in a second tab to allow you easy access to both to complete the steps below.

1. In your Marsello app admin, go to Settings > Integrations > Sales platforms


2. While on this page, open the Install the Marsello Widget on your Online Store drop-down button on the page and click on Download Marsello for WooCommerce plugin under step 1.

This will download a .zip file called ‘Marsello for WooCommerce’ to your desktop.

 In the Marsello admin under Integrations > Sales platforms, expand the "Install the Marsello Widget on your Online Store" section and click the link to download the 'Marsello for WooCommerce' plugin as a .zip file.

3. In your WooCommerce Admin, go to Plugin and click Add New

In the WooCommerce Admin dashboard, navigate to the Plugins section and click the "Add New" button to install a new plugin.

4. Click Upload

In the Plugins section of WooCommerce, click the "Upload Plugin" button to upload a plugin file from your computer.

5. Drag-and-drop your downloaded Marsello for Woocommerce zip file

Drag and drop the downloaded 'Marsello for WooCommerce' .zip file into the upload area to begin the plugin installation.

Woocommerce will automatically start to install the Marsello for Woocommerce plugin and display a success screen once complete.

6. Click Manage plugin. This will lead you to the ‘Installed Plugins’ page.

Click the "Manage Plugin" button to navigate to the Installed Plugins page in your WooCommerce Admin.

7. Scroll to Marsello for WooCommerce

On the Installed Plugins page, scroll down to locate the 'Marsello for WooCommerce' plugin in the list.

8. Click Settings

📝 Note: You will need to go back to the Marsello admin > WooCommerce integration to get your API key. Click the Copy icon to copy the API Key .

9. In WooCommerce’s Marsello for WooCommerce settings, paste the API key. Click Save Changes

In the Marsello for WooCommerce settings within WooCommerce, paste your API key into the designated field and click "Save Changes" to apply the configuration.

10. Back in the Marsello > WooCommerce integration, click Test Connection to ensure that the Marsello for WooCommerce plugin is installed correctly.

In the Marsello admin under WooCommerce integration, click the "Test Connection" button to verify that the Marsello for WooCommerce plugin is installed and connected properly.

📝 Note: You will see a ✅ if everything is installed correctly. If a step has been missed in the connection process, you will see a ❌.


Merchants also searched for: apoi, wooreward, woocoreward, woocommercereward

Did this answer your question?