Note:

A static resource named BESubmissionAnimatedImage (animated .gif) is already uploaded and publicly available. You only need to upload a new image if you want to use a different animation.

1. Use Existing Static Resource (or Upload a New One if Needed)

   • A static resource named BESubmissionAnimatedImage is already available and can be used directly.
   • If you want to use a different image (e.g., a custom loading animation), follow these steps:
   1. Go to Salesforce Setup.
   2. Search for Static Resources.
   3. Click New.
   4. Fill in:
      • Name: (e.g., MyCustomLoadingImage)
      • File: upload your .gif, .png, or .jpg file.
      • Cache Control: set to Public.
   5. Click Save.

2. Open the Site in Experience Builder

   1. Go to Setup → Digital Experiences → All Sites.
   2. Click Builder next to the Booking Engine site.
   3. In the builder, open the Checkout page.

3. Set the Loading Image in the BE: Checkout Core (Property) Component.

   1. On the Checkout page, locate the component named BE: Checkout Core (Property).
   2. Click on it to open the properties panel.
   3. Find the field for the Submission Image URL.
   4. Enter the relative URL to the image using this format:

/<site-name>/<static-resource-name>

Example using the existing image:

/booking/BESubmissionAnimatedImage

• booking is your site name.
• BESubmissionAnimatedImage is the static resource name.

1. Publish changes.