Mailmodo 0ff833fb

Mailmodo Support

Raise a Ticket here

In this article, we will see how to create Shopify abandoned cart template. 

Prerequisites needed before this process:

Shopify Store Connected with your Mailmodo account (Refer 

 Navigate to the template section and click on the create template button.

 Select the relevant sample template or a blank template.

 In the template editor window, add the relevant content and message for your abandoned cart campaign.

 Next, add the Shopify abandoned cart widget by clicking on See all under Interactive widgets

The added block is a placeholder image of how the product section would look.

When the abandoned cart event would occur, the product would be added automatically to this template and would be sent to the respective customer. 

To check how it would look in real, click on 

 or perform testing while creating the journey.

 If you want to offer some discounts, use the options in the right panel to set the discount code and the percentage.

 Now your Template is ready to be used in the ‘Abandoned Cart’ Journey. You can save it and set up the journey in the 

Create Shopify Abandoned Cart Templates

Email sending API for Product Cart Emails

Mailmodo's transactional API can be used to dynamically send a product catalogue to the users with a Purchase option inside the email itself. The product can be personalized for individual users at the time of sending the emails.

 It can be used to show recommended products or offers. Users can purchase that particular product.

 A user can leave one or more products in the cart. To show all the products in one cart along with the total price, data need to be sent through an API

 Create a template with a product block. Our e-commerce sample template could be a good starting point. If a specific design is required, our team can code a custom block as well.

 Edit the template as per your requirement e.g. Product Name, Price, Description etc.

Create a campaign using the template, choose 'Send Trigger Campaign'.

Once the campaign is enabled, you will get the webhook URL. You can use this URL to set up a trigger campaign in your desired platform.

The campaign will be triggered by events recorded in your platform eg. A new user signs up. 

- You will most likely need to set up a journey/ workflow in your CRM. 

Once the campaign is created, the personalisation parameters and the webhook URL are visible under Show setup steps.

The endpoint for the campaign can work as a webhook for sending action-based emails from other tools like MoEngage, WebEngage, Clevertap etc. It can also be used to send emails on user activity events such as registration or cart drop. Here is an example of integrating CleverTap.

https://api.mailmodo.com/api/v1/triggerCampaign/<campaign

This URL can be obtained from the Trigger Info tab.

Dashboard -> Select the campaign from the list -> Integration

API key can be obtained from API Keys tab in Settings

Subject is optional, if not provided, the original subject set in the campaign will be used

Campaign Id can be provided in the URL path or in the payload with 

curl --location --request POST 'https://api.mailmodo.com/api/v1/triggerCampaign/<campaign id>' \
--header 'mmApiKey: <api key>' \
--header 'Content-Type: application/json' \
--data-raw '{
"subject":"Hi, here is the perfect grill from your family",
"email": "user@example.com", "data":{
"firstName" : "John",
"userId" : "U123",
"product_name" : "The Super Grill",
"product_price" : "$300.00",
"product_description" : "The perfect size to grill up a couple of burgers for everyone in the family"
}
}'

Dynamic product catalogue and cart abandonment

Dynamic product catalogues can be enabled via an API. The user would be able to see dynamic products every time they open their email.

Create a template with a dynamic product widget. It’s only available in V2 templates. Please contact us if it’s not enabled in your account.

 Personalise the parts of the template e.g. Product Name, Price, Description etc.

Provide the Endpoint Url that will be used to fetch the catalogue. It can be optionally personalized to provide the cart id. This URL must return an array of objects containing the above keys.

Create a campaign using the template, choose 

 Once the campaign is created, the personalisation parameters and trigger endpoint is available in the Show setup steps section of the campaign.

These details can be used to send the email on any kind of trigger.

 Every time a user opens the email the Endpoint URL will be fetched and the user will be shown products based on their response.

"data":{ "firstName" : "John",
"userId" : "U123",
"cartId" : "C876"
}

"data":[{ "product_name" : "The Super Grill",
"product_price" : "$300.00",
"product_description" : "The perfect size to grill up a couple of burgers for everyone in the family" ,
"Quantity" : 1
},
{
"product_name" : "The ultimate skewers",
"product_price" : "$5.00",
"product_description" : "The perfect companion for your grill",
"Quantity" : 8
}]
]

 to find quick guides and walkthroughs. If you have any queries, then reach out to us via the chat icon on the bottom right corner of your screen while using Mailmodo. Or reach out to us at 

Email sending API to send Product catalogues

We’ve enhanced the Mailmodo experience with a new editor, introducing drag-and-drop functionality and other exciting features. This document will guide you through transitioning from the classic editor to the new one and highlight the key improvements.

ome improvements that have been made over the classic edito

r and are exclusively available in our new editor:

Pre-made block designs and their unique customization options

Easily add blocks, widgets, or forms by dragging them from the left panel. Unlike the classic editor where you had to click on the '+' icon, the new editor simplifies the process. Customize your elements in the "Style" tab on the left.

The “Designs” tab features a variety of pre-made blocks that are visually optimized. Simply drag and drop, then customize to suit your requirements.

Elements in these pre-made blocks cannot be added, deleted, or rearranged.

New editor:
Create simple or advanced forms from scratch or use pre-made forms suited to your needs. 

Switch between different block structures using the "Change layout" feature without duplicating or starting from scratch. This feature is available for all blocks in the Design tab.

A few things will remain the same in the new editor:

Our new editor offers flexible layout options. Add pre-made blocks or build from scratch using blank single or multi-column layouts. Customize by adding, deleting, or rearranging elements to fit your design needs.
Start with basic layouts by selecting "Pre-made layouts" in the Layouts panel.

The side panel has been repositioned from the right to the left. All other elements and functionality remain unchanged. Customization options, with a few additions, continue to function as before.

Increase or decrease the spacing between columns
You can change the column spacing in the mobile view as well.


Change the aspect ratio of the image.
You can either keep the image with the original aspect ratio or switch to 1:1, 3:2, 2:3, 16:9


Basic block-level customizations in mobile view
You can now edit the mobile view of a template using the basic customization options.


Create and Manage Templates

Create Shopify Abandoned Cart Templates

Email sending API to send Product catalogues

Transitioning to Mailmodo's New Editor