In this article, we are going to cover -
Please note that this feature is available for users on the Pro plan and above.
What is the One-Click Apply button -
This button will appear on your cart page or on your checkout page (if you are on Shopify Plus) and will present your signed-in customers with their loyalty balance and allow them to choose to use their credit on the purchase they are creating.
Please note that in some cases, the button may not appear automatically, and you might need to add it manually (keep reading to learn how).
How to Implement and Customize the Button
In your Rise dashboard, go to the Loyalty Assets tab → One-click apply button → Customize.
Here, you can customize the button's text and style, as well as the text that appears above and inside the button.
In the Body tab, you can modify the text that appears inside the button (button text) as well as the text above the button (body). To change the styling of the text above the button, simply select the text and use the styling options available above the text box.
You can also add variables, such as the store credit balance or the customer's name. To do this, click on the Variable section, copy the variable, and paste it wherever you want it to appear.
In the Template tab, you can modify both the text inside and above the button, as well as change the button's background color. You can also adjust the font type and size here.
Once you’ve finished customizing, activate the button by turning on the toggle in the upper right corner. This will enable the button on the cart page of your store.
How to change the location of the button in the cart page -
If you’d like to change the location of the button on your cart page, you can add the button’s placeholder in the desired spot within your cart.liquid or cart-template.liquid file.
<div class="Rise__quick-apply-placeholder"></div>
How to add the button to the cart page if it doesn’t appear -
Before proceeding, make sure you can answer “yes” to the following:
You are on the Rise.ai Pro, Premium, or Enterprise plan (the button will not appear on any other plan).
You have logged into an account with store credit and did not see the One-Click Apply button on the cart page (or checkout page, if you have Shopify Plus).
Please note that the button will not appear if the customer has no store credit.
If you answered “yes” to these questions, continue reading.
How to manually insert the One-Click Apply button in the cart page -
Go to your Shopify admin → Online Store → Themes → Actions → Edit Code.
Search for the cart.liquid file (this may appear as cart.liquid or cart-template.liquid).
Add the following placeholder in the body section:
<div class="Rise__quick-apply-placeholder"></div>
4. Save your changes and clear your cache.
The One-Click Apply button should now appear! Please remember, it will only show up if you have store credit in your account.
How to add the button to the cart drawer -
To add the One-Click Apply button to the cart drawer, follow these steps:
Go to Themes → Edit code in your Shopify admin.
Navigate to cart.drawer.liquid under Snippets.
Insert the placeholder for the button in the desired location within the cart drawer:
<div class="Rise__quick-apply-placeholder"></div>
Please note that the screenshot below shows a basic store without any additional customization. Make sure to place the placeholder in the appropriate spot within the cart drawer to ensure proper display.
How to add the button to your checkout page -
Please note that Shopify is in the process of deprecating the Checkout.liquid. You can find more information about this process here.
If you have already started using the new Shopify Checkout, please refer to the steps in the next section.
To add the One-Click Apply button to your checkout page (for Shopify Plus merchants), add the following code before the </head> tag in the checkout.liquid page-
<script>window.RiseStoreFront={customer_id:"{{ customer.id }}"};</script>
<script src="https://strn.rise-ai.com/checkout?shop=SHOP_URL"></script>
Note: Where it says “SHOP_URL” in this code, replace it with your store’s myshopify URL (for example, tiny-thorns.myshopify.com).
After adding that code, the button will automatically appear on your checkout page.
How to add the button to your checkout page using Shopify's checkout extension -
Please make sure to activate the One-Click Apply feature through the Rise dashboard (under the Loyalty Assets tab).
To implement the One-Click Apply button through Shopify's Checkout Extension, first head to your Shopify admin → Settings → Customize Checkout (for Shopify Plus merchants).
Once you're in the Customize Checkout section, head to App Embeds and select the Rise Integration.
Here, you can customize the appearance of the buttons using the editor's customization tools:
It's important to note that in the Rise dashboard, you can customize the text of the button, but not its style. All style customizations will affect the button in the cart, but not in the checkout unless you're using the checkout.liquid from the previous section.
Please be aware that any changes made in the Rise dashboard may take some time to update live.
The button will not appear if there is a Rise gift card in the cart, if a code has already been applied, or if the subtotal is 0.
We recommend using the new extension instead of the checkout.liquid, as Shopify is providing greater support for this feature.
Got any feature requests?
Feel free to add them to this feature request form.
Have more questions?
Feel free to contact us at [email protected] or in the chat box.