Add a Loading Message in the Upsell Window


This is an unsupported theme customization. Please contact our Merchant Success team if you require additional assistance.

The more products set to appear in the upsell window the longer it will take to load. If you're concerned about users waiting for the window to finish loading, you can add this code to your theme to display a "please wait" message.

To add this code to your theme, follow these steps:

  1. From "Shopify Admin", select Online Store.

    select online store

  2. Select Actions.


  3. Select Edit code.

    Edit code

  4. Under "Layout", select theme.liquid.

    select theme.liquid

  5. Add this code to the bottom of the file:
          $( document ).ready(function() {
                             $('#button').prepend('<div class="waitmessage">Hey! Please wait while we load your special offers!</div>');
                                    $('.waitmessage').css('display', 'none');
                             }, 12000);
                      }, 500);
    .waitmessage {
    width: 100%;
    text-align: center;
          font-size: 14px;
          font-weight: bold;

    add the code

  6. Select Save.

    select save

That's it!

Next Steps:

Blog Posts: