Skip to main content

How can we help?

Note: Recharge recently updated the merchant portal to better serve your needs. Some articles in the Help Center may still reference the previous navigation structure. Recharge is in the process of updating all articles to reflect these changes.

Using the Notification node for Subscription Experience Strategies

Shopify Checkout integration Migrated Shopify Checkout Integration
Sections

Personalize your notifications and include dynamic information when building subscription experiences.

This guide lists the available variables per template, allowing you to create compelling and dynamic content.

Platform:
  • Shopify Checkout Integration
  • Migrated Shopify Checkout Integration

Before you start

  • Customers must opt-in to marketing to receive notifications. Advanced Failed Payment Recovery is the only Subscription Experience that does not require the customer to accept marketing. 
  • Notifications sent through an advanced Failed Payment Recovery strategy are transactional, and cannot contain any marketing content or terminology. Avoid using marketing language in your notifications to remain compliant.

How it works

Each template includes a notification node, so you can automate customer communication. Notifications make it easy to announce free gifts, incentives, or opportunities to recover failed payments.

You can include variables in your notifications to provide customers with dynamic and contextual information and personalize the experience to assert your brand and further customer loyalty.

Note: You cannot edit a Subscription Experience after activating it. You must create a new Subscription Experience to reflect any changes.

Send notifications in multiple languages

Translate notifications into multiple languages, and communicate with your customers in their preferred language. Recharge supports multiple translations, allowing you to update the sender name, subject line, and the notification’s email so you can connect with customers globally.

Recharge uses customer data stored on Shopify to determine the customer’s default language before sending the notification. Review customer accounts in Shopify to confirm their preferred contact language.

Customer order details page showing a test order, with a highlighted section indicating that the customer will receive notifications in Japanese.

See Translate your notifications for detailed setup instructions.

Using the Notification node

Edit or add the Notification node to communicate with customers throughout the experience. 

Click on the notification node and select Edit email body in any template to personalize the notification content. You can include any of the email variables to personalize your content. Available variables vary depending on the template.

The edit email body button allows you to edit the notification sent to customers

Preview your notification

Click on the preview notification button in the notification node to render the body of the email directly in the template.

The Preview notification button renders the template notification

Review the notification as if you were a customer, and make sure your variables read correctly. The experience may differ depending on the state of your template:

  • Draft templates: Some variables may not render, or Recharge may display placeholder values depending on the template type
  • Saved templates: The variables render correctly, and display the correct product name and price

Advanced Failed Payment Recovery notifications

Advanced Failed Payment Recovery notifications are part of a pre-built strategy, configured through a specific builder. While Recharge offers standard language, you can change the notifications to suit your business needs. Click the pencil icon next to any notification in a strategy to open the notification builder and edit the notification. 

Tip: The notification builder is similar to the Notification node used in other experiences.

Translate your notifications

Translate the notification directly in the Notification node or notification builder depending on the experience:

  1. Open the experience’s notification node or builder for an inactive experience.
    • For advanced Failed Payment Recovery strategies: Click the pencil icon next to a notification to open the notification builder. Depending on your store setup, you may need to click on the Notification node instead.
    • For all other applicable experiences: Click the Notification node within the experience builder to access your translation options.

  2. Click the Language dropdown menu and select a language. Recharge displays languages based on your Shopify language settings. You must configure a language in Shopify before you can add it in Recharge. 

  3. Optional — If the languages you previously added to Shopify are not listed, click Sync languages from Shopify to update your store permissions and sync the list of available languages.

  4. Enter translations for the sender name, email, and the subject line.
  5. Click Edit email body and enter your translation into the textbox. Click Done to save the updated notification.
  6. Select Apply to save your changes.
  7. Repeat these steps to add additional translations, or activate your strategy when ready.

Translate existing notifications for active strategies

You cannot add translations to an active strategy for experiences other than Win Backs. Instead you must duplicate and recreate your active strategy to add new translations:

  1. Duplicate the strategy.
  2. Add your notification translations to the Notification node.
  3. Activate the duplicated strategy.
  4. Deactivate the original strategy.

Translate existing notifications for active Win Back strategies

You can edit the Notification node for active Win Back strategies to create different translations. Only customers who enter the experience after you’ve added the new translations receive translated notifications.

Include variables in your notifications

Use the following variables in the body of your notifications to personalize the customer experience:

Variable

Description

Works with the following templates

{{customer.first_name}}

Customer’s first name
{{customer.last_name}}

Customer’s last name
{{customer.customer_portal_url}} Customer portal URL
{{store.name}} Your store name
{{offer.product_title}} The title of the product used in an offer
{{charge.scheduled_at}}

The scheduled date of the customer's next charge

This is the charge associated with the Subscription Experience
{{offer.discounted_price}} The discounted price of the product used in an offer
{{offer.offer_value}}

The value of the offer

This could be a percentage or fixed value, depending on the offer type
{{charge.currency}}

The currency of the customer's next charge

This is the charge associated with the Subscription Experience

 
{{ customer.total_credit_balance | amount_with_currency(credit_details.credit_currency) }}

The customer's total credit balance
{{ credit_details.credit_amount | amount_with_currency(credit_details.credit_currency) }}

The credit amount the customer earned in credits

{{customer.customer_portal_payment_methods_url}}

 

A direct link to the customer portal payment methods page

Note: If you use a custom customer portal as your URL, you can add the custom URL to your notifications. Recharge then switches the variable in your notifications from {{customer.customer_portal_payment_methods_url}} to {{custom_portal_url}}.

{{custom_portal_url}}

A direct link to your customer portal if you use a custom customer portal.
{{charge.shipping_address.address1}} {{charge.shipping_address.city}} {{charge.shipping_address.province}} {{charge.shipping_address.country_code}} {{charge.shipping_address.zip}}

The shipping address associated with the charge
{{charge.billing_address.address1}} {{charge.billing_address.city}} {{charge.billing_address.province}} {{charge.billing_address.country_code}} {{charge.billing_address.zip}}

The billing address associated with the charge
{{charge.error_type}}

The error on the charge
<h3>Items in Shipment</h3>
<table cellpadding="8px" style="border-collapse: collapse;">
{% for item in charge.line_items %}
<tr style="border-bottom: 1pt solid #CCC;">
<td>
<img src="{{item.images['small']}}" width="60" height="60" style="border-radius: 8px"/>
</td>
<td>
<div><b>{{item.title}} x {{item.quantity}}</b></div>
{% if item.variant and item.variant not in ("Default Title", "None", None) %} <div style="font-size:0.9rem;color:#444;">{{item.variant_title}}</div> {% endif %}
</td>
</tr>
{% endfor %}
</table>

A list of line items included in the failed order

{% if customer.get('total_credit_balance') is not none and customer.total_credit_balance > 0 %}

<p>You will lose {{ customer.total_credit_balance | amount_with_currency(credit_details.credit_currency) }} in store credits if your subscriptions are cancelled.</p>
{% endif %}

This code checks if a customer has store credits and, if so, displays a message warning customers that they will lose their credits if they cancel their subscription

 

 

 

{{campaign.url}}

 This is the URL to the reactivation landing page.
Warning: Notifications sent as part of an advanced Failed Payment Recovery strategy are considered transactional, and cannot contain any marketing content or terminology. Make sure that your notifications avoid using marketing language to remain compliant.

Include images in your notifications

Easily upload and display images in your notifications to elevate communication and emphasize your brand. Use the notification node in the flow canvas to upload an image:

  1. Click on the notification node in the flow canvas and select Edit email body. 
  2. Click the image icon in the email body editor.
  3. Drag and drop your image, click select a file to upload your photo, or choose a previously uploaded image from the Image Library options.
  4. Click Upload when ready to upload the image to your notification.
  5. Click Close to exit the email body editor.

After selecting the Upload button, Recharge adds the image to the notification using a properly formatted <img> tag.

It's important to set the image size before uploading the photo to your notification, as you cannot edit the image size without using custom code. You can edit the <img> HTML tag to change the size of the image, however, this is outside of Recharge's scope of support.

Considerations

Consider the following when using the Notification node:

Consideration

Notes

Win Backs translations
  • Currently you can only translate drip campaign notifications. Recharge plans to launch landing page translations in the future.
Incorrect customer language
  • Recharge uses customer data stored on Shopify to determine the customer’s default language before sending the notification. You can edit the customer’s language in Shopify to send future notifications to customers in different languages.
Was this article helpful?
0 out of 0 found this helpful

Related articles

Didn’t find what you’re looking for?

Contact us