Adding images & visuals to your booking page can help customers better understand your service and increase confidence before clicking “Book Online.”
⚠️ Important:
Directly uploading large images can slow down page load time. To ensure a smooth booking experience, images should be hosted externally and inserted using their link.
Step 1 – Get the image link
To add an image, you first need a direct image URL.
If you use WordPress, follow these steps:
Log in to your WordPress admin panel
Go to Media → Library
Click Add New and upload your image
Click on the uploaded image
Copy the image URL
This URL will be used inside your booking page.
Step 2 – Open the section where you want the image
Go to:
Advanced Booking Pages → Select your booking page → Edit
Locate the Dropdown Description Section where you will be adding the image to appear.
Step 3 – Insert the image using HTML
Inside the section editor:
Type a placeholder (e.g., Insert image) where you want the image to appear
Click the “</>” (HTML view) icon
Find the placeholder text
Replace it with the following code:
4. Replace ADD YOUR IMAGE LINK HERE with your copied image URL
<p style="text-align: center;"><img src="ADD YOUR IMAGE LINK HERE" style="width:80%;"><br></p>
5. Switch back to Visual mode (Click on the “</>” icon again)
You can now:
Adjust alignment
Resize the image
Add text above or below it
The image will automatically scale depending on the user’s screen size.
Best Practices for Images
To maintain fast load times:
Use compressed images (optimized for web)
Avoid very large file sizes
Keep image width reasonable (70–80% is ideal)
Preview your booking page before publishing
What happens next
After adding the image:
Save the booking page
Use Preview to ensure it displays correctly
Publish when ready