Articles on: Retain

Benefits page

The Benefits page is the first step in the cancellation flow. It allows brands to showcase key advantages of staying subscribed, such as discounts, exclusive access, convenience, or any other value-adds. This page is displayed when a customer initiates the cancellation process, serving as a gentle reminder of what they might lose if they choose to cancel.


This article provides a detailed guide on Benefits pages, covering how to set them up based on different conditions, customize their appearance, and configure button text and styling options.


In this article



Why use a Benefits page?


The Benefits page serves as your first line of defence against cancellations. It appears immediately when a subscriber clicks on the “Cancel subscription” button in the customer portal, opening a side drawer that highlights the key advantages of staying subscribed.


This is your opportunity to gently remind customers why they signed up in the first place. Whether it’s exclusive discounts, free shipping, early access to new products, or any other perks you offer, the Benefits page helps reinforce the value of your subscription before the subscriber proceeds any further.


By showcasing compelling reasons to stay, you create a positive interruption that can help reduce churn and encourage subscribers to reconsider their decision.


Setting up Benefits page


Follow these steps to complete the process.


  1. Navigate toLoop admin > Retain > Cancellation flows > Benefits page > Click on "Create new page".



  1. The “Create subscription benefits page” screen will open, featuring multiple sections that you can customize based on your business requirements.



Before you start: Key considerations for creating a Benefits page


Brands can create different types of benefits pages tailored to diverse customer segments, depending on several factors like the product a customer has subscribed to, the number of successful orders placed, subscription frequency, AOV, and more.


Each benefits page plays a unique role in the cancellation journey, serving as the first touchpoint to engage the customer before they proceed with cancellation. Some pages may focus on showcasing the value of the subscription through videos, highlighting exclusive perks, behind-the-scenes content, or testimonials, while others may rely on compelling text-only messages to drive retention. Both approaches can be effective, and the right choice depends on your product type, brand tone, and audience behavior.


It’s important to note that there’s no one-size-fits-all solution. What works well for one brand might not yield the same results for another. That’s where Loop’s powerful benefits page editor comes in; it gives you full flexibility to experiment with different formats, designs, and targeting conditions to find what resonates best with your subscribers.


  • Sample benefit pages



Your content strategy here should align with your brand’s offerings and your customer base’s expectations. Whether you’re selling consumables, apparel, or curated subscription boxes, building benefit pages with the right message and media can make a measurable impact on retention.


Creating an image-enhanced Benefits page


Once you land on the create Benefits page screen, follow these steps to complete the setup.


  1. Assign an internal name to your Benefits page. Then, configure the required conditions to determine when this page should be shown to subscribers. In case you're creating a general page, adding a condition is not required.



  1. You can use various available variables, like subscription and customer details, to personalize the message on the Benefits Page. This allows you to dynamically display information such as the subscriber’s name, creating a more tailored and engaging experience.


Note: You can also utilize integration-based variables, such as Loyalty points variables, to inform subscribers that they can redeem their unused points for discounts on future orders. These variables will only be displayed when the loyalty app is fully integrated with Loop.



  1. Set a compelling title based on your use case to grab the subscriber’s attention.



Tip: With Loop's live preview feature, all changes appear instantly on the side screen, making it easier to design a polished, high-converting Benefits page.


  1. The Body section is the core of your Benefits page. Use various formatting options, like text styles, colors, alignment, images, tables, and code snippets to structure and design the content as per your brand’s tone and goals.



Tip: You can also use Loop’s AI feature to generate tailored messages. Just click the button, enter your prompt, and it will instantly create the message for you.




  1. You can customize the button text based on your specific use case or messaging preference.



  1. After previewing the created Benefits page, change its status to "Active" to make it live for subscribers.



Customer portal experience


Follow these steps to complete the process.


  1. The subscriber logs into the customer portal and scrolls down to click the "Cancel subscription" button.



  1. The configured Benefits page appears immediately after the subscriber clicks the Cancel button.



Note: The newly created Benefits page appeared because the subscription includes a product that matched the conditions defined during setup.


Creating a video-enhanced Benefits page


Once you land on the create Benefits page screen, follow these steps to complete the setup.


  1. Assign an internal name to your Benefits page. Then, configure the required conditions to determine when this page should be shown to subscribers. In case you're creating a general page, adding a condition is not required.


  1. You can use various available variables, like subscription and customer details, to personalize the message on the Benefits Page. This allows you to dynamically display information such as the subscriber’s name, creating a more tailored and engaging experience.


  1. Set a compelling title based on your use case to grab the subscriber’s attention.


  1. To insert a video into your Benefits page, add a code snippet in the editor. In the next step, we’ll walk through the code details so you can customize it as needed.



  1. Understanding the video embed code


<span class="fr-video fr-deletable fr-fvc fr-dvb fr-draggable" contenteditable="false"><video autoplay="true" id="cancellationBenefitVideo" controls="" muted="" playsinline="" style="width: 100%; height: auto; aspect-ratio: 4 / 5 ; display: block; margin: 0 auto;" class="fr-fvc fr-dvi fr-draggable"><source src="https://cdn.shopify.com/videos/c/o/v/6b8aeb0f5d8149c7838f03eaf61d1741.mp4" type="video/mp4"></video></span>


  • <span class="fr-video ...">: This is a wrapper element used by WYSIWYG editors like Froala (which powers many rich text editors). It marks the video block as draggable, deletable, and visually controllable within the editor.


→ contenteditable="false": Ensures users don't accidentally edit the video element directly while editing content visually.


  • <video ...> Tag: The attributes used are defined as follows.


→ autoplay="true": Starts the video as soon as it loads. Note: Autoplay works only if the video is muted (per browser policies).

→ controls: Adds default play/pause/volume controls to the video. This is important for accessibility.

→ muted: Essential for autoplay to work across modern browsers.

→ playsinline: Prevents the video from going fullscreen automatically on mobile devices (especially iOS Safari).

→ id="cancellationBenefitVideo": Adds a unique identifier in case you want to target the video with custom JavaScript or CSS later.

→ style="...": This inline CSS ensures the video looks good and stays responsive:

→ width: 100% makes it span the container width

→ height: auto maintains natural aspect ratio

→ aspect-ratio: 4 / 5 locks the video size proportionally (e.g., portrait layout)

→ margin: 0 auto centers it

→ class="...": Editor-specific styling hooks, Froala uses these to manage visuals and interactions.


  • <source ...> Tag: Specifies the actual video file and its MIME type (video/mp4).


→ Replace the src URL with your own Shopify CDN link or external hosted video if needed.


Customer portal experience


Follow these steps to complete the process.


  1. The subscriber logs into the customer portal and scrolls down to click the "Cancel subscription" button.



  1. The configured Benefits page appears immediately after the subscriber clicks the Cancel button.



Note: The newly created Benefits page appeared because no. of order placed in the subscription is greater than 2 and that matched the conditions defined during setup.



Here are some related articles that may offer additional insight and context.



Need help?


No worries - we're here for you!

If you have any questions or need assistance, feel free to email us at support@loopwork.co or chat with us using the support beacon at the bottom right of your screen.


Regards,

Loop Subscriptions Team 🙂


Return to top

Updated on: 01/08/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!