Key Features

Quick Links: Redirect customers to specific subscription management views.
Quick Actions: Allow one-click subscription actions.

Security

Links and actions expire after 72 hours.
Delegated tokens ensure secure access.

To access the properties that are available for each link or action, preview your Customer.io campaign using a recent event from the Juo integration. You can copy the property keys from the event payload into your email content.

Quick Links

Quick Links are used to direct customers to specific places in Juo Customer Portal. These links are sent as properties inside the QuickLinks object on each synced event.

Available Quick Links

Property key	Description
ViewSubscription	Opens the subscription details view
AddProducts	Opens the add products view
EditAddress	Opens the address editing view
ChangePaymentMethod	Opens the payment method update view
ChangeBillingDate	Opens the billing date change view
AddDiscount	Opens the discount code entry view
ChangeShippingMethod	Opens the shipping method selection view

Example usage in a Customer.io email:

<a href="{{ trigger.QuickLinks.ViewSubscription }}">View your subscription</a>

Quick Actions

Quick Actions allow customers to perform specific tasks directly from their email. These actions are sent as properties inside the QuickActions object on each synced event.

Available Quick Actions

Property key	Description
Pause	Pauses the subscription
Skip	Skips the next renewal
RenewNow	Triggers an immediate renewal
Reactivate	Reactivates a cancelled subscription
Resume	Resumes a paused subscription

Example usage in a Customer.io email:

<a href="{{ trigger.QuickActions.Pause }}">Pause subscription</a>
<a href="{{ trigger.QuickActions.Skip }}">Skip next delivery</a>

Add Product

The Products array inside QuickActions can be used by your subscribers to easily add products included in Juo Upsell campaigns to their next renewal. Merchants can display product details such as the product’s image, price, and title in the email. Each product entry in QuickActions.Products contains the following fields:

AddProductUrl: The URL for adding a product to cart.
Title: The name of the product.
CurrentPrice: The discounted price, if applicable.
BasePrice: The original price of the product.
ImageUrl: A URL for the product image.
VariantId: The Shopify variant ID for the product.
AvailableForSale: A boolean indicating if the product is in stock.

To link to the first product in the array, use: {{ trigger.QuickActions.Products[0].AddProductUrl }} Example email template that displays all items in the Upsell campaign:

{% if trigger.QuickActions.Products.size > 0 %}
  <table
    role="presentation"
    cellspacing="0"
    cellpadding="0"
    border="0"
    width="100%"
    style="font-family: sans-serif;"
  >
    <tr>
      <td style="padding: 20px 0; text-align: center;">
        <h2 style="margin-bottom: 20px;">Special Add-ons for Your Next Delivery</h2>
        {% for product in trigger.QuickActions.Products %}
          {% if product.AvailableForSale %}
            <table
              role="presentation"
              cellspacing="0"
              cellpadding="0"
              border="0"
              width="100%"
              style="margin-bottom: 30px; border-collapse: collapse;"
            >
              <tr>
                <td style="width: 100px; padding: 10px;">
                  <img
                    src="{{ product.ImageUrl }}"
                    alt="{{ product.Title }}"
                    width="100"
                    style="border-radius: 6px; display: block;"
                  >
                </td>
                <td style="padding: 10px; text-align: left; vertical-align: top;">
                  <p style="margin: 0; font-weight: bold;">{{ product.Title }}</p>
                  {% if product.CurrentPrice < product.BasePrice %}
                    <p style="margin: 4px 0;">
                      <span style="color: #999; text-decoration: line-through;">{{ product.BasePrice }}</span>
                      <span style="font-weight: bold;">{{ product.CurrentPrice }}</span>
                    </p>
                  {% else %}
                    <p style="margin: 4px 0; font-weight: bold;">
                      {{ product.CurrentPrice }}
                    </p>
                  {% endif %}
                  <a
                    href="{{ product.AddProductUrl }}"
                    style="display: inline-block; margin-top: 10px; padding: 10px 16px; background-color: #3727F4; color: white; text-decoration: none; border-radius: 4px;"
                  >
                    Add to next delivery
                  </a>
                </td>
              </tr>
            </table>
          {% endif %}
        {% endfor %}
      </td>
    </tr>
  </table>
{% else %}
  <p style="text-align: center;">No add-ons available at the moment.</p>
{% endif %}

Customer.io synchronization

Quick action parameters are sent to Customer.io with each trigger:

Started Subscription
Paused Subscription
Skipped Subscription
Renewed Now Subscription
Cancelled Subscription
Upcoming Renewal Subscription
Billed Subscription
Billing Failed Subscription
Renewal Requires Action
Product Out Of Stock Subscription

For more information, see the Customer.io integration guide.

Getting started

Subscription experiences

Workflows

Settings

Integrations

Use guide

Quick actions for Customer.io

Key Features

Security

Quick Links

Available Quick Links

Quick Actions

Available Quick Actions

Add Product

Customer.io synchronization

​Key Features

​Security

​Quick Links

​Available Quick Links

​Quick Actions

​Available Quick Actions

​Add Product

​Customer.io synchronization

Key Features

Security

Quick Links

Available Quick Links

Quick Actions

Available Quick Actions

Add Product

Customer.io synchronization