In this article you'll find:
Important:
* Please note this feature is available on the Pro plan and above.
What is the Quick Apply button -
This button will appear on your cart page or, if you're using Shopify Plus, on your checkout page. It displays the customer's loyalty balance and allows them to apply their available credit to the current purchase.
If the button doesn’t appear automatically, you’ll need to add it manually. Keep reading to learn how.
How to customize the Quick Apply button
In your Rise dashboard, go to the On-site assets tab → Store Credit → Quick Apply button.
Here you can customize the button text, its style, and the text that appears above and inside the button.
In the Body tab, you can edit the text that appears inside the button (button text) and the text that appears above it (body). To style the text above the button, highlight the text and use the formatting options above the text box.
You can also add variables, such as the customer's name or store credit balance, by clicking the variable section, copying a variable, and pasting it where you want it to appear.
In the Template tab, you can update 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.
Once you're done customizing, activate the button by turning on the toggle in the upper right corner. This will enable the button on your store’s cart page.
How to change the button’s location in the cart page
If you’d like to place the button in a different location on your cart page, you can do so by adding the button’s placeholder to your cart.liquid or cart-template.liquid file in the desired spot.
<div class="Rise__quick-apply-placeholder"></div>
How to add the button to the cart page if it doesn’t appear
Before getting started, make sure the following statements apply to you:
You’re on the Rise.ai Pro, Premium, or Enterprise plan (the button won’t appear on other plans).
You’re logged in as a customer with store credit, and the Quick Apply button is not visible on the cart page (or checkout page if you're using Shopify Plus).
The customer has an existing store credit balance (the button will not appear otherwise).
If all of the above are true, continue to step 1.
Go to your Shopify admin → Online store → Themes → Actions → Edit code.
Search for your cart template file (usually named cart.liquid or cart-template.liquid).
In the body of the file, add the following placeholder:
<div class="Rise__quick-apply-placeholder"></div>
Save your changes.
Empty your cache and hard reload the cart page.
The button should now appear. Remember, it will only appear if you have store credit in your account.
How to add the Quick Apply button to the checkout page
Please note that Shopify is in the process of deprecating the checkout.liquid file. You can learn more about this change here.
If you're already using the new Shopify Checkout, please follow the instructions in the next section -
To add the Quick Apply button to your checkout page using checkout.liquid (for Shopify Plus merchants), follow these steps:
In your Shopify admin, go to Online store > Themes > Actions > Edit code.
Open the checkout. Liquid file.
Before the closing
</head>tag, add the following code:
<script>window.RiseStoreFront={customer_id:"{{ customer.id }}"};</script><script src="https://strn.rise-ai.com/checkout?shop=SHOP_URL"></script>
Replace SHOP_URL with your store’s myshopify.com URL (for example: tiny-thorns.myshopify.com).
Save the file.
After saving, the Quick Apply button will automatically appear on your checkout page.
Add the button to your checkout using Shopify's Checkout Extension (for Shopify Plus merchants)
If you're using Shopify Plus, you can add the Quick Apply button to your checkout using Shopify's Checkout Extension. To do so, follow the steps below:
Make sure the Quick Apply feature is activated in your Rise dashboard.
In your Shopify admin, go to Settings > Checkout, then click Customize.
You’ll be redirected to the Shopify editor. Click on App embeds.
Enable the quick-apply-button and add it to the Payment section of your checkout.
Once you've finished and clicked Save, this is how the one click apply button will behave at checkout:
Please note:
You can customize the button text in the Rise dashboard, but not the style. Style changes only apply to the cart button, not the checkout button (unless you're using the checkout.liquid method from the previous section).
Updates made in the Rise dashboard may take some time to appear live.
The Quick Apply button will not appear if:
A Rise gift card is already in the cart
A gift card code has already been applied
The cart subtotal is 0
We recommend using the new Checkout Extension rather than checkout.liquid, as Shopify provides greater support for this method.
Have more questions or product feedback?
Feel free to contact us at info@rise.ai or in the chat box.