In this article we cover-

  1. How to install Rise on your store

  2. Which assets will be available

  3. Store Examples

How to get Rise setup on your Headless store?

Firstly, to set up Rise with a Headless store, you must sign up with Rise on either the Premium or Enterprise plan.

Rise.ai was designed as an app for the Shopify store. As a Headless store has more freedom in its set up, there are a couple of technical requirements to ensure Rise works as expected. We need to:

  • We need to be able to recognize which Product page is your Gift Card page

  • We need to identify that this page is indeed a Product page

  • We need to identify the “Add to Cart” button on that page

The steps to ensure all these requirements are met are as follows:

  1. Place the class: “Rise-add-to-cart-button” to your “Add to Cart” button, allowing us to identify the button.

2. Add the following object to the window (only in the gift cart page):

"Rise": {
"is_product_page": true,
"cart": { "token": "fa3c5d51-7353-4099-8ecd-6dc7cef52e2b" (same uuid you send upon checkout) },
"using_add_to_cart_flow": false,
"is_floating_cart_theme": true,
"product": { "id": 1218381676591 (gift card product id from shopify) },
"full_product": { "available": true } }

3. Add the following script tag to the Head of the Gift Card page (make sure that the object from the previous step is available before firing the script):

<script src='https://str.rise-ai.com/?shop=*shopify shop domain, *****.myshopify.com (without https)'></script>

4. Add the uuid that you generated and placed on the window when the gift card page loads, to the Shopify order object under “additional notes”. The key value should be:
cart_token: UUID.

Once the UUID has been placed, please contact us, letting us know where it was placed so we can adjust our system to search in the correct location.

5. Finally, add a defer tag to the script so it loads after the DOM.

To confirm the success of this process, or if you have any additional questions, you can contact one of our Technical Reps who will be able to walk you through this process and make sure it is suited to your store’s needs. You can email them at [email protected].

Which Assets will be available?

A few of Rise’s original assets are available when you are utilizing Rise on a Headless store. You will have access to:

  1. The Gift Card Popup
    We provide a “Send as a Gift” button taking your customers to a module in the Gift Card product page to send their gift card directly to their friends and family. You can see more information about this asset here.

  2. The Check Balance page
    The check balance page is a dedicated page to be added to your store allowing your customers to find information about their gift cards at the click of a button, rather than having to reach out to you. You can learn more about this feature in our Help Center article.

If there are certain “deal-breaker” assets that are must-have, please contact our support team and let us know, we will be happy to see if there is a more manual method of including these features.

Store Examples

Figs

TB12 Sports

Art of Tea

If you need anything, please contact us at [email protected], or in the chatbox.

Did this answer your question?